تقسيم مشاركات بلوجر الطويلة إلى صفحات متعددة – شرح مفصل

القيصر · 11-03-2019, 05:28 AM

تقسيم مشاركات بلوجر الطويلة – قد تكون قد كتبت مشاركة طويلة جدا وترغب في تقسيم المشاركة إلى صفحة مختلفة لتقليل من ملل القراء. قبل التوجه إلى كيفية القيام بذلك، يمكنك معرفة فوائد تقسيم مشاركات المدونات الطويلة إلى صفحات مختلفة أو متعددة في Blogger

فوائد تقسيم مشاركات بلوجر الطويلة إلى صفحات متعددة
سيؤدي تقسيم المشاركات الطويلة إلى جعل المشاركات التي تركز على الصور تبدو أفضل.
سيعطيك نشر مشاركاتك المزيد من فرص مشاهدة للإعلانات.
سيؤدي تحديد صفحات المشاركات الطويلة إلى زيادة عدد مرات مشاهدة الصفحة.
يجعل الأمر أكثر سهولة لقراءة مشاركاتك الأطول.
يمكنك استهداف كلمات رئيسية مختلفة لصفحات مختلفة.
يؤدي تقسيم المشاركات الأطول إلى صفحات متعددة إلى تقليل معدلات الارتداد المرتفعة بشكل ملحوظ.
يساعد محركات البحث على الزحف إلى صفحاتك بسهولة وفعالية أكبر.
يساعد على زيادة ظهور مدونتك في عمليات البحث.
تقسيم مشاركات بلوجر الطويلة إلى صفحات متعددة
قم بتسجيل الدخول إلى مدونتك على بلوجر واختر المظهر وانقر فوق Edit HTML
تقسيم مشاركات بلوجرتقسيم مشاركات بلوجر
الآن قم بالبحث عن العلامة <head> ثم لصق الكود التالي أسفل العلامة <head>.
تقسيم مشاركات بلوجر - 2تقسيم مشاركات بلوجر – 2
<script src=”//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js”></script>

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

ملاحظة: يمكنك تخطي هذه الخطوة إذا كنت قد قمت بالفعل بتثبيتها على قالب بلوجر الخاص بك من قبل.

ابحث عن رمز ]]></b:skin> وقم لصق اكود CSS أدناه فوق رمز ]]></b:skin>
تقسيم مشاركات بلوجر - 3تقسيم مشاركات بلوجر – 3
.post-pagination {

margin: 40px auto;

text-align: center;

width: 100%;

float:left;

}

.button_1, .button_2, .button_3 {

border: 2px solid #0a0a0a;

font-weight: 900;

padding: 6px 36px;

color:#f4655f;

transition:ease 0.69s !important;

background-color: #24282c;

border-radius: 4px;

}

.button_1:hover, .button_2:hover, .button_3:hover {

background: none repeat scroll 0 0 #f4655f;

color: #fff;

text-decoration: none;

}

الآن قم بالبحث عن علامة </head> وقم بلصق كود jQuery أدناه فوق علامة </head> ، وسيتيح ذلك نشر مدونتك في صفحات مختلفة.
إقرأ ايضاً: تثبيت نظام الاندرويد على الحاسوب تعلم الطريقة الصحيحة والأدوات اللازمة لذلك
تقسيم مشاركات بلوجر - 4تقسيم مشاركات بلوجر – 4
<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>

5. انقر فوق “حفظ” لحفظ إعدادات القالب الخاص بك.

أنشئ “مشاركة جديدة” وقم بتحويل مشاركاتك إلى وضع HTML وألصق الشفرة أدناه
تقسيم مشاركات بلوجر - 5تقسيم مشاركات بلوجر – 5
<div class=”content_1″>

Add your content here for 1st page

</div>

<div class=”content_2″ style=”display: none;”>

Add your content here for 2nd page

</div>

<div class=”content_3″ style=”display: none;”>

Add your content here for 3rd page

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

المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress

11-03-2019, 05:28 AM	#1
القيصر تاريخ التسجيل: Feb 2019 العمر: 29 المشاركات: 1,003 التقييم: 10	القيصر تاريخ التسجيل: Feb 2019 العمر: 29 المشاركات: 1,003 التقييم: 10 تقسيم مشاركات بلوجر الطويلة إلى صفحات متعددة – شرح مفصل تقسيم مشاركات بلوجر الطويلة إلى صفحات متعددة – شرح مفصل تقسيم مشاركات بلوجر الطويلة – قد تكون قد كتبت مشاركة طويلة جدا وترغب في تقسيم المشاركة إلى صفحة مختلفة لتقليل من ملل القراء. قبل التوجه إلى كيفية القيام بذلك، يمكنك معرفة فوائد تقسيم مشاركات المدونات الطويلة إلى صفحات مختلفة أو متعددة في Blogger فوائد تقسيم مشاركات بلوجر الطويلة إلى صفحات متعددة سيؤدي تقسيم المشاركات الطويلة إلى جعل المشاركات التي تركز على الصور تبدو أفضل. سيعطيك نشر مشاركاتك المزيد من فرص مشاهدة للإعلانات. سيؤدي تحديد صفحات المشاركات الطويلة إلى زيادة عدد مرات مشاهدة الصفحة. يجعل الأمر أكثر سهولة لقراءة مشاركاتك الأطول. يمكنك استهداف كلمات رئيسية مختلفة لصفحات مختلفة. يؤدي تقسيم المشاركات الأطول إلى صفحات متعددة إلى تقليل معدلات الارتداد المرتفعة بشكل ملحوظ. يساعد محركات البحث على الزحف إلى صفحاتك بسهولة وفعالية أكبر. يساعد على زيادة ظهور مدونتك في عمليات البحث. تقسيم مشاركات بلوجر الطويلة إلى صفحات متعددة قم بتسجيل الدخول إلى مدونتك على بلوجر واختر المظهر وانقر فوق Edit HTML تقسيم مشاركات بلوجرتقسيم مشاركات بلوجر الآن قم بالبحث عن العلامة <head> ثم لصق الكود التالي أسفل العلامة <head>. تقسيم مشاركات بلوجر - 2تقسيم مشاركات بلوجر – 2 <script src=”//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js”></script> <script src=”//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js”></script> ملاحظة: يمكنك تخطي هذه الخطوة إذا كنت قد قمت بالفعل بتثبيتها على قالب بلوجر الخاص بك من قبل. ابحث عن رمز ]]></b:skin> وقم لصق اكود CSS أدناه فوق رمز ]]></b:skin> تقسيم مشاركات بلوجر - 3تقسيم مشاركات بلوجر – 3 .post-pagination { margin: 40px auto; text-align: center; width: 100%; float:left; } .button_1, .button_2, .button_3 { border: 2px solid #0a0a0a; font-weight: 900; padding: 6px 36px; color:#f4655f; transition:ease 0.69s !important; background-color: #24282c; border-radius: 4px; } .button_1:hover, .button_2:hover, .button_3:hover { background: none repeat scroll 0 0 #f4655f; color: #fff; text-decoration: none; } الآن قم بالبحث عن علامة </head> وقم بلصق كود jQuery أدناه فوق علامة </head> ، وسيتيح ذلك نشر مدونتك في صفحات مختلفة. إقرأ ايضاً: تثبيت نظام الاندرويد على الحاسوب تعلم الطريقة الصحيحة والأدوات اللازمة لذلك تقسيم مشاركات بلوجر - 4تقسيم مشاركات بلوجر – 4 <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> 5. انقر فوق “حفظ” لحفظ إعدادات القالب الخاص بك. أنشئ “مشاركة جديدة” وقم بتحويل مشاركاتك إلى وضع HTML وألصق الشفرة أدناه تقسيم مشاركات بلوجر - 5تقسيم مشاركات بلوجر – 5 <div class=”content_1″> Add your content here for 1st page </div> <div class=”content_2″ style=”display: none;”> Add your content here for 2nd page </div> <div class=”content_3″ style=”display: none;”> Add your content here for 3rd page </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> المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress
	اقتباس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
هل وصلتك هذه الرسالة من جوجل بخصوص صفحات الـ amp	الفارس	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	1	28-07-2019 07:08 PM
ما هي طريقة تثبيت و إعداد شبكة متعددة المواقع على ووردبريس	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	31-03-2019 11:29 PM

اسم العضو		حفظ البيانات؟
كلمة المرور

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)