.fa-chevron-right {padding-right:0px;} قوحيتو: إضافة مواضيع ذات صله لمدونات بلوجر

الجمعة، مايو 27، 2011

0 إضافة مواضيع ذات صله لمدونات بلوجر


بسم الله الرحمن الرحيم , والصلاة والسلام على أشرف المرسلين سيدنا محمد صلى الله عليه وسلم وعلى آله وصحابته أجمعين وبعد..... زوار مدونتي الكرام اليوم نقلت لكم إضافة مواضيع ذات صله  لمدونات بلوجر تمكن زواركم من سرعة إيجاد  التدوينات  المتشابهة لنفس الموضوع دون كثير عناء لأنها أي المواضيع تكون  تكون أسفل التدوينة باسم مواضيع ذات صله ويمكن تغيير الجملة حسب رغبتك ولإضافة الكود إلى مدونتك إليك الخطوات التالية :-




1. لا تنسى بأخذ نسخة احتياطية من قالبك الخاص .

2. ادخل الى لوحة التحكم ثم التصميم ثم تحرير HTML ثم قم بتوسيع القالب .

3. 1- ابحث عن هذا الكود  </head>




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


<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
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, &#8220;Times New Roman&#8221;, 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0RsiAzXaZgCvw8q_lSDvyWC-IKOIsKKvf95xvZ8BoF2WeUAWKSdtF6XimiEEaolTIK7O0uIfHnCJDPOIFpJtUCsomM0YwsEc5HTsHBQhf508M-AnfjPWXUTtqRvId_IJliAOCUTi6Ds/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة ";
</script>
<script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


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


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

أو هذا الكود

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

ثم ضع هذا الكود تحته مباشرة

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://abu-iyad.blogspot.com/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

تم بحمد الله ....... بتوفيق الله وحفظه .

0 التعليقات: