<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<style>
.post-pagination {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>
<div class="content_1">
أضف المحتوى هنا
</div>
<div class="content_2" style="display: none;">
أضف المحتوى هنا
</div>
<div class="content_3" style="display: none;">
أضف المحتوى هنا
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

1. نذهب للوحة التحكم بلوجر ثم القالب نقوم بأخد نسخة إحتياطية للقالب تحسبا لأي خطأ.
2. بعدها نقوم بتحرير HTML ثم ننقر وسط الأكواد و نبحث بالإستعانة بالزرين عن (CTRL+F) عن الوسم ]]></b:skin>
3. بعد إيجاده ضع الكود التالي فوقه مباشرة.

 /* Tab Widget By warch-mo */
.tabbedviewsection {
background: #f8f8f8;
text-transform: uppercase;
float: left;
width: 99%;
}
.tabbed-widget {
list-style: none;
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
}
.tabbed-widget li {
list-style: none;
list-style-type: none;
padding: 0;
float: right;
border-left: 2px solid #fff;
}
.tabbed-widget li a {
color: #000;
display: block;
padding-right: 14px;
padding-left: 14px;
font-size: 13px;
padding-top: 14px;
padding-bottom: 14px;
text-decoration: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabbed-widget-content {
}
.tabbedviewsection {
margin-top: 10px;
margin-bottom: 10px;
}
.tags_tab {
text-align: center;
}
.about_tab {
text-align: center;
}
li.laster {
border: 0px;
text-align: center;
}
.blog-mobile-link {
display: none;
}
.tabbed-widget li a {
padding-left: 20px;
padding-right: 20px;
}
/* .tabbed-widget {
height: 51px;
}*/
.tw-authors {
width: 570px;
}
.tabbedviewsection h2 {
display: none;
}
.tabbed-widget li a.tabbed-widget-current {
padding-bottom: 20px;
margin-top: -10px;
background: #f8f8f8;
color: #444;
text-decoration: none;
border-top: 5px solid #24AAE9;
font-size: 14px;
text-transform: capitalize;
}
.tabbed-widget li a {
background: #24AAE9;
}

<div id='sidebar-wrapper'>

أو
<div class='sidebar-wrapper'>
أو
<div class='sidebar'>
أو
<div id='sidebar'>

1. نذهب للوحة التحكم بلوجر ثم القالب ثم ننقر تحرير html 
2.  ننقر وسط الأكواد و نستعن بـ ( crtl+f) للبحث عن الوسم التالي: ]]></b:skin>
3. بعدها نقوم بوضع الكود التالي فوقه مباشرة.

1. العنوان : يجب أن يكون في حدود الكلمات المعبرة عن الموضوع و لا تقم بحشر كلمات لا دخل لها بالموضوع، لتجنب تشتيت إنتباه عناكب محركات البحث. كلما ركزت في العنوان كلما كان أفضل.
    
2. تنسيق رابط الموضوع : فهناك بعض المدونين  يتهونون في تنسيق روابط تدويناتهم . وهذا خطأ كبير ؛ بحيث يقومون بإهدار لبنة أساسية من تقنيات السيو كلمات الرابط من الأدوات المهمة التي تعتمد عليها محركات البحث فإذا كنت بصدد كتابة تدوينة لا تنسى إدراج بعد الكلمات المعبرة عن مضمون تدوينتك شرط أن لا يكون الرابط  طويلا  4 كلمات كحد أقصى.
    
3. توزيع الكلمات المفتاحية : بشكل متساوي  في الفقرات من جهة و في التدوينة كلها من جهة أخرى، -و لا أقصد حشوها- بالإضافة إدراج مرادفات للكلمات المفتاحية فهذا أيضا تعتمد عليه محركات البحث خاصة العملاق جوجل و سعر نقرة بالنسبة لأدسنس مشابه للكلمات المفتاحية الأساسية.
    
4. وصف البحث : أيضا مهم جدا عند كتابة أي تدوينة لا تنسى أن تكتب وصف مناسب و الوصف يكون مثل العنوان إلا أنه قد يكون أطول جملتين مثلا.و هو يشمل توضيحات عن الموضوع الذي تعالجه تدوينتك.
    
5. المصطلحات الأجنبية : كتابة بعض المصطلحات التي هي دخيلة عن اللغة العربية بالحروف اللاتينية مثلا سيو - Seo ترافيك Traffic و هكذا .
    
6. الرابط النصي : و يعني هذا الإحالة إلى مواضيع سابقة و ذلك في حالة ذكرك لمصطلح أو موضوع سابق ، تقوم بإدراج رابط الموضوع بشرط ألا تتجاوز 3 روابط . هذه الطريقة أيضا تساهم في مسك الكلمات المفتاحية في محركات البحث،   بالإضافة إلا بناء شبكة باك لينك داخلية قوية.
    
7. تسمية الصور: وهذا يعني في حالة كنت تخصص صور لتدويناتك سواء كنت تصممها بنفسك أو تجلبها من الأنترنيت، من الضروري إعادة تسميتها بكلمات دالة عن الموضوع و هذا أيضا ينبغي عليك أن لا تهمله.