Thursday, July 17, 2014

إضافة الموضوع الأكثر تعليقاً بعداد رائع

في هذه التدوينة سأقوم بنشر إضافة التعليقات حيث تظهر لك المواضيع الأكثر نشاطاً من حيث التعليقات ,ثم تقوم يحسب عدد التعليقات عن طريق الفقاعة المتواجدة يمكنك مشاهدة معاينة لها في هذا الموضوع قبل إضافتها وستعجبك بإذن الله, الآن سننتقل إلي طريقة التثبيت بالمدونة فقط تابع الشرح.
إضافة الموضوع الأكثر تعليقاً بعداد رائع

  • توجه إلي لوحة التحكم/التخطيط/إضافة أداة/HTML/JavaScript
  • ثم اكتب الكود التالي بها ثم اضغط حفظ.

<style>
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;

}
.commentbubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}
</style>

<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; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.Link.com/
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

  • والآن استبدل:-

http://www.Link.com برابط مدونتك.
في ShowHowMany=6 استبدل 6 بعدد التعليقات التي تريد ظهورها.
استبدل لون الفقاعة #292D30 باللون الذي تريد.
لتغير لون الخط غير #FFF بأي لون تريد.
استبدل #dedede بأي لون تريد لتغير لون الحافة التي تظهر عند لون العنوان من أسفل.

هكذا تكون انتهينا أي مشكلة تواجهك يمكنك تركها في تعليق.

0 comments

Post a Comment