Blogger оптимизация шаблона

Sunday, May 26, 2013

RSS blogger 2

Заработок в интернете на блогах платформы blogger

tweetn

RSS blogger 2

Информационно приветственный баннер, который не раздражает читателей (с куками) и с таймером, для Блоггер, Блогспот

Posted: 26 May 2013 10:00 AM PDT

Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

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

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

Скрипт не имеет аналогов в интернете, так как обладает одновременно двумя особенностями - таймером (картинка без необходимости нажимать на close пропадает сама) и так называемыми куками (скрипт "запоминает" посетителя и показывает картинку только один раз и только новым посетителям).




Код вставляется очень просто:
В Дизайн - Добавить гаджет - HTML/JavaScript  



<style>  #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position: fixed;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}.cboxPhoto{float:left; margin:auto; border:0; display:block;} #cboxSlideshow{cursor:pointer;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"></script> <script>
$(document).ready(function() {
setTimeout ("$('#popup2').fadeIn('fast');", 6000);
setTimeout ("$('#popup2').fadeOut('slow');", 9000);
});
</script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24* 7 ; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"0px", inline:true, href:"#subscribe"}); } }); </script> <!-- This contains the hidden content for inline calls --> <div style='display:none'> <div id='subscribe' style='padding:0px;'><center><span id='popup2'><img border="0" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg29Xf7ZoI9U6tOoHRem14CuraPraR9FQkI_Wa1lFeO5CBd7h8BzqEByevSq4lZ1JjNfxI-X3v2x83Lk9PNbG5TLg9bFj8pJuJVjyUptl2QTXjltxkvG2vkGI_vgY9O-djv7dfDrnrm6FM/s1600/cooltext868333624.png" width="490" /></span></center></div> </div>

Как вы уже догадались, там где выделено красным, вы можете вставить код картинки или еще проще урл.-адрес картинки, туда где синий цвет.


Для проверки и настройки скрипта, я рекомендую редактор:
http://www.timsfreestuff.com/HTMLEditor/


Внимание! картинка будет показываться только один раз! Если пожелаете увидеть, как работает скрипт, зайдите на свой блог с другого браузера.
Если у вас уже есть "двигающиеся" виджеты со скриптом jQuery, то код может не работать!
http://blogodel.com/

This posting includes an audio/video/photo media file: Download Now

Posted by Tanjah3 at 2:03 PM

0 comments:

Post a Comment