السلام عليكم ورحمة الله بركاتة .. كثير من المدونين يرغب في عمل قائمه بتسميات مدونته وتكون سهله وبسيطه تحت منطقة الهيدر مباشرة .. اليوم درس بسيط وسهل جدا ومثال عليه تجده في مدونتي تحت قائمة التسميات بالايكونات المعبره بمدونتي ستجد قائمه اخرى بالتسميات وبجانب كل تسميه وقسم عدد التدوينات .. بالطبع في اضافة اليوم تستطيع وضع عدد التدوينات بجانب كل تسميه او الاستغناء عنه .. ان اعجبتك الاضافة كما تراها بمدونتي وبالصوره المرفقه يمكنك تطبيق مابالاسفل ...
- سجل دخول الي لوحة تحكم بلوجر > تصميم> تحريرHTML
- قم باخذ نسخه احتياطيه من قالب مدونتك.
- ابحث عن هذا الكود.
]]></b:skin>
4. قم بوضع الكود الموجود بالاسفل قبله مباشرة.
/* MBT Automatic Tabs Menu */
.mbt-label-list h2 {
display: none;
}
.mbt-label-list a {
color: #333333;
}
.mbt-label-list {
background: #E1D4C1;
height: 20px;
border:1px solid #DBC8AD;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
margin: 0 auto;
padding:0px;
text-shadow: 0 1px 0 #E1D4C1;
text-transform: none;
width: 960px;
}
.mbt-label-list li {
border-right: 1px solid #666;
color: #333333;
float: right;
font: bold 13px arial;
margin: 0 2px 5px 0;
padding: 0px 14px;
text-transform: uppercase;
}
.mbt-label-list ul {
float: right;
list-style: none outside none;
margin-bottom: 0;
margin-right: 10px;
padding: 0;
width: 960px;
}
5. ثم قم بالبحث مجددا عن هذا الكود.
<div id='content-wrapper'>
6. تحته مباشرة قم بوضع الكود الموجود بالاسفل.
<div class='mbt-label-list'> <b:section class='mbt-label-list' id='mbt-label-list' preferred='yes' showaddelement='no'>
<b:widget id='Label1' locked='true' title='Labels' type='Label'/>
</b:section></div>
<div class='clear'> </div>
هذا الكود يقوم بانشاء اداة بالتسميات تحت الهيدر مباشرة
تستطيع بعد ذلك الذهاب الي عناصر تصميم الصفحه ان اردت ازالة الترقيم الموجود بجانب كل تسمية.
قم بحفظ قالب مدونتك وتعامل مع القائمه الافقيه من داخل عناصر تصميم الصفحه فلست بحاجه بعد الان الي التعديل الي صفحة القالب لوضع تسميه جديده..
يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة عمل قائمة بالتسميات تحت الهيدر تعمل بطريقه اوتوماتيكيه | TATWEERWEB
ساهم في نشر الموضوع ولك جزيل الشكر !
أضف تعليقك عن طريق الفيسبوك :