الاثنين، 4 يونيو 2012

شرح طريقة اضافة مواضيع متشابهة لبلوجر احدث شئ 2012

شرح طريقة اضافة مواضيع متشابهه في مدونة بلوجر
شرح كيفية اضافة مواضيع زات صلة ل blogger
طريقة اضافة مواضيع تهمك في blogspot
اضافة مواضيع زات صلة
اضافة مواضيع زات صلة

Related Post Widget for Blogger
مواضيع زات صلة
مثال على ذلك
اول شئ نقوم به هو الدخول على حساب بلوجر blogger
ولا ننسى ان نأخد نسخة من القالب قبل التعديل لتجنب حدوث اخطاء
ثم اذهب إلى تحرير التنسيق> HTML
والان تأكد من توسيع قوالب عناصر واجهة المستخدم
الان نبحث عن هذا الكود  ]]></b:skin>   ونضف قبلة الكود التالي

#related-posts {
    padding:10px;
    display:block;
    clear:both;
}
#related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.75em;
    margin-top: 0;
    padding-top: 0;
}
#related-posts a:hover{
    text-decoration:underline;
}
#related-posts ul{
    list-style-type:none;
    margin:10px 0;
    padding:0;
}
#related-posts ul li{
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNQcCLdx7Ek_cCJ5AzZJDPeVvvt9uxjHmM6Zb82J7EcPqEopFTE-bg7CkHftK1phytMp87xnlAdcoBZ6D652qw29gjQJd1YBBo9l0YqhR2YzvRdow2fJ_MGjH5DfL-dzqH39f8nYwIIs2/s320/w2barrow.gif") no-repeat scroll left center transparent;
    display: block;
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-top: 0;
}




الان نبحث عن هذا الكود  </head>   ونضف قبلة الكود التالي

<script type='text/javascript'>
var relatedpoststitle="مواضيع زات صلة";
</script>
<script src='http://bloggerblogwidgets.googlecode.com/files/Related-Posts.js' type='text/javascript'/>



الان نقوم بالبحث عن اي من العناصر التالية

<div class='post-footer-line post-footer-line-1'>
<p class='post-footer-line post-footer-line-1'>

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


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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=5&quot;' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

واخيرآ نقوم بحفظ القالب ثم ندخل على اي موضوع في المدونة ونشاهد اسفل الموضوع ما قمنا بعملة
Topics explain how to add something similar to the latest Blogger 2012

0 Comments:

إرسال تعليق