0

Sosyal medyanın bir blog için ne kadar önemli olduğunu tartışmaya hiç gerek yok. Bir çok kişi şu günlerde çeşitli haber sitelerini ve blog sitelerini sosyal medya aracılığı ile takip ediyor. O zaman bir blog için yapılması gereken en önemli şeylerden biri sosyal ağlarda paylaşım yapılacak sayfalar oluşturulması ve ardından bu sayfalarda paylaşım yapılması.

Sosyal medya paylaşımlarınız hali hazırda varsa insanların sizi ve blogunuzu bu platformlarda takip etmesini isteyebilirsiniz. Bu amaçla Blogger'ınıza sosyal medya takip butonları ekleyebilirsiniz. 10line için düzenlenen bu sosyal medya takip butonları özel olarak seçildi. İsterseniz kodun ilgili yerlerinden değiştirebilirsiniz.



İconlarımızın bulunduğu albüm yukardadır. Albümü bilgisayarınıza indirmek için tıklayın.

Özellikleri;


  • Facebook, Google+, RSS, Twitter ve Youtube takip et butonları bulunur.
  • Butonun üzerinde geldiğinizde buton 360 derece döner.
  • Butona tıkladığınızda sayfanız yeni sekmede açılır.
  • Butonlar 48px boyutundadır.
  • İsterseniz farklı boyut ve farklı görünümde iconlar kullanabilirsiniz.

Nasıl Yapılır?

Çok basit bir yapımı vardır. Aşağıdaki sırayı takip edin...

  1. Blogger hesabınıza giriş yapın.
  2. Yerleşim sekmesine gelin.
  3. Gatget ekleye tıklayıp HTML/Javascript ekleye tıklayın
  4. Çıkan sayfaya aşağıdaki kodları olduğu gibi yapıştırıp kaydedin.
<!-- 10line Takip Baslangic --><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="http://feeds.feedburner.com/10linenet" target="_blank"><img border="0" src="http://i.imgur.com/EfvUAkI.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Rss Icon-->
<!--Baslangic Youtube Icon--> <a rel="nofollow" title="10LineNET Youtube Kanalı" href="http://www.youtube.com/10LineNET" target="_blank"><img border="0" src="http://i.imgur.com/MnzA4O5.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Youtube Rss Icon-->
<!--Baslangic Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/10LineNET" target="_blank"><img border="0" src="http://i.imgur.com/9PZtnZz.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/RestineRest" target="_blank"><img border="0" src="http://i.imgur.com/5g9VPVf.png" style="margin-right:1px;" alt="Icon"/></a> <!--Bitis Twitter Icon-->
<!--Baslangic Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/u/1/101381701483277351964/posts" target="_blank"><img style="margin-right:1px;" src="http://i.imgur.com/bZ2WBiV.png"/></a> <!--Bitis Google+ Icon--><!-- 10line Takip Bitis -->  

Değiştirilebilir Alanlar;

Bu kodların içinde sadece icon kodlarını değiştirin. İcon kodlarında sosyal medya linkleri ve icon linkerini değiştirebilirsiniz. Sosyal medya linkerinin yerine kendilerinizinkini kullanacaksınız. Eğer seçtiğimiz iconları beğenmediyseniz kendiniz icon upload edip icon kodlarında bulunan URL adreslerini değiştirebilirsiniz. Başka bir değişiklik yapmamanız kodların düzgün çalışması için gereklidir. Herhangi bir sorunla karşılaşırsanız bize aktarabilirsiniz.

Yorum Gönder

 
tic
Top