Blogger Hareketli Sosyal Paylaşım Buton Yapımı

Blogger Dersleri - Blogger Dönen Sosyal Paylaşım Sitesi Butonları
Blogger Dersleri - Blogger Dönen Sosyal Paylaşım Sitesi Butonları 
Blogger Dersleri  - Blogger içerisinde dönen butonları nasıl yapabileceğinizi ve nerelerde kullanabileceğinizi Blogger 3D Buton  konusunda anlatmıştım. Şimdi kodlar yardımı ile sitemiz için uygun sosyal paylaşım butonları oluşturalım.

Blogger Hareketli Sosyal Paylaşım Butonları Demo :


Icon Icon Icon Icon Follow Me on Pinterest



Blogger Hareketli Sosyal Paylaşım Butonları Kodları


<!-- 3D SosyalPaylasimimgeleri blogger-hakkinda.blogspot.com Kodu Baslat --><style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social">

<!--Baslangic Rss Icon--> <a title="Grab Our Rss Feed" href="FEED-URL-ADRESİNİZ" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Rss Icon-->

 <!--Baslangic Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="E-MAİL-RSS-ADRESİNİZ" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Email Rss Icon-->

 <!--Baslangic Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/BloggerDersleri" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Facebook Icon-->

 <!--Baslangic Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="https://twitter.com/Bloggerblog_" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Twitter Icon-->

<!--Baslangic Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="GOOGLE-PLUS-URL-ADRESİNİZ" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--Bitis Google+ Icon-->

<!--Baslangic Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/atolyye/" target="_blank"><img style="margin-right:1px;" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--Bitis Pinterest Icon-->

</div><br/></center><!-- 3D SosyalPaylasimimgeleri blogger-hakkinda.blogspot.com Kodu Bitir -->


Blogger Hareketli Sosyal Paylaşım Butonları Kullanımı

  • Varsayalım ki Google+ olmasın istiyorsunuz yapmanız gereken  <!--Baslangic Google+ Icon-->  ile başlayıp <!--Bitis Google+ Icon--> sonlanan kodu komple kaldırmak bu sayede sadece Google+ için  hazırlanmış bölümden kurtulabilirsiniz.
Düzenleme :

 <!--Baslangic Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="GOOGLE-PLUS-URL-ADRESİNİZ" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--Bitis Google+ Icon-->

  • Title : Resimler için gerekli olan arka plan açıklamaları 
  • Nofollow href : Sosyal paylaşım sitenizin linki 
  • Src='' kodu ise görünecek olan resim linki 






Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger