إضافة المشاركات الشائعة والتسميات على الشريط الجانبي في بلوجر
آحدث المنشورات

إضافة المشاركات الشائعة والتسميات على الشريط الجانبي في بلوجر

 شرح طريق تركيب علامات التبويب واخر المواضيع على الشريط الجانبي  إلا وهي 
المشاركات الشائعة والتسميات وأرشيف المدونة
تركيب علامات التبويب على الشريط الجانبي

- طريقة التركيب :

1- أدخل إلى مدونتك >> لوحة التحكم >> قالب >> تحرير قالب html

2- إبحث عن الوسم : ]]></b:skin>
اقلراء ايضا : إضافات بلوجر التي تحتاجها لزيادة سرعة مدونتك
3- أضف الكود التالي فوقه :

#sidebar-tab h2{display:none;} #select-tab{margin:0 auto 10px} #select-tab,#select-tab li{padding:0;margin:0;list-style:none;overflow:hidden} #select-tab li{float:left;width:33.3%;text-align:center} #select-tab a{line-height:32px;display:block;background-color:#404040;color:white;font-weight:bold;text-decoration:none} #select-tab .selected a,#select-tab a:hover{background-color:#64A071} #sidebar-main .widget1{background-color:#ffffff;width:100%;float:left;padding:5px} #sidebar-main{overflow:hidden}
ابحث في HTML والصقة قبله
 id='sidebar
<div id='sidebar-tab'> <div id='tab'> <div class='tab-widget-menu clear'> <ul id='select-tab'> <li class='tab1'><a href='#tab1'>Popular Post</a></li> <li class='tab2'><a href='#tab2'>Comments</a></li> <li class='tab3'><a href='#tab3'>Archive</a></li> </ul> </div> <div id='sidebar-main'> <div class='widget1' id='tab1'> <b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'> </b:section> </div> <div class='widget1' id='tab2'> <b:section class='sidebar' id='tab2-comments-posts' showaddelement='yes'> </b:section> </div> <div class='widget1' id='tab3'> <b:section class='sidebar' id='tab4-srchive' showaddelement='yes'> </b:section> </div> </div> </div> <script type='text/javascript'> //<![CDATA[ $(function(){$("#select-tab li:first").addClass("selected");$("#sidebar-main > div").hide();$("#sidebar-main > div:first").show();$("#select-tab a").click(function(){$("#select-tab li").removeClass("selected");$(this).parent().addClass("selected");var a=$(this).attr("href");$("#sidebar-main > div:visible").hide();$(a).fadeToggle(1000);return false})}); //]]> </script> </div>
الصق الكود قبل علامة
</head>
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

(Tags):(( Related searches on google ))

التسمياتتركيب علامات التبويبمدونات بلوجرمدونات بلوجرقوالب بلوجر الشريط الجانبي لمدونات بلوجرأرشيف المدونةالمشاركات الشائعة
nabdlilmaelumat
nabdlilmaelumat
نبض للمعلومات نهتم بموضوعات :الأستثمار| شروحات الكترونية | شروحات تقنية | أصلاح الرسيفر | أضافات بلوجر | تحميل فوالب بلوجر| تحسين محركات البحث | عالم المعلومات
تعليقات