اقرأ ايضا مواضيع ذات صله للبلوجر

اقرأ ايضا مواضيع ذات صله للبلوجر

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

لمعاينة اضافه اقرأ ايضا مواضيع ذات صله للبلوجر يمكنك رؤيتها اسفل هذه المشاركه او من هنا

شرح تركيب اضافة اقرأ ايضا مواضيع ذات صله للبلوجر

1- من لوحة تحكم المدونه اختر قالب
2- اختر تحرير HTML
3- ابحث عن هذا الكود </head> واضف فوقه مباشرتا الكود التالى

<style>
/*--- related-posts  by th3maestro.com ----*/
#related-posts {border-bottom: 2px solid #E74C3C; color: #fff;background: #fff;float : right; width : 654px;margin-bottom:20px; font : 11px Verdana;}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 {font-weight: normal;
font-size: 20px;
text-align: center;
margin: 0px;
padding: 5px;
background:#E74C3C;
color: #FFF;
font-family: GESSTwoMediumRegular;}
#related-posts a { text-decoration : none; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin : 10px; padding : 0; }
#related-posts ul li { display : block; background : url(http://4.bp.blogspot.com/-S1ztPj-PTDY/U9gH2hcHLSI/AAAAAAAAAY0/XyQ5WNTSfR4/s1600/rss.jpeg;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
/*--- related-posts by th3maestro.com ----*/
</style><script src='https://th3maestro.googlecode.com/svn/trunk/js/Related-posts-hack.js' type='text/javascript'/>

الان ابحث عن هذا الكود <data:post.body/> واضف بعده الكود التالى

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
  <h2>اقرأ ايضا</h2>
<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>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

هام جدا: من الممكن ان تجد هذا الكود متكرر اكثر من مره <data:post.body/> جرب ان تضع الكود السابق بعد كل واحده الى ان تنجح فى ظهور اضافة اقرأ ايضا مواضيع ذات صله للبلوجر
التعديل على الكود السابق فقط ابحث عن max-results=5 وغير رقم 5 الى اى رقم تريده هذه عدد المواضيع التى سوف تظهر


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

HashtagsTech

هاشتاج التقنيه قوالب واضافات بلوجر وجديد الاخبار التقنيه

Facebook

Twitter

Instagram

شارك هذا الموضوع