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

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

اولا:ناخذ أولا نسخة إحتياطية من قالبك لتجنب اى مشكلات 

ثانيا:أدخل على تحرير القالب وعلم على خانة توسيع العناصر 

ثالثا: ابحث عن هذه الكلمه </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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ReRK1c7HAwYQQFEccFseKzGda2W3-SEPmYpxtPk5Qrk1Xdck2_NicIpOU-SNx3rayaaFS9dXn__w51F_EQslo53vJB1M7I503NMeCLOl95-bPcYW5Hq7J8gSTd-hYtZJAyXF6pZ1UT-w/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 == "item"'><div id='related-posts'> <h2>اقرأ ايضا</h2><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><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>

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

لازم تجرب ورا كل كود دى مهمه جدا لحد اما تطلع انا جربت 3 مرات لحد اما نجحت

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

By glok

Similiar tagsبلوجر