نقطة ويب نقطة ويب

آخر الأخبار

random
جاري التحميل ...

  1. أخي أمني لديك خطأ بسيط .. وهو أن الكود التالي نضعه تحت الوسم ليس فوقه وشكرا لك على الموضوع ..

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

      حذف
  2. السلام عليكم شكرا على الكود اخي آمين
    اريد ان يظهر زر التالي عوظ الأرقام
    كيف ذلك ؟
    شكرا

    ردحذف
  3. واضيع بلوجر
    اخي انا اريد عمل قائمة بمحتويات الموضوع بحيث اذا ضغطت على عنوان بالقائمة يرسلك له مباشرة وجدت كود لكن لم اعرف طريقة تنفيذه عمل على قالب وقالب اخر مختلف لم اعرف وهو المهم لدي من فضلك هل يمكنك مساعدتي على تنفيذه

    ردحذف

كيف تقسيم مواضيع بلوجر إلى صفحات مع إعادة التحميل 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://4.bp.blogspot.com/-6ZDrg7GHPa4/VytnmRI9BaI/AAAAAAAAD0w/dyOGpRSMe78xiIGN4sDumyA-VGDjDYksACLcB/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 الى رقم الصفحة التالية و نعيد فتح و غلق حتى نكمل الموضوع ، و الى هنا نكون انتهينا و اتمنى ان تضاعفو ارباحكم على بلوجر مع هذا الكود الجميل .

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

عن الكاتب

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

التعليقات

ADVERTISEMENT ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT

اتصل بنا

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

جميع الحقوق محفوظة

نقطة ويب