إضافة مواضيع ذات صلة أسفل كل تدوينة ~ بلوجر77

إضافة مواضيع ذات صلة أسفل كل تدوينة
الزيارات:

Unknown | 1:09 ص | اضافت بلوجر

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

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

مميزاتها

زيادة وقت و طول الزيارات
سهولة التنقل في المدونة

نبدا بدون اطالة

اولا

لوحة التحكم
قالب
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4yxlWOEMVnZaW5yR_xKcth0QUZp__9xzMQZHSkboEMvUUx9tHdZHuCK8UtobVkfqbeG-hARXqp8FZ-XMarNldKrmOoBAu1qkCpw0bMgZfN4fVc0sYygyVzC_XyALZzoBSKevDOfWR8jY/")
 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'/>

بقية خطوة واحدة

الان اضغط
Ctrl+f
كي نبحث عن

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

سوف تجد اكثر من واحدة الثانية هي المطلوبة (اذا لم تنجح جرب الاولى والثالثة لكنني متاكد الثانية هي المطلوبة)

وضع الكود التالي اسفلها مباشرتاً الكود التالي

انتهى بفضل الله

0 التعليقات:

إرسال تعليق