zoomtony |
03-19-2014 10:04 PM |
اضافة اداة مواضيع مشابهة او مواضيع ذات صلة للبلوجر
اليوم سنتعلم درس اضافة اداة مواضيع مشابهة او مواضيع ذات صلة للبلوجر على طريقة المنتديات الكبرى وهى طريقة محترفة للغاية ونحن نست عملها فى مجلة اكشنها عربى وللامانة هذة الطريقة منقولة من موقع اجنبى فانا فقط قمت بترجمتها للعربية واتحتها لكم اليوم
بطريقة مبسطة جدا وشرح بالصور لكيفية وطريقة تركيب اضافة مواضيع ذات صلة لمدونات بلوجر داخل الموضوع بشكل احترا فى حصرى لمجلة اكشنها عربى.
والان تابع معى الخطوات بالتفصيل:
: اولاً :اذهب الى لوحة تحكم المدونة
ثم الى قالب ثم تحرير Html
الان اضغط Ctrl+f
للبحث عن
</head>
قم بوضع الكود التالي فوقة مباشرتاً
******************************<!--Related Posts Start-->
<style>
#related-posts {
float : left;
width:550px;
margin-top:0px;
margin-left : 5px;
font : 11px Verdana;
padding:5px;
}
#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 : 12px;
text-decoration : none;
}
#related-posts a:hover {
color : #0080ff;
text-decoration : none;
}
#related-posts ul {
list-style:none; padding:0px !important;
}
#related-posts ul li { background: transparent url
(http://i13.servimg.com/u/f13/16/70/08/19/5310.gif) no-repeat scroll 0px 6px; margin: 0.3em
0 !important; padding: 0 0 0.8em 20px; line-height : 2em; border-bottom:1px dotted #cccccc;
}
#related-posts ul li:hover{
background: transparent url([IMG]http://1.bp.blogspot.com/-[/url]
34WYmfuYiaU/UAaQGxSdIrI/AAAAAAAACHk/O5hckBVhWg8/s1600/251.gif) no-repeat scroll 0px 6px !
important;
}
</style>
<script language='JavaScript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 6) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
document.write('<a rel="dofollow" href="http://actionhaar.blogspot.com/" style="float:right;font-size:1px;">Get This</a></font>');
}
//]]>
</script>
<!--Related Posts Stop--> ******************************
وكخطوة أخيرة ابحث عن
<div class='post-body> أو <data:post.body/>
سوف تجد اكثر من واحدة الثانية هي المطلوبة (اذا لم تنجح جرب الاولى والثالثة لكنني متاكد الثانية هي المطلوبة)
وضع اسفلها مباشرتاً الكود التالي
******************************<!--Related Posts Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font color='#289728' face='Arial' size='3'><b> مواضيع تهمك : </b></font><font
color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if
cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType ==
"item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-
in-script&callback=related_results_labels&max-results=5"'
type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<!--Related Posts Stop--> **************
شرح التعديل على الكود
عدد المواضيع:
max-results=5
الصورة بجانب المواضيع
[url]http://i13.servimg.com/u/f13/16/70/08/19/5310.gif[/IMG]
|