Recent Posts Widget

الاثنين، 7 يناير 2013

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

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

          سوف نشرح طريقة  إضافة مواضيع ذات صلة تحت كل تدوينة وهي اضافة جميلة جدا ...

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

 وتبحث علي الوسم
***************************************************
 </head>
*************************************
 قم بوضع فوقه مباشرة هذا الكود
************************

 style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #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/AVvXsEhAWjQi9qZOtd2oNcN5tUUQtKc-ub3fLezzEZUVzXSt9F_jU2m1V4yPkWI8P4LgDzMO159HZQ4lBKpQaP3ejiv6DQAgXl6ZPrImnI7ounp_6A14lR9VhGyK2OlCU67v9LjWl9vo4A2d6vs/") 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; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
 ************************
  وأخيرة قم بالبحث عن هذا الوسم
 <div class='post-body>
او علي هذا الوسم

 <data:post.body/>
  بعد أن تجد واحد منهم قم بوضع هذا الكود بعده مباشرة
**************************** 


<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>

<font face='Arial' size='5'><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>

 ***************************
  قم بتغيير كلمة قد يهمك أيضا إلى أي كلمة تريدها إذا أحببت ذلك ومبروك عليك الاضافة الجميلة
 

0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets

 
Don't You Think this Awesome Post should be shared ??
| شرح إضافة مواضيع ذات صلة إلى مدونات بلوجر أسفل كل تدوينة |