معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   اضافة اداة مواضيع مشابهة او مواضيع ذات صلة للبلوجر (https://www.bloggerexp.com/showthread.php?t=12678)

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 == &quot;item&quot;'>
<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 != &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>

<!--Related Posts Stop-->
**************
شرح التعديل على الكود
عدد المواضيع:
max-results=5
الصورة بجانب المواضيع
[url]http://i13.servimg.com/u/f13/16/70/08/19/5310.gif[/IMG]

***********************
ملحوظة: الكود لا يحتاج الى اى تعديل فقط ضعة وسيعمل على الفور
لا تحاول حذف اى رابط فى الكود لانة سيتوقف عن العمل ان فعلت ذلك
الموضوع الاصلى طريقة مبتكرة لاضافة اداة مواضيع مواضيع ذات صلة للبلوجر
من مجلة اكشنها عربى



الساعة الآن 09:08 PM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012