طريقة اضافة مواضيع ذات صلة اسفل مواضيعك

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

الجميع يعلم ان من اكثر اسرار جلب الزوار والمحافظة عليهم هو الشكل 

العام للمدونة لذلك فسنتطرق في هذا الموضوع

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

ولتطبيق هاته الإضافة على مدونتك ، تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html

طبعا لو كنت مبتدا فالافضل ان تقوم بحفظ نسخة احتياطية

في حال لو قدر الله وحدث خطا يمكن استرجاع النسخة عادي جدا

 تضغط في الكيبورد على ctrl+f 

للبحث عن هذا الكود

</head>

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

<style> #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; 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 { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHzs0hW9eVLtfKxQIZAgXwlzhelqyjgtJl6lKD-FsAGd1bBihBTu88RUfV15IzxGXOzGBHZ3-YzEyY6A17YObKbVnU9OPaUm_QVUvIFVtxjzKHt8YM8WFbX-HAXqErRS5qy-IfQJi3iEg/&quot;) 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 #000000; } </style> <script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>

ثم عندما تنتهي تبحث مرة اخرى على احد الكودين 

<div class='post-body> أو <data:post.body/>

بعد ان تعثر على احد هذين تضع اسفله مباشرة الكود التالي

<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a> <br/> <br/> <h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>شـــاهـــد أيـــضـــا</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> </b:if>

قم بتغيير كلمة شـــاهـــد أيـــضـــا إلى أي كلمة تريدها متلا مواضيع ذات صلة إذا أحببت ذلك 

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

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

طريقة اضافة مواضيع ذات صلة اسفل مواضيعك

Unknown

Views:

Category: بلوجر