Menu

Blogger Sosyal Medya Butonları 3

Bunun gibi butonlar sayesinde takipçilerinizle sadece internet sitenizde değil sosyal medyadanda iletişim kurabileceksiniz ve yazılarınızın sosyal medyada paylaşılmasına oldukça yardım eder.Bu şekilde hem sitenizi hem de yazılarınızı geniş kitlelere ulaştırabilirsiniz.

Bloggerlar için sosyal medyanın önemi oldukça fazladır. Okuyucularımızın bizi ve yazılarımızı takip edebilmelerini ve her an yeni yayınlarımızdan haberdar olabilmeleri oldukça önemlidir.Tasarım gayet güzel ve sade ayrıca üzerine gittiğimiz butonun hareketlenmesi ve sosyal medya ikonun kendi rengini alması gayet göze hitap eder olmuş.

Blogger Sosyal Medya Butonları

                                                        


Blogger Sosyal Medya Butonları 3

   DEMO

Ayrıca daha önce yayınladığımız  aşağıdaki eklentilerde işinize yarayabilir,deneyebilirsiniz.

---Blogger İçin Yüzer Sosyal Medya Widget

---Blogger Sosyal Medya Butonları Ve Abonelik Formu


İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.


Blogger Sosyal Medya Butonları 3


HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız, Sosyal Medya Butonları Ve Abonelik Formu eklentisini site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<style>ul.social {  list-style: none;  margin: 10px;  overflow: hidden;}.social li {  float: left;  background: none !important;  padding: 0 !important;  margin: 0 8px;}.social li a {  display: block;  width: 50px;  height: 40px;  background: url("http://3.bp.blogspot.com/-QFjuAE2s8uU/T6kEOkYdGMI/AAAAAAAADRc/UrhMFF8_s0E/s1600/social.png") no-repeat transparent;  text-indent: -99999em !important;-webkit-transition: ease-in 0.15s all;  -moz-transition: ease-in 0.15s all;  -o-transition: ease-in 0.15s all;  -ms-transition: ease-in 0.15s all;  transition: ease-in 0.15s all;}.social li a:hover {  padding: 0 !important;}.social li.rssicon a {  background-position: 0 0;border-right: 1px solid #e6e6e6;}.social li.twicon a {  background-position: -50px 0;border-right: 1px solid #e6e6e6;}.social li.fbicon a {  background-position: -100px 0;border-right: 1px solid #e6e6e6;}.social li.gicon a {  background-position: -150px 0;}.social li.rssicon a:hover {  background-position: 0 -50px;border-right: 1px solid #e6e6e6;}.social li.twicon a:hover {  background-position: -50px -50px;border-right: 1px solid #e6e6e6;}.social li.fbicon a:hover {  background-position: -100px -50px;border-right: 1px solid #e6e6e6;}.social li.gicon a:hover {  background-position: -150px -50px;}
</style>
<div class="subicons"><ul class="social">
<li class="fbicon"><a href="http://facebook.com/adresiniz" rel="nofollow" target="_blank">FaceBook</a></li>
<li class="twicon"><a href="http://twitter.com/adresiniz" rel="nofollow" target="_blank">Twitter</a></li>
<li class="gicon"><a href="https://plus.google.com/ID numaranız" rel="nofollow" target="_blank">Google +</a></li>
<li class="rssicon"><a href="http://feeds.feedburner.com/adresiniz" rel="nofollow" target="_blank">Rss</a></li></ul>
</div>


Düzenleme:Kodların içerisinde işaretlediğim linklerin yerine kendi profil adreslerinizi yazmanız yeterli olacaktır.Zaten o kısımları sarı kırmızı ile gösterdim.
Eğer işlemlerimizi sorunsuz yaptıysanız,sosyal profil butonlarımız kullanıma hazırdır.



Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Sosyal Medya Butonları 3 "

Önerilen Yazı
×