12:33 متحميل لعبة Watch Dogs الاصلية مجاناً لفترة محدودة

طريقة تقسيم مواضيع بلوجر إلى عدة أجزاء مرقمة 

السلام عليكم ورحمة الله وبركاته مرحبا بكم اخواتي في الله في مدونة جهاد تك | Djihad Tech , اليوم سوف أقدم لكم موضوع جديد عن تقسم الموضوع في مدونات بلوجر على شكل ترقيم للصفحات بمعنى ذلك أن عندما تضغط على ترقيم الصفحات للتصفح باقى الموضوع سوف تقوم بعمل تحديث للموضوع وبهذا تكون قد حصلت على نسبه أكبر فى تصفح مدونتك وبذلك سوف يزيد لديك عدد الزوار.

طريقة تقسيم مواضيع بلوجر إلى عدة أجزاء مرقمة 

مميزات الإضافة:

1- زيادة أرباحك بنسبة كبيره.

2- مناسبة للمواقع الإخبارية ومواقع القراءة الهزلية.

3- يمكن استخدامه كعلامة للزائرين على الصفحة التي ستستمر في القراءة لاحقًا.

4- الحصول على زيارات اكثر للموضوع الخاص بك وهذا أمر مهم جدا.

5- ستشعر الصفحة بأنها مناسبة للأصدقاء الذين لديهم مقالات ذات محتوى طويل ويوفرون مساحة حتى لا يتعب الزوار من تمرير الصفحة.

حسنًا للأصدقاء الذين يرغبون في إضافة هذه الطريقة على مدونتهم ، يرجى اتباع الخطوات التالية:

• افتح صفحة بلوجر انقر على المظهر ثم تحرير HTML إختر شكل من الأشكال التالية وأضفه قبل الوسم

الشكل الأول:

<style type='text/css'>/* Membagi Halaman di Postingan */ @keyframes Gradients{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{background:#517aef;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;margin:30px auto;text-align:center;padding:10px;border-radius:3px;overflow:hidden;box-shadow:0 10px 10px -5px rgba(0,0,0,0.15);animation:Gradients 15s ease infinite}.pagearl .buttonar{background:rgba(255,255,255,.2);font-weight:bold;display:inline-block;color:#fff;text-decoration:none;text-align:center;border-right:0;font-size:14px;padding:.4rem .8rem;border:0;margin:0 5px 0 0;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,0.1);transition:all .6s}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:rgba(255,255,255,.45);color:#fff;box-shadow:0 1px 10px rgba(0,0,0,0.1)}.buttonar.arlinapage,.buttonar.arlinapage:hover{background:rgba(255,255,255,.95);color:#0984e3} </style>

الشكل الثاني:

<style type='text/css'>/* Membagi Halaman di Postingan */ .post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{position:relative;background:#fff;margin:0 auto 20px auto;text-align:center;padding:20px;font-size:14px}.pagearl .buttonar{background:#e74c3c;font-weight:bold;display:inline-block;color:#fff;text-decoration:none;text-align:center;border-right:0;font-size:14px;padding:.4rem .8rem;border:0;margin:0 4px 0 0;border-radius:3px;transition:all .2s}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:#c0392b;color:#fff}.buttonar.arlinapage,.buttonar.arlinapage:hover{background:#333;color:#fff} </style>

الشكل الثالث:

<b:if cond='data:blog.pageType != "index"'><style type='text/css'>/* Membagi Halaman di Postingan */ .post-content,.pagearl br{display:none}.arlinapage{text-align:center;margin:30px auto 0 auto;border-top:1px solid rgba(0,0,0,0.1)}.pagearl{margin:30px auto;text-align:center;padding:0;overflow:hidden}.pagearl .buttonar{background:#fff;font-weight:400;display:inline-block;color:#222;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,0.1);border-right:0;margin:auto;font-size:14px;padding:.4rem .75rem;transition:all .1s}.pagearl .buttonar:last-child{border-right:1px solid rgba(0,0,0,0.1)}.pagearl .buttonar:hover,.pagearl .buttonar:active{background:#fafafa;color:#222}.buttonar.arlinapage{background:#3498DB;border-color:#3498DB;color:#fff;transition:all .1s}.buttonar.arlinapage:hover{background:#2980B9;border-color:#2980B9;color:#fff} </style></b:if>

•  بعد اختيار شكل مناسب أضف الكود التالي قبل الوسم  ثم انقر فوق زر حفظ المظهر.

<b:if cond='data:blog.pageType != "index"'><script type='text/javascript'>//<![CDATA[ function get_n(halaman){var o,t,e=decodeURIComponent(window.location.search.substring(1)).split("&");for(t=0;t<e.length;t++)if((o=e[t].split("="))[0]===halaman)return void 0===o[1]||o[1]}$(document).ready(function(){var halaman=get_n("halaman");$(".post-content").hide(),void 0===halaman?$(".content_1").show():$(".content_"+halaman).show();var o=$(".post-content").length;if(0!=o)for(i=1;i<=o;i++){var t=window.location.pathname;$(".pagearl").append($('<a href="'+t+"?halaman="+i+'" class="buttonar n'+i+'"> '+i+" </a>"))}else $(".pagearl").hide();void 0==halaman&&$(".buttonar.n1").toggleClass("arlinapage"),halaman==halaman&&$(".buttonar.n"+halaman).toggleClass("arlinapage")}); //]]></script></b:if>

•  الآن توجه الى المشاركات افتح مشاركة جديدة قم بإضافة العلامات التالية في علامة تبويب HTML (لاتأليف).

<div class="post-content content_1">ضع جزء المقال هنا </div><div class="post-content content_2">ضع جزء المقال هنا </div><div class="post-content content_3">ضع جزء المقال هنا </div><div class="post-content content_4">ضع جزء المقال هنا </div><div class="post-content content_5">ضع جزء المقال هنا </div>

•  قم بحذف العبارة الموجودة في الكود السابق ونسخ مكانها جزء من المقال الذي قمت بتقسيمه حسب رغبتك ويمكنك زيادة الاجزاء من خلال نسخ ولسق الكود السابق وتغيير الرقم الموجود في آخر الكود أو حذفه للتقليل من الاجزاء.
• ثم أضف الكود التالي في نهاية المنشور في علامة تبويب HTML (لاتأليف).

<div class="arlinapage"></div><div class="pagearl"></div>

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

وبهذا نكون اكملنا شرح اليوم اتمني ان ينال أعجابكم ولاتنسوآ ترك تعليق تحفيزي لنا لما نبذلة من جهد في تقديم محتوي يفيدكم واتمني منكم مشاركة الموضوع لكي يستفيد الجميع ان شاء الله واذا واجهتك اي مشكلة فلاتتردد بترك تعليق لنا وسيتم الرد عليك في إقرب وقت ان شاء الله واتمني ان ينال أعجابكم موضوع اليوم.