شرح اضافة h1 و h2 في المنتديات [ وضع رابط على الموضوع والقسم ]

[admin]

السلام عليكم

لوريه مثال على ذلك
http://elmjeck.com/vb/forumdisplay.php?f=11
من دخل القسم

http://elmjeck.com/vb/archive/index.php/t-9.html

من دخل الموضوع

اضافة H1 و H2 في تمبلات Forumdisplay و Showthread

وفائدها :

تحسّن علاقة صفحتك مع google وتكون الصفحة مفهومة لمحرك البحث

شرح التركيب:

الخطوة الاولى

افتح تمبلت FORUMDISPLAY
ابحث عن كود:


$navbar

اضف ادناه

كود:


<br />
<div id="tags">
<h1>
<a href="forumdisplay.php?f=$forumID">$foruminfo[title_clean]</a>
</h1>
<h2>$foruminfo[description]</h2>
</div>
<br />

هذا الكود سيمكنك من عرض اسم القسم وشرحة

http://i264.photobucket.com/albums/ii182/eltohamy/elmjeck2-17.png

الخطوة الثانية :

افتح تمبلت SHOWTHREAD

ابحث عن كود:

$navbar


اضف ادناه


<br />
<div id="tags">
<h1><a href="showthread.php?$session[sessionurl]t=$threadid">$thread[title]</a></h1>
<h2>
<a href="forumdisplay.php?f=$forumID">$foruminfo[title_clean]</a></h2>
</div>
<br />



هذا الكود سيمكنك من عرض اسم الموضوع وشرح قسمه


http://i264.photobucket.com/albums/ii182/eltohamy/elmjeck1-21.png


الخطوة الثالثة :

اضافة تعريف CSS في ملف الاستايل - لإظهار h1 و h2 في الصفحات

اذهب الى - ادارة الاستايل ( واختر استايلك ) > تعديل CSS الرئيسي

http://i264.photobucket.com/albums/ii182/eltohamy/elmjeck3-10.png

وانزل لآخر الصفحة , Additional CSS Definitions
سيكون هناك مربع ( احيانا يكون فارغ )


http://i264.photobucket.com/albums/ii182/eltohamy/elmjeck4-8.png


واطبع فيه الكود التالي :

كود:


/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}

#tags h1 {
font-size: 20px;
color: black;
font-weight: bold;
}

#tags h2 {
font-size: 17px;
color: black;
font-weight: bold;
}
طبعاً غير هذا الكود بما يناسب ( حجم و لون ) صفحاتك

واذا نجحت العمليه , فستكسب محرك البحث ان شاء الله

الموضوع منقول

ولكن الصور خاصى بى