اضافة مواضيع ذات صلة بشكل نصي

السلام عليكم ورحمة الله وبركاته

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

ولتطبيق هاته الإضافة على مدونتك ، تذهب مباشرة إلى تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم
تحرير html
وتضع العلامة على مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على
ctrl+f
وتبحث عن هذا الكود

<head>

قم بوضع فوقه مباشرة هذا الكود

<style>
#related-posts { float : left; width : 600px; margin-top:-40px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular,Arial,Helvetica,Sans-serif; margin-bottom:10px; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a {color:#606060; font-family: DroidNaskh-bold,DroidKufi-bold,Arial,Helvetica,Sans-serif; font-size: 13px; transition: all 1s ease 0s; text-decoration : none; }
#related-posts a:hover {color: #FF6816; padding-right: 10px; transition: all 1s ease 0s; 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/AVvXsEij-a9TOKc3Sx0LVYfSOywjum3VPYVXtzIf59ujur5DZR1AhGM410ZoI-RoW1EC3wkW4K1Uqw1Q2UAdjUiJjb_6whUiEL4hLdOsPzG-n0uFtf0NpkfirCin1Unv_ehuDOOA5XRwQEs3_Ard/s1600/rss-feed-icon-afkarpro.png") no-repeat scroll 0 0 transparent; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #e1e1e1; }
</style>
<script src='http://yourjavascript.com/1019345231/related-posts-by-afkarpro-blogspot-com.js' type='text/javascript'/>

وكخطوة ثانية وأخيرة قم بالبحث عن هذا الكود

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>مواضيع ذات صلة: </b></font><font color='#FFFFFF'><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=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if>

ثم قم بحفظ التغييرات ومبروك عليك الإضافة المهمة

من فضلك اضغظ لايك لمشاهدة لينك التحميل

اضافة مواضيع ذات صلة بشكل نصي

مواضيع ذات صلة

إرسال تعليق

حقوق الملكية