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ş.
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.
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.
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.


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.

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
« Prev Post
Önceki Yazılar
Next Post »
Next Post »
Henüz Yorum Yapılmamış " Blogger Sosyal Medya Butonları 3 "