Сегодня 17 мая, пятница

Какой рейтинг вас больше интересует?

получить код

Главная / Каталог блогов / Cтраница блогера Блог для блогов - создание блога на blogspot / Запись в блоге

	Блог для блогов - создание блога на blogspot Голосов: 1 Адрес блога: http://bdblogov.blogspot.com/ Добавлен: 2013-06-02 03:52:18 блограйдером Olga28

Виджет популярных сообщений блога

2014-03-12 05:49:00 (читать в оригинале)

Эффектный виджет популярных сообщений Вашего блога

Установка и настройка виджета популярных сообщений блога на blogspot

Здравствуйте дорогие посетители моего блога. В этом небольшом посте разрешите представить Вам оригинальный виджет популярных сообщений для Вашего блога.

Код виджета вставляете с помощью любимого нами гаджета Html/JavaScript. В виджете будут отображаться дата публикации сообщения и количество комментариев к посту.

Идем в черновик blogger-дизайн-добавить гаджет-Html/JavaScript-вставить-настроить-сохранить в нужном месте макета блога. Пример виджета популярных сообщений можно посмотреть в тестовом блоге, справа под слайдером. Копируем код ниже:

<style type="text/css" media="screen">

#spylist {

overflow:hidden;

margin-top:4px;

padding:0px 0px;

height:400px;

}

#spylist ul{

width:300px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:295px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:85px;

overflow: hidden;

background: #000

url(https://lh6.googleusercontent.com/-A6a829gqfDQ/T-3xppy6MlI/AAAAAAAACFE/RrOao4P11Uk/s1600/helperblogger.com-post.jpg)

repeat-x;

border: 1px solid #ddd;

}

#spylist li a {

text-decoration:none;

color:#000;

font-size:12px;

height:17px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#spylist li img {

float:left;

margin-right:5px;

background:#f4eeee;

border:0;

}

#spylist img { float: left; margin-top: 10px; margin-right: 15px; background: #EFEFEF; border: 0; }

#spylist img {

-webkit-transition:

all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s

ease; padding: 4px; background: #eee; background:

-webkit-gradient(linear, left top, left bottom, from(#eee),

color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background:

-moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;

-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px

rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7);

}

#spylist img:hover {

-moz-transform:

scale(1.2) rotate(-350deg); -webkit-transform: scale(1.2)

rotate(-350deg); -o-transform: scale(1.2) rotate(-350deg);

-ms-transform: scale(1.2) rotate(-350deg); transform: scale(1.2)

rotate(-350deg); -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0

20px rgba(255,255,255,1); -moz-box-shadow: 0 0 20px rgba(255,0,0,.4),

inset 0 0 20px rgba(255,255,255,1); box-shadow: 0 0 20px

rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

}

.spydate{

overflow:hidden;

font-size:11px;

color:#007cb5;

padding: 3px 0px;

margin:1px 0px 0px 0px;

height:15px;

font-family:Tahoma,Arial,sans-serif;

}

.spycomment{

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:9px;

color:#272b2e;

padding:2px 0px;

margin:0px 0px;

}

/* ==== Scrolling Recent Posts Widget By SafeTricks.Net ===== */

-->

</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";

imgr[1] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";

imgr[2] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";

imgr[3] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";

imgr[4] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";

showRandomImg = true;

boxwidth = 300;

cellspacing = 5;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 69;

thumbheight = 72;

fntsize = 13;

acolor = "#555";

aBold = false;

icon = " ";

text = "comments";

showPostDate =true;

summaryPost = 39;

summaryFontsize = 9;

summaryColor = "#555";

icon2 = " ";

numposts = 12;

home_page = "http://goazhetybloga.blogspot.com/";

limitspy=7;

intervalspy=3000

</script>

<div id="spylist">

<script src='https://googledrive.com/host/0B_1mqJd2tC8qLUJMTGZqTE1qTUU' type='text/javascript'></script>

</div>

Основные настройки: height:400px;-высота виджета; width:300px;-ширина виджета; numposts = 12;-количество сообщений; http://goazhetybloga.blogspot.com-URL адрес Вашего блога. На сегодня все, пишите, комментируйте. Всего Доброго.

Тэги: гаджеты

Блограйдеров
14490

Блогов
219902
(+0 сегодня)

Сообществ
1309
(+0 сегодня)

ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»

Категория «Размышления»

Взлеты Топ 5


+1561	1596	fiona
+1550	1597	Алексей Чернов
+1529	1559	Elen_i_rebyata
+1513	1584	Малти_Ошер
+1512	1589	Дрочливый_Драчун

Падения Топ 5


-2	74	Рыжая_Лада
-2	947	G-Traveler \| Сайт заметок путешественника
-2	1264	Сайт визажиста Мокровой Инны блог
-5	53	BJohn
-6	17	Аццкей_Сотона

Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.