الرئيسية > شرح ومراجعة > [شرح] كيفية وضع تدوينات ذات صلة في مدونات بلوجر
شرح كيفية وضع تدوينات ذات صلة في بلوجر وضع تدوينات ذات صلة في بلوجر

[شرح] كيفية وضع تدوينات ذات صلة في مدونات بلوجر

  • [شرح] كيفية وضع تدوينات ذات صلة في مدونات بلوجر.

  • كيفية وضع اضافة “مواضيع ذات صلة” أسفل كل تدوينات بلوجر.

  • How to put “Related Posts” on blogger By Code .

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

وهناك من يقول أن تلك الاضافة ليست لها أي أهمية وأنا أقول لك بل هي كل الاهمية وتساعد في أشياء كثيرة منها …

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

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

  1. اذهب الى لوحة التحكم واختر “تحرير Html“.
  2. قم بفتح مربع البحث عن طريق Ctrl+F .
  3. ابحث عن الوسم </head> .
  4. ضع الكود التالي أعلاه ( أي في الهيدر ) .
    <style> #related-posts { float : left; width : 580px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
    
  5. ثم ابحث عن <data:post.body/> عن طريق مربع البحث.
  6. أضف هذا الكود أسفل الكود السابق .
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop>
    <h3><b>◄ مواضيع ذات صلة.</b></h3>
    <marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=6;
    var relatedpoststitle=&quot;&quot;;
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();

    أي أسفل محتوى التدوينة على حسب أماكن الاضافات الأخرى الموضوعة أسفل التدوينة عندك في المدونة .

    يمكنك التغيير في الكود على حسب ما تريد.
    – لتغيير جملة “مواضيع ذات صلة” احذفها في الكود واكتب مكانها ما تريد.
    – لتغيير عرض الاضافة width : 580px ، قم بتغيير الرقم ما قبل PX .
    – لتغيير عدد التدوينات المعروضة يمكنك تغيير var maxresults=6 ، الرقم 6 بالعدد الذي تود وضعه .

  7. إحفظ القالب .

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

والسلام عليكم ورحمة الله وبركاته

شاهد أيضاً

UU-AppPurifier-privacy-boost-download-apk

[شرح] كيفية التحكم في أذونات التطبيقات على أندرويد

التحكم في أذونات التطبيقات بدون روت على جميع هواتف أندرويد. كيفية تنظيف الهاتف من التطبيقات …

ضع تعليقا مناسبا وشاركنا رأيك و لنعمل على إبقاء النقاش ودياً وحضارياً ...