| Сегодня 1 июня, суббота |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Главная / Каталог блогов / Cтраница блогера Блог для блогов - создание блога на blogspot / Запись в блоге
Виджет новых постов блога в виде изображений2014-02-02 15:30:00 (читать в оригинале)Последние записи в блоге Blogspot в виде изображений Здравствуйте, дорогие читатели и гости. Сегодня у нас еще один виджет последних сообщений, но с изюминкой. Ваши последние посты блога будут смотреться в виде изображений. Пример смотрите справа в этом блоге (пока не удалено). Или кликните по скриншоту, рисунок увеличиться, посмотрите как красиво выглядит гаджет свежих статей блога. Установить такой гаджет в блог дело нескольких минут. Требует минимальных настроек. Первое, копируем скрипт ниже. Второе, идем в черновик blogger-дизайн-добавить гаджет-Html/JavaScript-вставить-настроить-сохранить в нужном месте макета блога. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> <style type="text/css"> #post-gallery {width:100%; margin:0px auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px;} #post-gallery .rp-item {float:left;display:inline; position:relative; margin:2px; padding:0px 0px; background: url('http://4.bp.blogspot.com/-0E2ZARxMyAo/UZwiR3XjlvI/AAAAAAAAKDc/3Z8WjltqbCQ/s1600/LOAD+(66).gif') no-repeat 50% 50%; width:79px; height:79px;} #post-gallery .rp-item img { width:69px; height:69px; border:none !important; margin:0px 0px !important; padding:0px 0px !important; background:transparent !important; display:none;} #post-gallery .rp-item 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);} #post-gallery .rp-item .rp-child { position:relative; top:10%!important; left:10%!important; z-index:1000; width:200px; background-color:white; border-bottom:5px solid #1BA1E2; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7); padding:10px 15px; overflow:hidden; word-wrap:break-word; display:none; opacity: 0.9;} #post-gallery .rp-item .rp-child h4 { font-size:12px; margin:0px 0px 5px; color:#1BA1E2;} #post-gallery .rp-item:hover .hidden {display:block;}</style> <script type="text/javascript"> var rpTitle = "Свежие статьи в блоге", // Widget Title numposts = 8, // Number of Posts to show numchar = 200, // Number of Characters to be displayed rcFadeSpeed = 600, // Speed pBlank = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif", // If No Image blogURL = "http://www.bdblogov.ru/"; // Your Blog URL </script> <script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-posts.js" type="text/javascript"></script>
|
 
Категория «Истории»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.