Menu

Blogger Sosyal Medya ve Abonelik Gadget


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.Blogger ın site tasarımıyla uğraşanlar için oluşturduğu gedgetlar yardımıyla istediğimiz kadar Blogger Sosyal Medya Eklentisini site tasarımınızda kullanabilirsiniz.

Site trafiğini artırmanın en etkili yollarından biri sosyal medyadır,diğeri ise bizi sürekli takip eden takipçilerdir.Bu iki etkili yöntemle site hitimiz oldukça artar bundan dolayı sitemizde kullandığımız abonelik eklentilerinin göze hoş gelecek şekilde tasarlamalıyız ki sitemize gelen ziyaretçilerin dikkatlerini çeksin ve abone olsunlar.

Blogger Sosyal Medya ve Abonelik Gadget


Blogger Sosyal Medya ve Abonelik Gadget
                                                                             
                                                                    
SEO Mektebi olarak Blogger kullanıcılarına Sosyal Medya eklentileri içinden seçtiğimiz kaliteli eklentileri site ziyaretçilerine sunmaya devam etmektedir daha önce yayınladığımız sosyal medya eklentilerine de aşağıdaki bağlantılara tıklayarak ulaşabilirsiniz.

---internetten Para Kazanma Stratejileri

---Google Kazançları Affiliate Satış Ortaklığı

Blogger Sosyal Medya Eklentisi RSS besleme değerlerinizi,Twitter takipçileri sayısını ve Facebook beğeniler sayısını göstermektedir.

Yayınladığımız bu eklentiler içinde ki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek ekleyebilirsiniz.

SEO Mektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.

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ı 3

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

Blogger Sosyal Medya ve Abonelik Gadget

Blogger Sosyal Medya ve Abonelik Gadget

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> .mbtbar{width: 100%; float: left;} .mbtbar .count{color:#333; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; background: #fff; height: 45px; line-height: 45px; vertical-align: middle; width: 100%; padding: 0 10px 0 4px;} .mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 39px; vertical-align: top; padding-right:3px;} .mbtbar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;} .mbtbar .subicons a{text-decoration: none; color:#333333;} .mbtbar .subicons a:hover{text-decoration: underline; color:#333333;} .mbtbar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(http://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/24/rss.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;} .mbtbar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(http://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/24/facebook.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;} .mbtbar .subicons .twittericon{background: url(http://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/24/twitter.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;} .mbtbar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;} .mbtbar .emailsub .emailicon{background: url(http://2.bp.blogspot.com/-h72a-fyDTWw/TdpYO0gOhRI/AAAAAAAADfs/s-5_Ckdp-bQ/s400/email.png) no-repeat left center; float: left; padding: 5px 15px 0px 35px; margin: 0 0 0 5px; width: 300px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 14px; color: #333; } .mbtbar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;} .mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: uppercase; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} </style> <!--[if IE 7]> <style> .mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; } .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:#0080ff; border: 1px solid #0080ff; text-transform: uppercase; color: #ffffff; font-weight:bold; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; } </style> <![endif]--> <div class="mbtbar"><div class="count">Blogumu <span class="bigcount">+100</span> kişi takip ediyor!</div><div class="subicons"><div class="rssicon"><a href="http://feedburner.google.com/fb/a/mailverify?uri=seomektebi" target="_blank">RSS Abone O</a>l</div><div class="fbicon"><a href="http://www.facebook.com/seomktbi" target="_blank" rel="nofollow ">Facebook'ta Beğen</a></div><div class="twittericon"><a href="http://twitter.com/seomektebi" target="_blank" rel="nofollow ">Twitter da Takip Et!</a></div></div> <div class="emailsub"> <div class="emailicon">Yeni Yazılarım E-Posta Adresinize Gelsin</div> <div class="emailupdatesform"><a style="color: #FFFFFF;" href=" http://www.seomektebi.com/"></a>
 <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=seomektebi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput-" name="email" value=" Adresiniz " type="text" onblur="if (this.value == &#39;&#39;) {this.value = &#39;E-Posta adresinizi yazınız...&#39;;}" onfocus="if (this.value == &#39;E-Posta adresinizi yazınız...&#39;) {this.value = &#39;&#39;;}" />
<input value="seomektebi" name="uri" type="hidden" /><input value="Gönder" class="joinemailupdates-" type="submit" /></form></div></div></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ı SARI ile gösterdim.Ayrıca resmin yerine istediğiniz bir resmi ekleyebilirsiniz.



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

Henüz Yorum Yapılmamış " Blogger Sosyal Medya ve Abonelik Gadget "

Önerilen Yazı
×