إضافة أداة مواضيع ذات صلة متحركة

الكاتب : mUsTaPha التاريخ : 5:49 م

سنتحدث اليوم عن إضافة من الإضافات المهمة جدآ في مدونات بلوجر

وهي أداة "مواضيع ذات صلة" والتي تقدم لزائرك روابط مواضيع أخرى

 لها علاقة بالموضوع الذي يقرأه .. والجميل في هذه الأداة 

أنها مزودة بصورة مصغرة عن موضوع كل تدوينة

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

أولا نذهب إلى :

1.  لوحة التحكم
2.  قالب
3. Html تحرير
4.  توسيع القالب

لا تنسى أخد نسخة احتياطية للقالب

ثم أبحت عن الكود التالي بالضغط على 

ctrl+f

</head>

ثم قم بلصق هذا الكود فوقه مباشرة 

<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:right; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; var maxresults=6; var splittercolor="#d4eaf2"; var relatedpoststitle="مواضيع ذات صلة ::"; </script> <script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/> </b:if>  

 

ويمكنك تغيير جملة "مواضيع ذات صلة" بأي جملة تريد
كما يمكنك تغيير الرقم (5) بأي رقم تريد .. وهو يشير إلى عدد المواضيع التي سيتم عرضها 

ثم ابحث عن هذا الكود

 <div class='post-footer-line post-footer-line-1'>

ثم قم بلصق هذا الكود مباشرة أسفله

<b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div> <div style='clear:both'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://www.bloggerplugins.org/'><img alt='Blogger Widgets' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a> </b:if></b:if>  

  

وبدلك نكون قد انتهينا