Будь в курсе событий!

14.12.2013

Виджет - Содержание для блогспот.

Leave a Comment





Этот урок будет посвящен настройке, и установке виджета содержания для вас дорогие читатели.Начну с того что любой ресурс, должен иметь какую либо навигацию по нему потому как без этого нельзя обойтись, тем людям кто заходит к вам на ваш сайт. Если есть  содержание блога, к примеру и оно на видном месте то вашим читателям, и подписчикам не придется рыскать в поисках содержимого вашего сайта. А если у вас нету какого то плагина отображающего содержание вашего ресурса то это прежде всего минус вам. В том плане что пользователи зашедшие к вам на ресурс например из гугла, или яндекса попадут на определенную тему на вашем ресурсе просмотрят её и уйдут, как будто не было. Но а если у вас будет какой либо виджет, который показывает содержание вашего ресурса, то это плюс вам и шанс того что люди которые пришли к вам на ресурс не уйдут сразу а заинтересуются другими материалами с  вашего сайта. А это нам собственно и надо, что бы человеку понравился, и привлек материал и тогда возможно пользователь зайдет к вам на ресурс еще раз,и станет потенциальным подписчиком. Этот виджет все таки увеличивает шансы этого, и что бы это поскорее произошло представляю вам виджет содержание,и вот как его установить

    Вход , http://www.blogger.com
   
Меню дизайн
    
Нажмите кнопку Добавить гаджет, далее ищем в списке HTMLJavaScript
   
Копируем код что ниже вставляем, и сохраняем.

 <div style="overflow:auto;  
 height:300px;
 width:300px;
 border:3px solid #73fb76;
 font-family:Arial Narrow;
 background:#ffffff;
 font-size:100%;
 ">
 <ul style="
 list-style-type:decimal-leading-zero;
 margin-left:5px;
 ">
 <script src="http://locrelink.googlecode.com/files/loc.js" style="text/javascript">
 </script><span><strong><a href="http://www.zarnakoom.com" style="font-size:60%;width :auto; padding:0 3px 1px 2px;border-bottom:0px solid #D8D8D8; width:auto; font-family:Arial Narrow;background:none; text-decoration: none;color:#BDBDBD;">List Of Contents Widget</a></strong> </span>
 <script style="text/javascript">
 var displayDate=true;
 var newLabel=1;
 </script>
 <script src="http://URL.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loctable"></script></ul></div>



Настройка виджета не сложна,Заменить http://URL.blogspot.com/ своим  URL адресом блога
    
300px это высота виджета
    300px  это ширина виджета   
    3 пикселя является окантовкой виджета
    #73fb76 цвет окантовки виджета
    
#ffffff является код цвета фона
    
100% является размер шрифта


Ну и собственно все виджет готов к работе настраивайте его как вам нужно, и вставляйте в любое место вашего блога, так же виджет можно вставить в статическую страницу на блогспот, блоггер.

0 коммент. :

© 2012-2017 Cash's from program