اضافة الموضوع علي عدة صفحات

 اضافة الموضوع علي عدة صفحات

مر وقت طويل منذ أن قدمة إضافات تخص بلوجر، ودائما

الجديد متوفر كما بهذه التدوينة تتمثل في إضافة مواضيع في

تدوينة واحدة وذلك عبر تخصيص لكل موضوع صفحة هاته

الإضافة نجدها ببعض قوالب الوردبريس تستعملها مواقع كبرى

اقرأ ايضا: اضافة صفحة خطأ جذابة V1

وذلك لأن موضوع واحد يكون به أكثر 2000 كلمة لذا يتم

تقسيمها لصفحات في نفس الموضوع وليس بالضرورة أن

يكون الموضوع طويل لكي تستخدم الأداة يمكن إستعمالها في

شروحات مقسمة في موضوع واحد بإضافة صور فيديوهات

اقرأ ايضا: اضافة اداة حصرية للتبادل الاعلاني بلوجر بتصميم احترافي

إلخ

مما يوفر رؤية واضحة ومنسقة في نفس الوقت كل ما تبقى الأن

هو مشاهدة المثال الحي ولكم حرية الإستخدام. 

اقرأ :

حل مشكلة الزيارات الوهمية فى مدونات بلوجر

اقرأ ايضا: شرح اضافة الرموز التعبيرية الجديدة والرائعة على مدونتك للحصول على ردود أفعال متابعيك 2

 ◄◄       المعاينة     ◄◄   

شرح طريقة التركيب

1.  قم بتحرير الموضوع ثم إنتقل لتبويب HTML وضع الكود التالي به، أضفه في آخر الموضوع

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081<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>

* المحتوى المحدد بالأصفر ضع به الموضوع

ننصحك بقراءة :

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

===================== 

اضافات بلوجر