26.02.2016.

Dodavanje Social Media Widgeta sa sirenjem dugmadi na vasem blogu

social-media-widgeta-sa-sirenjem-dugmadi-na-vasem-blogu

Social Media Dugmici su veoma vazni za optimizaciju vaseg bloga jer oni mogu privuci citaoce, povecanje pretplatnika i na taj nacin poboljsati vas blog.

Pokazacu vam kako da dodate dugmice na vas blog, veoma je jednostavno, samo sledite moje instrukcije:
  • Ulogujte se na vasu Blogger komandnu tablu
  • Kliknite na Izgled > Dodaj Gadzet
  • Kopirajte sledeci kod

<style>#TB911-SNS {width: 260px;margin: 5px 20px;padding:5px;}
#TB911-SNS li {cursor: pointer;height: 48px;position: relative;
list-style-type: none;}#TB911-SNS .icon {background: #D91E76
 url('http://2.bp.blogspot.com/-Wh9jq4HrRN0/UOmHSqZDWDI/AAAAAAAAJVM/5fY5LrICi6c/s1600/NBT-Social_Button.png') 
 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #141414;float:none;
 height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;
 white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
 -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out,
 background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;
 -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
 -o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}
 #TB911-SNS span:hover {visibility: hidden;}#TB911-SNS span {display: block;top: 15px;position: absolute;left: 90px;}
 #TB911-SNS .icon {color: #fafafa;overflow: hidden;}#TB911-SNS .fb {background-color: rgba(45, 118, 185, .42);
 background-position: 0 -382px;}#TB911-SNS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}
 #TB911-SNS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}
 #TB911-SNS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
 #TB911-SNS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}
 #TB911-SNS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}
 #TB911-SNS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}
 #TB911-SNS li:hover .icon {width: 250px;}#TB911-SNS li:hover .icon {background-color: #d91e76;}
 #TB911-SNS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
 #TB911-SNS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}
 #TB911-SNS li:hover .google {background-color: #A70000;background-position: 0 -94px;}
 #TB911-SNS li:hover .pint {background-color: #C00;background-position: 0 -142px;}
 #TB911-SNS li:hover .linked {background-color: #005772;background-position: 0 -190px;}
 #TB911-SNS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}
 #TB911-SNS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}
 #TB911-SNS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style>
 <a rel="dofollow" title="blogger widgets" href="http://bloggerisanje.blogspot.com" target="_blank">
 <img border="0" src="http://bitly.com/24workpng1" style="margin-right:0px;" alt="widgets"/></a>
 <ul id="TB911-SNS"><li><a href="http://www.facebook.com/VASURL" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span></li>
 <li><a href="https://twitter.com/VASURL" class="icon twit">Follow us on Twitter</a><span>Follow us on Twitter</span></li>
 <li><a href="https://plus.google.com/VASURL" class="icon google">Follow us on Google+</a><span>Follow us on Google+</span> </li>
 <li><a href="http://www.pinterest.com/VASURL" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span> </li>
 <li><a href="http://in.linkedin.com/VASURL" class="icon linked">Follow us on LinkedIn</a><span>Follow us on LinkedIn</span> </li>
 <li><a href="http://www.youtube.com/user/VASURL" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span> </li>
 <li><a href="http://feeds.feedburner.com/VASURL" class="icon rss">Subscribe via RSS</a><span>Subscribe via RSS</span></li>
 </ul></div><div style='clear: both;'></div>

  • Sacuvajte gadzet
To je to !

Na mestima gde pise "VASURL" ubacite vas link.


0 komentara:

Постави коментар