Bumerang - Yazarkafe

Blogger 3D Sosyal Simgeler 360 derece dönüyor

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 blogokulu.org 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/AVvXsEhndNljQKE4TbuDDnRqPJ3jPdi_iwz9YO-YtgYt28wdeyGf3AcTgSVlkNZ6VgHeyyxJGVWG7x86so3E2CUyyUyZubC13Epelur6sbn8TqsR4Rdr7gTh5ovaUzW4IPWi-IrnT32f-HB3CGyd/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/AVvXsEh1s7ErJ9uf4zAbt7enOqz_kufj7iAqK3zchyphenhyphen4jlBUUjS3sMpFpTZztcYIjhB8WqZWFJKRShXVyry8T8191WmLg-N8LfaCanObadSJG09JEP5KC0OCKpM2xoXZnIKteoLhxSq8SO2PlzskV/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/AVvXsEi6rGWS-_0rOXHUJq1uaQX6W9WKKFelnvH1evYNu871UupS6wvT5Fz-0-5mpuUab6tvTRGaJulihECNPawOcIbNshMhjhUs3n8jffCarb4TfGtZxl-EYPU3VOaGHl0Urhd27TpD2GJmlYZc/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/AVvXsEiHC78nkCLoqquNLuJc9NA5G1neJ4e5rZknz082h1vpghnBfv_Gk9nMUvcmdxTU9hcV-BXt12mmR-SC4tgA5UoKtQiZO2L9mqGG2ooj9SbvRPrY2bcFZOpsD-IZVXeLpknxBg86mvb99Wek/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/AVvXsEjjDCnNDVbqd9r_57fTeSykTUHdvnazD4qzd2K51HAbw7B82z8NBwP_K5uvyaMgm9BjrORRoV8zeNoiZdbrJ4xUsqxkkAGk7pYz0MO6ZQiMV8rRyZxu1k7qCTEqraoq1mgr7U4TaKgXOp9k/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/AVvXsEipQi5Km3v4ppSlGRBzQ4qaY18IifoqKyBJnS_Acup1hpit3nxgletfprkl9sBXHcUurwsPJ7NTGNHeM8YDVihjPA9Wf1zuvAA6w_Rv3uRvGRZny5UvS2JDkPNAN5LguDuEEMJ2GZypVexN/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 blogokulu.org 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQi5Km3v4ppSlGRBzQ4qaY18IifoqKyBJnS_Acup1hpit3nxgletfprkl9sBXHcUurwsPJ7NTGNHeM8YDVihjPA9Wf1zuvAA6w_Rv3uRvGRZny5UvS2JDkPNAN5LguDuEEMJ2GZypVexN/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.
PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

3 yorum:

  1. Sağolun güzel paylaşım .. 

    YanıtlaSil
  2. çok yardımcı oldunuz teşekkürler şu anda blogumda uyguladım :)

    YanıtlaSil
  3. FàTíH ÇèLíK14 Ekim 2012 00:34

    GÜZEL İŞ KARDEŞ ELLERİNE SAGLIIK

    YanıtlaSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...