أخر المواضيع





السلام عليكم إخواني متتبعي و زوار مدونة المحترف النت DZ في موضوع جديد خاص

 بمدونات البلوجر، حيث سوف نشرح فيه طريقة تركيب مواضيع قد تهمك أو 

مواضيع ذات صلة أسفل كل تدوينة، و هيخاصية رائعة و ضرورية لكل مدونة.

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



- يعطي الفرصة للزائر إمكانية التصفح بسهولة في المواضيع الأخرى التي لها نفس 

تصنيف الموضوع الذي يبحث عنه.


- تزيد من فرصة بقاء الزائر في مدونتك لمدة أطول، و تجعله يقرأ أكثر من موضوع 

فى مدونتك مما سيزيد عدد مرات مشاهدة صفحات مدونتك.

طريقة تركيب هذه الإضافة :

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على قالب كما 

هو مبين فى الصورة التالية :

2- ثم أنقر على "تحرير Html" كما في الصورة التالية :
3- بعد ذلك اضغط على Ctrl + F للبحث عن هذا السطر التالي : 
</head>

4- ثم ألصق الكود التالي فوقه مباشرة : 
<style>
#related-posts { float : left; width : 600px; margin-top:-40px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular,Arial,Helvetica,Sans-serif; margin-bottom:10px; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a {color:#16baff; font-family: DroidNaskh-bold,DroidKufi-bold,Arial,Helvetica,Sans-serif; font-size: 11px; transition: all 1s ease 0s; text-decoration : none; }
#related-posts a:hover {color: #16baff; padding-right: 10px; transition: all 1s ease 0s; text-decoration : none;}
#related-posts ul { border : medium none; margin : 10px; padding : 0; }
#related-posts ul li { display : block; background : url(&quot;http://1.bp.blogspot.com/-QTVWk9lz38o/UgJnX27NCPI/AAAAAAAAD5Q/o6PfyKlZu8Q/s1600/rss-feed-icon-afkarpro.png&quot;) no-repeat scroll 0 0 transparent; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #e1e1e1; }
</style>
<script src='http://yourjavascript.com/1019345231/related-posts-by-afkarpro-blogspot-com.js' type='text/javascript'/>
5- الآن اضغط على Ctrl + F للبحث عن هذا السطر التالي :
<data:post.body/>
 و إن وجدته أكثر من مرة فالأخير هو المقصود.

6- و قم بلصق الكود التالي أسفله :
<!-- Start - Related Posts Code By Afkarpro -->
<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&amp;max-results=6&quot;' type='text/javascript'/>
    </b:if>
  </b:loop>
  <a href='http://afkarpro.blogspot.com/2013/09/How-to-Add-Related-Posts-for-Bloggers.html'>
    <img alt='Related Posts Widget for Blogger' src='http://3.bp.blogspot.com/--0glhl0xeHs/Uiig176y77I/AAAAAAAAEVc/ixwhHGQSS2M/s1600/Related-Posts-blogger-widgets.png' style='border: 0'/>
  </a>
  <br/><br/>

<img border='0' src='http://4.bp.blogspot.com/-zSedzIc4GVM/UiigzDCnkxI/AAAAAAAAEVU/8yYVsBv8A58/s1600/Related-Posts-Blogger-Widget-afkarpro.blogspot.com.gif' style='margin-right:-18px;'/>

  <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script>
</div>
</b:if>

<div style='clear:both'/>
<!-- remove -->

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>


<!-- End  -->
6- و في الأخير قم بحفظ القالب، ومبروك لك الإضافة.

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

بإذن الله.

0 التعليقات:

إرسال تعليق