القائمة الرئيسية

الصفحات

طريقة إضافة مقالات ذات صلة اسفل المقالة ببلوجر

بسم الله الرحمن الرحيم

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


المقدمة

اليوم عندنا طريقة اضافة مقالات ذات
صلة اسفل التدوينه لمدونات بلوجر
مما يجعل الزائر يتنقل بين المقالات بسهولة
وهي اداة رائعة جدا 
لا نطيل ندخل بالشرح علطول

الشرح

اولا نفتح بلوجر 
ثم التصميم
ثم تعديل html
ثم نقوم بالبحث عن الكود التالي

</head>

نضيف قبله مباشرة
الكود التالي


 <!--ana arby - www.rferarb.com -->

<b:if cond='data:blog.pageType == "item"'>

<style type='text/css'>

#related-posts{float:right;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:2px solid #f2f2f2;width:110px;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: 5px;  -moz-border-radius: 5px; border-radius: 5px; }

#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}

#related-posts .related_img:hover{border:2px 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' />

</b:if>

<!--ana arby - www.rferarb.com-->




ثم نقوم بالبحث عن


 <div class='post-footer'>

ونضيف فوقه مباشرة
الكود التالي


<!-- ana arby - www.rferarb.com-->
<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=5"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Related Posts:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div class='clear'/>
<div style="font-size: 9px;float: right; margin: 5px;">
<a style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div>
</b:if>
<!-- ana arby - www.rferarb.com-->


ومبرووك ستظهر الان بنجاح 

author-img
لا احب التكلم عن نفسي كثيرا .. ولا احب التكبر .. كلنا متساوون .. وكلنا امام الله سواسية..لا فضل الا بالتقوي والعمل الصالح

تعليقات

تعليق واحد
إرسال تعليق
  1. اللي يظهر عنده مشكلة في تركيب الكود يضع تعليق

    ردحذف

إرسال تعليق

قبل كتابة اي تعليق تذكر قول الله تعالي ( (مَّا يَلْفِظُ مِن قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ ))