كيفية إضافة كود (هاكـ) لعرض المشاركات الأكثر تعليقاً على مدونتك بالبلوجر

مرحبا بكم إخواني متتبعي وزوار مدونة أفكار-برو،
درسنا اليوم سوف نعرض فيه إضافة يبحث عنها العديــد من المدونين ألا وهي "إضافة لعرض المشاركات الأكثر تعليقاً على مدونتك بالبلوجر"، وهي تعد أكثر الوسائل الرائعة لتشجيع زوار مدونتك الجدد للإنضمام
للمحادثات، وأيضا تساهم في تكوين مجموعة نشيطة مما يؤدي إلى عودة هؤلاء الزوار إلى تتبع جديد مدونتك من حين لآخر.

طريقة تركيب هذه الإضافة :

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على تخطيط و أضف HTML/JavaScript.

2- قم بنسخ و لصق الكود التالي داخل الأداة :

<!-- How to Display Most Commented Posts in Blogger By Afkarpor Start -->
<style>
.stroke .commentbubble {background: none repeat scroll 0 0 #F3650F; border: 1px inset #FFFFFF; border-radius: 0 15px 15px 0; box-shadow: 0 8px 6px -6px #909090; color: #FFFFFF; float: left; font-size: 15px; font-weight: bold; margin-right: 10px; margin-top: 7px; padding: 4px 10px 3px 0; position: relative; text-align: center; width: 40px;}
.stroke .commentbubble:after {border-color: #016E78 #016E78 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px 8px; height: 0; left: 6px; position: absolute; top: 29px; width: 0;}
.stroke {background: none repeat scroll 0 0 #FFFFFF;}
.stroke li a {font-family: Georgia,serif; font-size: 17px; font-weight: bold; letter-spacing: 0; margin: 0 -10px 0 0; text-align: justify;}
.stroke li a:hover {color: #F3650F; font-family: Georgia,serif; font-size: 17px; font-weight: bold; letter-spacing: 0; text-align: center;}
</style>

<div class='stroke'>
<b>
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both"> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
</b>

 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.afkarpro.blogspot.com/
 &ShowHowMany=5
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json"
type="text/javascript"></script>
<span style="font-size: 60%; float:right;"><a href="http://www.afkarpro.blogspot.com/2014/06/How-to-Display-and-Show-Most-Commented-Posts-in-Blogger.html">Make your own</a></span>
<!-- How to Display Most Commented Posts in Blogger By Afkarpor End -->
</div>

3- قم بالتعديلات التالية بما يناسب مدونتك :

الرابط الملون بالأزرق "YourBlogUrl" :: غيره برابط مدونتك.
الرقم الملون بالأحمر "ShowHowMany" :: لتحديد عدد المشاركات التي تريد ظهورها.
الكود الملون بالبرتقالي "F3650F" :: غيره بكود اللون المناسب لمدونتك.


4- ثم قم بحفظ الإضافة

*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه