Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Animasyonlu 3D Sosyal Simgeler

Bugün 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 3D SOSYAL SİMGELERGÖRÜNÜMÜ

Icon Icon Icon Icon Follow Me on Pinterest

  1. Blogger hesabımızla Giriş yapıyoruz.
  2. Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip ediyoruz.
  3. Aşağıdaki kodu kopyalayıp açılan gadget içerisine yapıştırıyoruz. 
<!-- 3D SosyalPaylasim blogmimari.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="FACEBOOK-SAYFANIZIN-URL-ADRESİ" 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="TWITTER-URL-ADRESİ" 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="PINTEREST-URL-ADRESİNİZ" 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/> <!--Baslangic Feed Count Button--> <a href="FEEDBURNER-URL-ADRESİNİZ" target="_blank"><img alt="blog mimari" src="http://feeds.feedburner.com/~fc/BlogMimari?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--Bitis Feed Count Button--> </center><!-- 3D SosyalPaylasim blogmimari.blogspot.com Kodu Bitir -->
kod içerisinde mavi renkle koyu olarak belirttiğimiz yerleri kendinize göre düzenleyin,kullanmak istemediğiniz paylaşım butonunu kaldırmak isterseniz;
Örnek olarak pinterest kuıllanmıyorum, bu butonu kaldıracağım dediğinizde bunun için kodlar içerisinde
<!--Baslangic Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="PINTEREST-URL-ADRESİNİZ" 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-->
kodunu kaldırmanız yeterli olacaktır.Yani kaldırmak istediğiniz icon <!--Baslangic ...........--> ile başlayıp <!--Bitis ...........--> ile son bulan koddur.
     4.Gerekli düzenlemeleri yaptıktan sonra gadgeti kaydedip çıkıyoruz.Blogger 3D Sosyla Paylaşım Butonları gadgetini Sosyal paylaşım iconlarının görünmesini istediğimiz yere sürükleyip bırakıyoruz.

Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon