الجمعة، 14 مايو 2010

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


إضافة رائعة من اجود الإضافات واكثرها فائدة، في مدونات بلوجر إضافة " مواضيع ذات صلة " related posts"وهي تعرض اسفل كل تدوينة عناوين التدوينات دات الصلة بموضوعها، وترشد الزائر إلى مزيد من الروابط التي يمكن ان تفيده في الموضوع الذي يبحث عنه وإليك الخطوات التي ستتبعها لتركيب هذه الإضافة على مدونتك :

* في لوحة التحكم إضغط على تخطيط ثم تحرير html .
* قم بتحميل نسخة احتياطية من القالب حتى تتمكن من استعادته عند حصول أي طارئ.
* اضغط على "توسيع قوالب عناصر واجهة المستخدم.
ابحث عن الكود التالي:


</head>


ثم قم بنسخ الكود التالي قبله مباشرة .




<style>
#related-posts {
float : right;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/>


* ابحث أيضا عن الكود التالي :


<p><data:post.body/></p>



ثم قم بنسخ الكود التالي أسفله مباشرة .




<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

وبذلك تكون قد قمت بتركيب الإضافة على مدونتك

2 التعليقات:

رنداالجنوبيه يقول...

+




اضافه رائعه بارك الله فيك

بس عندي مشكله الكود الثاني اللي ابحث عنه مالقيته موجود بالقالب وشكرا

Basem يقول...

الأخت الفاضلة راندا إن لم تجدي الكود فابحثي عن جزء منه وتستطيعي أن تبحثي عن هذا الكود

وإن شاء الله ستجدينه .. بالتوفيق أخت راندا

إرسال تعليق