ارسال رسائل sms مجانا لاي رقم بالعالم

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

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

المقدمة

اليوم عندنا طريقة اضافة مقالات ذات

صلة اسفل التدوينه لمدونات بلوجر

مما يجعل الزائر يتنقل بين المقالات بسهولة

وهي اداة رائعة جدا 

لا نطيل ندخل بالشرح علطول

الشرح

اولا نفتح بلوجر 

ثم التصميم

ثم تعديل 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-->

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