مرحبا اصدقائي اقدم لكم اليوم اضافة اشتهرت كثيرا وجميلة وجذابة تجمع 3 اضافات في اضافة واحدة وهي المواضيع الأكثر زيارة واخر التعليقات والأرشيف اضافة خفيفة وجميلة يمكنك اضافتها في مدونتك بلوجر سأقوم بشرح طريقة التركيب فقط تابع معي خطوة بخطوة .
طريقة تركيب الأضافة :
1. نتوجه لقالب >> تحرير HTML
2.ابحث بإستعمال CTRL+F عن <b:skin/><[[
3. ضع الكود التالي فوقه
body#layout #sidebartab1,body#layout #sidebartab2,body#layout #sidebartab3{width: 10%; float: right; margin-top: 35px;}
.tabviewsection {background: #FFFFFF; text-transform: uppercase; border: 1px solid #E7E8E8; float: right; width: 30.2%;margin-top: 10px; margin-bottom: 10px; margin-right: 6px;} .tabs-widget { list-style: none; list-style-type: none; margin: 0 0 10px 0; padding: 0; } .tabs-widget li {list-style: none; list-style-type: none; padding: 0; float: right; width: 102.6px; text-align: center;} .tabs-widget li a {color: #fff; display: block;font-size: 13px; padding-top: 15px; padding-bottom: 15px; text-decoration: none; font-family: droid arabic kufi;} .tabs-widget-content { }.tags_tab { width: 80px; text-align: center; } .about_tab { width: 96px; text-align: center; } .blog-mobile-link { display: none; } .tabs-widget { height: 51px; } .tw-authors { width: 570px; } .tabviewsection h2 { display: none; } .tabs-widget li a.tabs-widget-current {background: #FFFFFF; font-weight: bold; color: #797777; text-decoration: none; border-top: none!important; font-size: 12px; font-family: droid arabic kufi; text-align: center;}.tabs-widget li a { background:#0FA4D2; }
4. إبحث عن : <div id='sidebar-wrapper'>
5. ضع أسفله مباشرة الكود التالي
<div class='tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();
$(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() {
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");
$(this).addClass("tabs-widget-current");
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li class='about_tab'><a href='#widget-themater_tabs-1432447472-id1'>الأكثر زيارة</a></li>
<li class='tags_tab'><a href='#widget-themater_tabs-1432447472-id2'>اخر التعليقات </a></li>
<li class='laster'><a href='#widget-themater_tabs-1432447472-id3'>الأرشيف </a></li>
</ul>
<!-- Tab Widget 1 -->
انتهى تركيب الاضافة توجة الى التخطيط ستجد 3 اضافات مضافة الى التخطيط في السايدبار ومبروك عليك الأضافة
لا تخرج قبل وضع كلمة شكرا , ومشاركة الموضوع في وسائل التواصل
تعليقات الإبتساماتإخفاء