D3m-fny
14-Nov-2007, 06:58 PM
شرح اضافة h1 و h2 في المنتديات كـ Tags
مثال على ذلك
http://al7arf.com/vb/showthread-t_257.html
شاهد في أعلى القسم عنوان الموضوع داخل الأقسام في الأعلى وهذه صورة توضيحية لذلك
http://www.kuwaite.ws/uploads/cca7445c75.gif
من منطلق حبي الشديد لمحسنات محركات البحث Search Engine Optimization
احببت ان اخبركم عن طريقة مفيده لمحرك البحث خاصة في المنتديات
وهي اضافة تاجز H1 و H2 في تمبلات Forumdisplay و Showthread
وفائدها :
تحسّن علاقة صفحتك مع google وتكون الصفحة مفهومة لمحرك البحث
شرح التركيب:
الخطوة الاولى
افتح تمبلت FORUMDISPLAY
ابحث عن
$navbar
اضف ادناه
<br />
<div id="tags">
<h1>$foruminfo[title_clean]</h1>
<h2>$foruminfo[description]</h2>
</div>
<br />
هذا الكود سيمكنك من عرض اسم القسم وشرحة
الخطوة الثانية :
افتح تمبلت SHOWTHREAD
ابحث عن
$navbar
اضف ادناه
<br />
<div id="tags">
<h1>$thread[title]</h1>
<h2>$foruminfo[title_clean]</h2>
</div>
<br />
هذا الكود سيمكنك من عرض اسم الموضوع وشرح قسمه
الخطوة الثالثة :
اضافة تعريف CSS في ملف الاستايل - لإظهار h1 و h2 في الصفحات
اذهب الى - ادارة الاستايل ( واختر استايلك ) > تعديل CSS الرئيسي
وانزل لآخر الصفحة , Additional CSS Definitions
سيكون هناك مربع ( احيانا يكون فارغ )
واطبع فيه الكود التالي :
وهذا شرح توضيحي للخطوة الثالثة :
http://www.kuwaite.ws/uploads/9a3a60a983.gif
http://www.kuwaite.ws/uploads/c90e543abd.gif
http://www.kuwaite.ws/uploads/1fb1824e21.gif
/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}
#tags h1 {
font-size: 19px;
color: black;
font-weight: bold;
}
#tags h2 {
font-size: 17px;
color: black;
font-weight: bold;
}
وأخيرا أتمنى أن أكون وفقت في الشرح
منقول عن أخوي بندر ولكن الصور اضافات من عندي ليسهل الشرح على القاريء
دمتم بخير
مثال على ذلك
http://al7arf.com/vb/showthread-t_257.html
شاهد في أعلى القسم عنوان الموضوع داخل الأقسام في الأعلى وهذه صورة توضيحية لذلك
http://www.kuwaite.ws/uploads/cca7445c75.gif
من منطلق حبي الشديد لمحسنات محركات البحث Search Engine Optimization
احببت ان اخبركم عن طريقة مفيده لمحرك البحث خاصة في المنتديات
وهي اضافة تاجز H1 و H2 في تمبلات Forumdisplay و Showthread
وفائدها :
تحسّن علاقة صفحتك مع google وتكون الصفحة مفهومة لمحرك البحث
شرح التركيب:
الخطوة الاولى
افتح تمبلت FORUMDISPLAY
ابحث عن
$navbar
اضف ادناه
<br />
<div id="tags">
<h1>$foruminfo[title_clean]</h1>
<h2>$foruminfo[description]</h2>
</div>
<br />
هذا الكود سيمكنك من عرض اسم القسم وشرحة
الخطوة الثانية :
افتح تمبلت SHOWTHREAD
ابحث عن
$navbar
اضف ادناه
<br />
<div id="tags">
<h1>$thread[title]</h1>
<h2>$foruminfo[title_clean]</h2>
</div>
<br />
هذا الكود سيمكنك من عرض اسم الموضوع وشرح قسمه
الخطوة الثالثة :
اضافة تعريف CSS في ملف الاستايل - لإظهار h1 و h2 في الصفحات
اذهب الى - ادارة الاستايل ( واختر استايلك ) > تعديل CSS الرئيسي
وانزل لآخر الصفحة , Additional CSS Definitions
سيكون هناك مربع ( احيانا يكون فارغ )
واطبع فيه الكود التالي :
وهذا شرح توضيحي للخطوة الثالثة :
http://www.kuwaite.ws/uploads/9a3a60a983.gif
http://www.kuwaite.ws/uploads/c90e543abd.gif
http://www.kuwaite.ws/uploads/1fb1824e21.gif
/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}
#tags h1 {
font-size: 19px;
color: black;
font-weight: bold;
}
#tags h2 {
font-size: 17px;
color: black;
font-weight: bold;
}
وأخيرا أتمنى أن أكون وفقت في الشرح
منقول عن أخوي بندر ولكن الصور اضافات من عندي ليسهل الشرح على القاريء
دمتم بخير