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

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

للمشاهدة

طريقة تركيب الإضافة

1- إذهب إلى المدونة / تحرير القالب

2- ابحث عن الوسم  ]]></b:skin>

3- الصق الكود  فوقه

الكود 

/*----- EP Multi Tabbed Widget ----*/ 

.tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:40px} 

.tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left} 

.tabs-widget li:first-child{margin:0} 

.tabs-widget li a{color:#8F8C7C;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidM3oumsM3qHU56v4stck6wrffMw6L7hkgnomcw-MjkVU6G_ZzH9YIULV8nNIM4ZVbT8IvRtD1ncJtrfKPwgvxPiI4U8UvgZBWHdGpjLn3oigvQRCUqWhqqGF8hbhIGGLrYGBXeTh_Gw8/s1600/tabs-widget-bg.png) left top repeat-x;padding:12px 14px;display:block;text-decoration:none;font:bold 11px Arial,Helvetica,Sans-serif;text-transform:uppercase} 

.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidM3oumsM3qHU56v4stck6wrffMw6L7hkgnomcw-MjkVU6G_ZzH9YIULV8nNIM4ZVbT8IvRtD1ncJtrfKPwgvxPiI4U8UvgZBWHdGpjLn3oigvQRCUqWhqqGF8hbhIGGLrYGBXeTh_Gw8/s1600/tabs-widget-bg.png) left -140px repeat-x;color:#EE5D06;text-decoration:none} 

.tabs-widget-content{} 

.tabviewsection{margin-top:10px;margin-bottom:10px;}

4- ابحث عن الوسم  :

<div class='column-right-inner'>

أو هذا 

<div id='sidebar-wrapper'>

5- وضع الكود التالي تحت الكود الذي وجدته في مدونتك :

الكود

<div class='tabviewsection'>
<script type='text/javascript'>
            jQuery(document).ready(function($){
                $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();
                $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();
     
                $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() {
                    $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);
                    $(this).addClass(&quot;tabs-widget-current&quot;);
                    $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                    var activeTab = $(this).attr(&quot;href&quot;);
                    $(activeTab).fadeIn();
                    return false;
                });
            });
        </script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>About</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Archives</a></li>
</ul>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'>
</b:section>                                    
</div>                          
                             
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'>
</b:section>                                      
</div>                          
                             
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'>
</b:section>                                      
</div>
</div>
<div style='height:5px;clear:both;'/>

6- بعد ذلك اذهب إلى تخطيط  كما في الصورة وأضف  الإضافات المتعددة التي تناسبك