إضافة مواضيع ذات صلة إلى مدونات بلوجر أسفل كل تدوينة | بلوجر نيو بلوجر نيو: إضافة مواضيع ذات صلة إلى مدونات بلوجر أسفل كل تدوينة

الأحد، 13 يوليو، 2014

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

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




فسوف اقدم لكم هذا الكود وهو يتمتع بالشكل الرائع والصورة الي فوق لمعاينة الشكل
اشكال اخري من الكود

طريقة الأضافة
اولأ هنذهب الي بلوجر
ثم قالب
تحرير قالب

وضع الكود القادم قبل </head>
<!--Related Posts with thumbnails Scripts and Styles Start--><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>#related-posts{float:left;width:auto;}#related-posts a{border-right: 1px dotted #eaeaea;}#related-posts a:hover{background: #EEEEEE;}#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px;}#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style><script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /><!-- remove --></b:if><!--Related Posts with thumbnails Scripts and Styles End-->
ثم دور علي الكود  <div class='post-footer'> ومعظم الحالأت هتلقي فوق الكود             <div class='post-footer-line post-footer-line-1'>

ثم ضع الكود التالي فوقة مباشرة
<!-- Related Posts with Thumbnails Code Start--><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=5&quot;' type='text/javascript'/></b:if></b:loop><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=4;var relatedpoststitle=&quot;<b>مواضيع ذات صلة:</b>&quot;;removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div class='clear'/></b:if><!-- Related Posts with Thumbnails Code End-->

غير 4 بالعدد الذي يريد ان يظهر
غير مواضيع ذات صلة بالكلمة التي تناسبك 

وهذة صورة توضح لكيفية وضع الكود

ولو في اي استفسار ضعة في تعليق
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-

Team SB
النشر بواسطة: عبد الرحمن مصطفي
التعليق عن طريق

قواعد التعليق : برجاء الالتزام بآداب الحديث والحوار.

هناك تعليق واحد:

  1. مشكوررررررررررر يغالى تمت الإضافة فى مدونتى
    g-a3.blogspot.com

    ردحذف

Contact Us

الاسم

بريد إلكتروني *

رسالة *

 

أرشيف المدونة الإلكترونية

Copyright © . eg-y. All Rights Reserved.
Designed by :-Way2themes