كيفية اضافة أداة مواضيع ذات صلة لمدونات بلوجر | بلوجر نيو بلوجر نيو: كيفية اضافة أداة مواضيع ذات صلة لمدونات بلوجر

السبت، 31 أغسطس 2013

كيفية اضافة أداة مواضيع ذات صلة لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم  لكم طريقة اضافة أداة مواضيع ذات صلة لمدونات بلوجر


فان هذا الكود يعتبر من اهم اكواد بلوجر فان يساعد في علي قراء المواضيع عن طريقة اضافة تظهر اسفل الموضوع وتساعد علي البقاء في المدونة مدة اكثر

شكل اخر من مواضيع ذت صلة من هناااا

الشرح

اولأ اذهب الي لوحة التحكم ثم الي قالب ثم تحرير html
ثم 
 ابحث عن الكود التالى 
</head>
ضع الكود التالى مباشرة قبل الكود السابق

<!--Related Posts with thumbnails Scripts Start-->
<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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var
defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZRYzVs_1hbFfewcUWldtnKc_Hj8HoGGcx2_aHyvz45pEuYK9_D9QpQXGa0B_2BT9toA8GS45FKMAyIkDuwL_OpqKBGbYVzE-XUCaPORJQbt6wjFZnEW-xJv5drBBfOhhfUxZTnFXTwNU/s400/noimage.png";
var 
maxresults=5;
var 
splittercolor="#DDDDDD";
var 
relatedpoststitle="Related Posts";
</script><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a>
<script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Script End-->
maxresults=5 غير 5 بالعدد المواضيع التي تريد ان تظهر

ثم
الخطوة الثانية لوضع الكود HTML بالمكان الذى تظهر بة الاداة  :ابحث عن الكود التالى 
<div class='post-footer'>
ضع كود HTML التالى مباشرة اسفل الكود السابق 

<br/><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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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=5&quot;' type='text/javascript'/></b:if></b:loop>
<h3 style='border-bottom: 3px #5D7D91 solid;padding-bottom:10px!important'><b>ربما تفيد من هذه المواضيع كذلك :</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div>
</b:if>

ربما تفيد من هذه المواضيع كذلك غير بالكلأم الذي ان يظهر
ثم احفظ القالب وكدة مبروك عليك 
واي استفسار ضعة في تعليق وانا موجود

اعجبك الموضوع؟ مشاركتها مع أصدقائك:-

Team SB
النشر بواسطة: عبد الرحمن مصطفي
التعليق عن طريق

قواعد التعليق : برجاء الالتزام بآداب الحديث والحوار.

هناك تعليقان (2):

Contact Us

الاسم

بريد إلكتروني *

رسالة *

 

أرشيف المدونة الإلكترونية

Copyright © . eg-y. All Rights Reserved.
Designed by :-Way2themes