Blogger 3D Sosyal Paylaşım Simgeleri

Web Site Dersi Okuyucuları sizlere maus ile üzerine geldiğinizde kendi etrafında 360 derece dönen göze hoş gelen animasyonlu sosyal paylaşım butonlarını blogunuza nasıl ekliyebileceğinizi anlatacağız.3 boyutlu olan sosyal paylaşım butonları yazılarınızın ve blogunuzun sosyal medyada gücünü attıracak, daha çok paylaşılacak ve daha çok kişi tarafından tıklanmayı sağlayacak çekicilik ve cazibeye sahip
çeriklerinizin paylaşımı arttıkça tıklanma oranları artacak, tıklanma oranı artınca ve ziyaretçiler sosyal paylaşım sitelerinden direk sitenize gelince SEO açısısından epey bir fayda görecek ve arama motorlarında üst sıralara tırmanacaksınız. Blogger dönerli 3D Sosyal Paylaşım butonlarını blogunuza eklemek için gadget ekleme yöntemini kullanacağız.




Blogger hesabımızla Giriş yapıyoruz.
Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript .
Aşağıdaki kodu kopyalayıp açılan gadget içerisine yapıştırıyoruz. Kodlar İçinde Oynamayapmayınız



<!-- 3D SosyalPaylasim http://websitedersi.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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_lM6zjJabUOFrL6Zd5Hv_7iq8FkHoJI-B0j6Kf29nkld6fDN_hP0hR2mREHf73BWhpdA7LxFgFkiPemR7xx5H-ekXPhVcG7kNzbuayV7ElPTyhZOLZEcFFBpfPUkCjUVE_UeaDkK7eDX/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXUUwTqEoxRV-ydLeUjGf1U6gop6bnAkDGk9wmShvE_4KeSsynWQkee8uZQH5ovPGJNwW-IpeOog-J5TaC3rPvtTLWTjP50sD1C-8FjfEB_BW-WGl-ande9ayKS-0fW9cfxcjoA-Pph6_/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="FACEBOOK-SAYFANIZIN-URL-ADRESİ" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn6BPaCqZITWGVIgp7T0lxEs-DxFTJ4TXTpddVABQVlWnUt3w99YcrqhrreFxxo2aSRn6FVqkpoxgVTr3O_DNbNpNrLNq-jtm16oQ4ampaipyk_yvZymeKcifD0X8qygSxSf8qM1qk6ImB/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="TWITTER-URL-ADRESİ" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0fRYnP48d-Yaej_Uy8ZDspXveY85Ccyv_ByVRbxYoDPvRot6MSDq2kjinPrjb9nDZ4d0W4hF0Gcjwk5eDfj1JCd2rPMNoY7E1O0bwQk8lO5T3iYGC7mRoIFKqblN-c6_1sx0lcIi6r1rv/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkqXV7A4JJKFaD2jHMQh0y3h3GSQ8tB_pOC3IMmcPSLVS2_4eJOvt7ETMEUvnINWJeoNdjE9c41-WpreeHrLirRfkEeMyHmouNxpkcNFVPELTPalosYyjUV3h8FR2F-bOEFyG9LuaJY1dC/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--Bitis Google+ Icon--> <!--Baslangic Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="PINTEREST-URL-ADRESİNİZ" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaJtAMyBi1Hd4SWVeyIIQKQPLbh4Xgzyeri5nsRYULBmfOSl9nX3-8qJ9qRaPiTuZJvSj0bKcNWvSSuOeHhO1byM5Rl7iBR99xRwuirnm3gd9v6RtYJlOLLkvqYUTWYw5BTMyE65GF75yH/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--Bitis Pinterest Icon--> </div><br/> <!--Baslangic Feed Count Button--> <a href="FEEDBURNER-URL-ADRESİNİZ" target="_blank"><img alt="blog okulu" src="http://feeds.feedburner.com/~fc/BlogOkulu?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--Bitis Feed Count Button--> </center><!-- 3D SosyalPaylasim http://websitedersi.blogspot.com/ Kodu Bitir -->

Dikkat : Kırmızı İle renlendirilmiş yerlere kendi Kullanıcı isimlerinizi yazmayı Unutmayınız .
Sosyal Paylaşım Butonları :
 

Yorum Gönder

 
Support : HTML KODLARI | FBML Kodları | Site Kodları
Copyright © 2011. Web Site Dersi
Template Created by Blogger Eklentileri Javasicript Kodları
powered by Blogger