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

بسم الله الرحمان الرحيم

اما بعد متتبعي ومتتبعات مدونة حاسوبي Astuce

في اضافة جديدة من اضافت بلوجر من تصميمي الخاص

لن تجد هذه الاضافة بالشكل القادم انشاء الله

اولا لنشاهد التجربة

معاينة

تركيب الاضافة

قم باضافة اداة HTML/Javascipt

وضع فيها الكود التالي

<style>
.hassoubi_npost {
transition:all .5s;
}
.hassoubi_npost:hover {
padding-right:13px;
border-top-style: solid;
border-bottom-style: solid;
color:red;
transition:all .5s;
}
.hassoubi_ncomment {
transition:all .5s;
}
.hassoubi_ncomment:hover {
padding-right:13px;
color:red;
border-top-style: solid;
border-bottom-style: solid;
transition:all .5s;
}
.hassoubi_div_shadow
{
font-size:16px;
color:blue;
font-family:tahoma;
width:210px;
height:50px;
transition: all .5s;
}
.hassoubi_div_shadow:hover {
 transition: all .5s;

}
</style>
<script style="text/javascript">function numberOfPosts(json) {
document.getElementById('hassoubi_numposts').innerHTML=document.getElementById('hassoubi_numposts').innerHTML + json.feed.openSearch$totalResults.$t;
}
function numberOfComments(json) {
document.getElementById('hassoubi_numcomments').innerHTML=document.getElementById('hassoubi_numcomments').innerHTML + json.feed.openSearch$totalResults.$t;
}
</script>
<center>
<div class="hassoubi_div_shadow">
<div id="hassoubi_numposts" class="hassoubi_npost">
عدد المواضيع: </div>
<a href="http://astuce-hassoubi.blogspot.com/" style="display:none">حاسوبي Asctue</a>
<div id="hassoubi_numcomments" class="hassoubi_ncomment">
عدد التعليقات: </div>
</div>
<h6>
Widget by <a href="http://astuce-hassoubi.blogspot.com/">حاسوبي Asctue</a></h6>
</center>
<script src="http://test-hassoubi-astuce.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://test-hassoubi-astuce.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

تحديد الكل

اما بخصوص التنسيق

غير "عدد المواضيع:" بجملتك

و "عدد التعليقات: " بجملتك ايضا
ثم استبدل هذا الرابط بعنوان موقعك في مرتين

http://test-hassoubi-astuce.blogspot.com

ملا حظة عند استبدالك الربط اعلاه احذف الرمز التالي من اخر الرابط

http://astuce-hassoubi.blogspot.com/

انسخ فقط الجزء الغير الملون بالاحمر

مبروك عليك الاضافة والى درس جديد انشاء الله تعالى

• غرّد
• شارك
• شارك
• شارك
• شارك