U3F1ZWV6ZTM5OTk0OTExMTI3X0FjdGl2YXRpb240NTMwODcxNjE3NTM=
recent
أخبار ساخنة

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

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

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


المقدمة

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

الشرح

اولا نفتح بلوجر 
ثم التصميم
ثم تعديل 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-->


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

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

    ردحذف

إرسال تعليق

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

الاسمبريد إلكترونيرسالة