Blogunuz İçin Sosyal Medya Eklentisi

Pazartesi, Kasım 14, 2016

tarihinde yazıldı

' da yazıldı

10 Yorum Yapıldı

Renkli sosyal medya hesapları eklentisi ile hem blogunuza renk katabilir hem de şık bir görünüm kazandırabilirsiniz. Kurulumu oldukça kolay. Aşağıda yazdığım yolu izleyerek kolayca blogunuza ekleyebilirsiniz.

Blogunuzun yönetim paneline giriş yaptıktan sonra sırasıyla Yerleşim >> Gadget Ekle >> HTML/JavaScript yolunu takip ederek açılan pencereye aşağıdaki kodları ekleyin. (Sidebar Kısmındaki Gadget Ekle linkini kullanın.)

Kalın yazı tipi ile belirttiğim yerleri kendi bilgilerinizle değiştirin.

<style>.btnt-chronicl-social {  width: 280px;  margin: -10px;  }.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }</style><div class="btnt-chronicl-social"><ul><li><a class="rss" href="http://feeds.feedburner.com/blogtasarimi">Rss ile takip edin</a></li>
<li><a class="twitter" href="https://twitter.com/blogtasarimi">Twitter ile takip edin</a></li>
<li><a class="facebook" href="https://www.facebook.comblogtasarim">Facebook ile takip edin</a></li>
<li><a class="google" href="https://plus.google.com/u/0/b/105042436298189961488/">Google+ ile takip edin</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/blogtasarimi">LinkedIn ile takip edin</a></li>
<li><a class="youtube" href="http://www.youtube.com/user/blogtasarimi">YouTube ile takip edin</a></li></ul></div>