Blogspot widget most commented posts


Доброе утро страна или страны, в общем доброе утро весь мир. На сегодня у нас запланировано несколько новых статей по блогеру и подготовка нового шаблона. Данная статья расскажет и покажет о виджете самых комментируемых сообщений вашего блога. Не сложно понять, что это виджет, который отображает список тех сообщений, которые комментируются больше всего. Что-то наподобие виджета популярных сообщений блога, где все работает от количества просмотров. В общем смысл тот же, вы видите пост и количество комментариев, которое к нему написано, чем больше комментариев, тем выше позиция сообщения. Какая польза от виджета? Ну этот аспект сложно оценить, вот к примеру человек смотрит ваш сайт, видит этот виджет и думает себе: "О! Анука я посмотрю этот пост, там много комментариев интересно, что там пишут". Ну как то так. Если вам нравятся интересные виджеты, тогда забирайте его себе, вам понравится. Вот его предпросмотр.

Итак, чтобы добавить в свой блог этот виджет вам нужно в разделе Дизайн добавить новый гаджет - HTML/Javascript и вставить туда следующий код:

<style>
/* ######### Most Commented Widget by MBT ##########*/
.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:1.25em; "> <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.mybloggertricks.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

Дальше нужно заменить стандартный адрес выделенный зеленым цветом, адресом своего блога. Количество постов отображаемых в виджете настраиваете ниже адреса, выделено фиолетовым.

На этом все, надеемся принесет вам пользу.

Поделиться

Facebook TwitterGoogle+ Vkontakte

Рекомендуем

Blogspot widget most commented posts
4/ 5
Oleh