اكتب ما تود البحت عنه و اضغط Enter
معذرة، فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة.

الجمعة، 2 نوفمبر 2018

أفضل طريقة لـ اضافة مواضيع ذات صلة بشكل جديد ورائع لمدونات بلوجر


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


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

مميزات هذه الإضافة :

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

طريقة تركيب هذه الإضافة :


      خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات .

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على قالب كما هو مبين فى الصورة التالية :


2- ثم أنقر على "تحرير Html" كما في الصورة التالية :


3-بعد ذلك اضغط على Ctrl + F للبحث عن هذا السطر التالي : 


</head>

4- ثم ألصق الكود التالي فوقه مباشرة : 

 <script type='text/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 < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;}
document.write('</ul>');
}
//]]>
</script>
<style>
#related-posts {
float : right;
width : 600px;
margin-top:20px;
margin-right: 0px;
margin-bottom:20px;
font : 11px Arial;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
background:#EEEEEE url(https://lh6.googleusercontent.com/-B7Vkw9_qc8Y/TkAfDi4z6DI/AAAAAAAAAoU/s0oPtRH3Vok/s000/widget-title-bg.png) right top repeat-y;
color : #222222;
font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 10px 0;padding:10px;text-transform:uppercase;text-shadow:0 1px 0 #fff;
}
#related-posts a {
color : #054474;
font-weight:bold;
font-family: Arial;
font-size : 14px;
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(&quot;http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png&quot;) 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>        

5- الآن اضغط على Ctrl + F للبحث عن هذا السطر التالي :
                 <data:post.body/>

6- و قم بلصق الكود التالي أسفله :

               <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<h2>مواضيع ذات صله<div style='display:none;'> <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=4&quot;' type='text/javascript'/></b:if></b:loop></div> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</b:if>

 max-results=4   لتحديد عدد المواضيع ذات الصلة المراد عرضها بالأداة.

شارك الموضوع عبر :

كاتب الموضوع :

إرسال تعليق

مدونة الالكتروميكانيك| electrobrahim
مدونة الالكتروميكانيك هي عبارة عن مدونة تقنية تهتم بكل ما يهم الالكتروميكنيك وكل ما هو جديد في التكنلوجيا والمعلوميات .وايضا بعض المواضيع المختلفة. للإتصال:ahttab1993@gmail.com الهاتف:212650958842+
للإتصال بنا: ahttab1993@gmail.com.
جميع الحقوق محفوظة ل مدونة الالكتروميكنيك
تطوير من طرف أبراهيم أحطاب