Advertisements
اليوم اضع بين يديك اداه مواضيع ذات صله او اداه قد يهمك ايضا بشكل رائع جدا واحترافي جدا فالكثير يبحث عن مثل هذه الاضافه ولا يجدها او يجدها ولا تشتغل او شكلها وتصميمها ليس بالشئ الجيد
الاضافه رائعه وخفيفه وذلك لانها مصممه كليا ب css ولا يوجد بها صور ولا تقوم بتثقيل تصفح مدونتك
تركيب الاضافه سهل جدا فلنبدا التركيب
قم بمعاينه الاضافه اولا (: اضغط معاينه وقم بالنزول لاخر الموضع لتعاين الاضافه
كيفيه تركيب اداه قد يهمك ايضا لبلوجر
اولا قم بالتوجه لبلوجر وابحث عن الوسم ]]></b:skin> وقم بوضع الكود التالي فوقه اي قبله
/*start related posts by tapseet.com */
div#tapseet-1 h2{ font-weight:100; background:#F9F9F9; color:#465769; font-size:17px; padding:11px; border:1px solid #E8E8E8; border-radius:4px 4px 0 0}
#tapseet-1{ margin-right:0px; margin-bottom:10px; padding:12px}
#tapseet-1 ul{ overflow:hidden; border-top:0; border:1px solid #F2F2F2}
#tapseet-1 ul li:last-child a{ border-bottom:0}
#tapseet-1 a:hover{ color:#465769}
#tapseet-1 a{ color:#504e4e; font-family:’mahdi-font’; text-decoration:none; font-size:17px; padding:8px; line-height:27px; font-weight:100; transition:0.2s; border-bottom:1px solid #F2F2F2; display:block}
#tapseet-1 ul li:before{ content:’f0a8′; float:right; font-family:fontawesome; position:relative; top:9px; margin-left:8px; margin-right:8px; color:#fff; background:#465769; width:22px; text-align:center; height:22px; font-size:14px; line-height:22px; border-radius:50%}
#tapseet-1 ul li{ display:block; font-family:’mahdi-font’ !important}
/*End related posts by tapseet.com */
ثانيا قم بالبحث عن <data:post.body/> واضف الكود التالي بعده
ملاحظه : الكود التالي يوضع حسب تصميم قالبك فليس شرط ان تقوم بوضعه تحت<data:post.body/> قم بوضعه بما يناسب قالبك ان اردت
<b:if cond=’data:blog.pageType == "item"’>
<div id=’tapseet-1′>
<h2>قد يهمك أيضا :<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=3"’ type=’text/javascript’/></b:if></b:loop></div> </h2>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</b:if>
ان ظهرت لديك اي مشكله لا تتردد بوضعه في تعليق وسوف احلها لك باذن الله
الي الان هذا كل شئ بخصوص اضافه اداه مواضيع ذات صله
