السلام عليكم ورحمة الله وبركاته
اضافة مهمة لمدونات بلوجر وهي
مواضيع ذات صلة
او
مواضيع ذو صلة
او
اخترنا لك
كما في الصورة
انت يمكنك كتابة العبارة كما تشاء
عندما وجدتها طبقتها على المدونة وتم تجربتها جيدا
فأردت ان اشراك بها اعضاء وزوار مدونة
احلى برامج مع امين سات
اتمنى ان تعجبكم الاضافة وهي للمحترفين او للذين لديهم خبرة
في التعامل مع قالب مدونة بلوجر
اليكم الطريقة
من البداية خطوة بخطوة تابعوا معي
اولا الذهاب الى لوحة التحكم بمدونة بلوجر
ثانيا الذهاب الى خانة القالب
ثالثا الضغط على نسخ احتياطي / استعادة
رابعا الضغط على تنزيل النموذج بالكامل
للاحتياط لكي تستطيع استعادة القالب كما في السابق قبل التعديل
خوفا لو حصل خطأ ما لا سامح الله
خامسا بعد تنزيل نسخة القالب بالكامل تغلق نافذة تنزيل النسخة
سادسا تضغط على تحرير HTML
سابعا تبحث عن كلمة </head>
بالاستعانة بأزرار الكيبورد Ctrl /F
وتضع الكود التالي بعد </head> مباشرة
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkH76f-sg1CXK0Q-CJPs9jaWZcS7_MYmkkrFblgcPf5I4_Xkv60OQe9NALYyx_Djw9eKzmpch7xLtb9SIC2BTQymdK0kA0vwSdArYCwczMZXzwSFemmIRipZd_6Ufm2hsa261tAecsVOU/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
ثامنا تبحث عن كلمة
<div class='post-footer-line post-footer-line-1'>
ان لم تجده ابحث عن هذه
<p class='post-footer-line post-footer-line-1'>
وتضع بعدها مباشرة الكود التالي
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/summary/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
ثم تضغط على حفظ النموذج ومبروك عليك الاضافة
اتمنى لكم الفائدة
مع تحياتي