أخر الاخبار

كيف تقسيم مواضيع بلوجر إلى صفحات مع إعادة التحميل split blogger posts Reload

إحدى أشهر الإضافات التي يعتمدها اصحاب الدخل الرفيع على ادسنس هي اضافة تقسيم المواضيع ، لكن هاته الاضافة قبل سنة كانت محتكرة على وردبريس و كان البعض يقول انه مستحيل عملها ، و الحمدلله كنت اول شخص فعل ذلك على بلوجر لكن ذلك الوقت لم انشر الاضافة لانني صممتها حسب ذوقي و كانت صعبة التحكم .
كيف تقسيم مواضيع بلوجر إلى صفحات مع إعادة التحميل split blogger posts Reload
كيف تقسيم مواضيع بلوجر إلى صفحات مع إعادة التحميل split blogger posts Reload

بعدها لما عرف البعض من المطورون ان الاضافة ممكن عملها على بلوجر ظهرت عديد التقسيمات ، و كان منها القديم و كان منها الجديد ،و الجديد في الموضوع هو انه اليوم أعرض عليكم النسخة التي تقوم بتحديث الصفحة عند تقسيم المقال و الانتقال بين الجزء الاول و الجزء الذي يليه ، بمعنى انه لو قسمنا مقال طويل الى 4 اجزاء سنربح من الزائر الواحد 4 مرات ، و في نفس الوقت سنزيد من عدد زيارات الصفحة الخاصة بنا ، و نزيد فرصة النقر على اعلاناتنا من طرف الزائر ، و كل هذا اعرضه عليكم اليوم بالمجان و بدون اي مشكل يذكر على موقعنا نقطة ويب ، وبالنسبة لمن يبحث عن المجال الذي تستعمل فيه هاته الاضافة اطرح عليك :


اولا تقوم بالبحث عن وسم ]]></b:skin> و تضع الكود التالي قبله :

/* by webponto */
.post-content{display:none}.dblanter{font-size:130%;text-align:center}
.paging .tombol,.paging:before{font-size:14px;padding:8px 12px}
.paging{margin:20px auto;font-weight:bold;text-align:center;width:100%;font-family:Roboto,Arial,sans-serif}
.paging .tombol{font-weight:700;background:#2196f3;border-radius:5px;display:inline-block;width:25px;color:#fff;margin-right:5px;transition:ease .69s!important}
.tombol.blanter{background:#000}
@media screen and (max-width:768px){.paging .tombol,.paging:before{padding:8px 5px}}
بعد هاته الخطوة ننطلق إلى الخطوة الثانية و هي البحث عن </body> و تضع الكود التالي قبله

<script style='text/javascript'>
//<![CDATA[
function get_n(n){var o,t,e=decodeURIComponent(window.location.search.substring(1)).split("&");for(t=0;t<e.length;t++)if((o=e[t].split("="))[0]===n)return void 0===o[1]||o[1]}$(document).ready(function(){var n=get_n("n");$(".post-content").hide(),void 0===n?$(".content_1").show():$(".content_"+n).show();var o=$(".post-content").length;if(0!=o)for(i=1;i<=o;i++){var t=window.location.pathname;$("p.paging").append($('<a href="'+t+"?n="+i+'" class="tombol n'+i+'"> '+i+" </a>"))}else $("p.paging").hide();void 0==n&&$(".tombol.n1").toggleClass("blanter"),n==n&&$(".tombol.n"+n).toggleClass("blanter")});
//]]>
</script>
بعد هاته الخطوة ننتقل الى الخطوة الثالثة و هي الحبث عن وسم <data:post.body/> و قد تجده مكرر عدة مرات و انت ابدأ في التجربة بالكود الاخير ثم الى الكود الذي قبله حتى تنجح الإضافة ، المهم تضع الكود التالي فوق الوسم المذكور : 
<div class='dblanter'><b>اضغط على التالي للمتابعة :</b></div><br/>

<center><a href='#' target='_blank' title='Kunjungi blog Dunia Blanter'><img alt='iklan banner' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFDMUMpgeIaCETSVe3fhDMXmiT_oprcIk2sNzguWteGT_OrtMQwei-rPZTzciex0VR2MvLeQvyDPhOsHmHVjb2S2uR02BbQoyi4jwKkkrEfCFmZ4QYTsBanjVEM0CLj0xeGhlko5IXQf8/s1600/AdSpace768x90.png' title='Kunjungi blog Dunia Blanter'/></a></center>

<br/><p class='paging'/>
الاَن الخطوة الأخيرة و هي عندما نبدأ في كتابة المقال الذي نريد تقسيمه ننتقل الى 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> لذا عليك مراعاته عند التقسيم ، و دائما لما تتوجه الى HTML موضوع جديد ستجد كود غلق ستعمل دائما قبله و احترمه ، عليك معرفة ان التقسيم يعتمد على كودين و تكون البداية من <div class="post-content content_1"> و النهاية هو كود الغلق و ما بينهما هو الصفحة الاولى و كذا كل مرة نغير فقط الرقم 1 الى رقم الصفحة التالية و نعيد فتح و غلق حتى نكمل الموضوع ، و الى هنا نكون انتهينا و اتمنى ان تضاعفو ارباحكم على بلوجر مع هذا الكود الجميل .

يمكن إستعمال نفس الكود على المدونات الأجنبية ، فقط غير العبارات العربية بالاجنبية و بأي لغة تريد
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-