تعد اضافة مواضيع ذات صلة من اضافات المهمة لمدونات بلوجر ، بحيث تسمح لزوار مدونتك بالبقاء لمدة طويلة في مدونتك
اليوم جلبت لكم 3 اضافات مميزة
كيفية إضافة مواضيع ذات صلة لمدونات بلوجر:
- * اتجه الى لوحة تحكم مدونتك.
- * ثم المظهر (القالب).
- * بعد ذلك على سهم الذي بجنب كلمة تخصيص.
- * ستظهر لك قائمة قم بإختيار تحرير html.
- * الان سيظهر لك صندوق تحرير اكواد قالبك. اضغط داخله.
- * الان من لوحة مفاتيح الحاسوب قم بضغط على Ctrl + F.
الكود الاول اضافة مواضسع ذات صلة
سيظهر مربع بحث قم بكتابة فيه الوسم التالي </head>; واضغط Enter.
* عند عثورك عليه قم بإضافة الكود التالي فوقه (اعلاه).
<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:0}</style>
<script>/*<![CDATA[*/var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(){var b=Math.floor((relatedTitles.length-1)*Math.random());var a=0;document.write("<ul>");while(a<relatedTitles.length&&a<10){document.write('<li><a href="'+relatedUrls[b]+'">'+relatedTitles[b]+"</a></li>");if(b<relatedTitles.length-1){b++}else{b=0}a++}document.write("</ul>")};/*]]>*/</script>
* بنفس الطريقة السابقة والتي شرحناها. اعد البحث مرة اخرى عن الكود التالي.<data:post.body/>
* عند ايجاده قم بوضع الكود التالي اسفله (تحته).
<b:if cond='data:blog.pageType == "item"'>
<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 != "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=10"' type='text/javascript'/>
</b:if></b:loop></div></h4>
<script type='text/javascript'>removeRelatedDuplicates();printRelatedLabels();</script>
</div></b:if>
بعد اتباعك للخطوات السابقة كلها. ستكون قد وصلت الى المرحلة اخيرة من هذا الشرح. وهي ببساطة حفظ القالب و مشاهدة النتيجة وذلك من خلال دخولك لأي تدوينة في مدونتك. لكن تأكد من ان القسم الذي توجد به هذه التدوينة يوجد بها على اقل تدوينتين. حتى تظهر لك هذه اضافة.
كان هذا كل شيء اتمنى ان تنال الاضافة والتدوينة اعجابكم ، لا تنسى اذا واجهتك اي مشكلة لا تتردد في اخبارنا بها في تعليق ، او اتصال بنا من خلال نموذج اتصال او صفحتنا على الفيسبوك. وسيسعدنا دائما مساعدتك في نطاق مستطاع.والان انظر الي الكود الثاني.
wesam developer
إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا
COMMENTS