Renkli Çizim Şeklinde Sosyal Medya Butonları Eklentisi..
Blogger blogunuzda El çizimi şeklinde renkli sosyal medya butonları kullanmak istermisiniz , Bu blogger eklentisi ile farklı görünümde olan bu sosyal butonlarını kullanmış olacaksınız..
Sosyal paylaş butonları ile , facebook , twitter , rss ve google + sayfalarınızı ziyaretçilerinize tanıtmış olacaksınız..
Demosunu Görmek için TIKLAYIN
Yerleşim > Gadget ekle "HTML/Java Script" seçelim ve aşağıdaki kodu ekleyelim
<style class="text/css"> table { border-bottom: 0px solid #E6E6E6; float: center; width: 260px; margin:10px 0 0 3px; } .subicons { border-right: 1px solid #E6E6E6; } .Fadeout { filter:alpha(opacity=100); opacity: 1.0; border:0; } .Fadeout:hover{ filter:alpha(opacity=80); opacity: 0.8; border:0; } </style> <div class="table"> <table> <tr> <td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUZL94vEHFCdB6V92DUa6ELJp_lnr-8_6R8_eCsvKc2kvIMtcM3CbbW9fRG6KmqWIe_81bQ5qgmRyKcpjfSYD94io9RAndaT_QNv5MQf23GbqkvYoXZNPtOcWGI20MW9xFksbeEVi5I0a/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinSU2N9u4gwATWLo8uFDTNlGanC09JYDFOa5IS30wODoIfXnnk8nztWmzSASp-rApjypkD5nLAuKWdkSsasH97ZpNl1YNQukgotGqfZ6-BmoBVJ_0cFggg-fYBjEzBLNydk-3mnhwPp1bq/s1600/twitter-48.png" /></a></div></td> <td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVnu8QqcOy_5tALDdUfFKM-Yeo2QCaIQsFbv3qWafHTxKPXrEGIu7gd8LF-1RYCD1DQJJodtaEV8_Sfd8ipJnSsd04DY8wXoHyIoCQvuH9FGb2dUx8MbMZ8ykexUHYmabx587ouUuqmW_7/s1600/rss-48.png" /></a></div></td> <td><a class="Fadeout" href="https://plus.google.com/110875602250977569192/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbJ5rQh1e1n85eMImOeXRBujqe7hKZSBVe_Wib5FDKK1uRvtCStRGzrJngiRwhFL7J3gRYfnl5LjWZGPrjdYiB2UW_4QsoR7JjIaTOBHsOchMGSeukArvqVp0qSKSTqfas0BMWPHVIhmK/s1600/google-48.png" /></a></td> </tr></table> </div>
Yukarıdaki kod içinde renkli yazılmış olan yerlere , kendi sayfalarınızın adreslerini yazınız..
<<< Bu Yazı için Arama Sonuçları >>>
Sosyal medya butonları , Sosyal medya düğmeleri , blogger sosyal buton ekle , blogger için sosyal butonlar , blogger facebook twitter buton , blogger blog sosyal medya eklentisi, Sosyal medya eklentisi
Eklentileri.blogspot.com Hakkında.
Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..
2 yorum:
Selam ben siteme bunları eklediğimde gerekli kutunun dışına taşıyor ve kötü bir görünüm veriyor. Bunu nasıl düzeltebilirim?
Kod içindeki width: 260px; yazan yerdeki, 260 rakamını blogunuza göre düzenleyin...örnek : width: 200px;
Yorum Gönder