مدونة معاون

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

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

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

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

* اتجه الى لوحة تحكم مدونتك.

* ثم انتقل الى المظهر (القالب).

* بعدها اضغط على سهم الذي بجنب كلمة تخصيص.

* ستظهر لك قائمة قم بإختيار تحرير html.

* الان سيظهر لك صندوق تحرير اكواد قالبك. اضغط داخله.

* الان من لوحة مفاتيح الحاسوب قم بضغط على Ctrl + F.

* سيظهر مربه بحث قم بكتابة فيه الوسم التالي واضغط enter.

/head

* عند عثورك عليه قم بإضافة الكود التالي فوقه (اعلاه).

<style type='text/css'>

#related-posts{background: #fff;margin-bottom: 10px;}

#related-posts h4,#comments h4{background:#4682b4;color:#fff;font:600 15px Droid Arabic kufi, cursive;text-align:center;padding:10px;margin:0;}

#related-posts a{font:600 14px Droid Arabic kufi, cursive;padding:8px;display:inherit;}

#related-posts ul li{display:block;border-bottom:1px dotted #aaa;}

#related-posts ul li:last-child{border-bottom:none;}

</style>

<script>//<![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 < 10) {

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>

* بنفس الطريقة السابقة والتي شرحناها. اعد البحث مرة اخرى عن الكود التالي.

<data:post.body/>

* عند ايجاده قم بوضع الكود التالي اسفله (تحته).

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<h4> مواضيع ذات صله <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=10&quot;' type='text/javascript'/>

</b:if></b:loop></div></h4>

<script type='text/javascript'>removeRelatedDuplicates();printRelatedLabels();</script>

</div></b:if>

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


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