Menu

Blogger Email Abonelik Sosyalmedya Widget

Blogger Email Abonelik ve Sosyal Medya Widget,blogger için feedburner e-posta abonelik widget eklemek her blogger sitesinin en önemli parçasıdır. E-posta Widget ile abone toplayarak blogunuzun trafiğini büyük miktarda artırabilirsiniz.

Bu blogger gadget da bir e-posta abonelik bölümü ve sosyal simgelerde paylaş bölümünden oluşmaktadır.

Blogger Email Feedburner e-posta aboneliği ile blogunuzun ziyaretçi sayısı oldukça fazla olacaktır. Kendi sabit e-posta aboneleriniz her zaman e-posta üzerinden sitenizin yeni güncelleştirmelerinden haberdar olacaktır.Bu durum blok sitenizin tıklanma oranlarını artıracaktır.



Blogger Email Abonelik Sosyalmedya Widget



Google feedburner en popüler RSS web servis beslemesidir.Herkes google feedburner kullanarak   kendi gmail hesabı ile blogunuza abone olur,bu abonelere e-postalar üzerinden sitenizdeki son yazılar sunulmaktadır.

Ayrıca ziyaretçilerinizin facebook,twitter,linkedin,google plus,pinterest,asma ve instagram gibi sosyal simgeler ile sosyal medya bağlantılarınızı takip etmelerini sağlayabilirsiniz.

Blogger Email Abonelik Sosyalmedya Widget Yükleme Adımları


İlk olarak blogger hesabınıza giriş yapınız,Şablon-HTML Düzenle ve daha sonra /b:skin kodunu bularak hemen üstüne aşağıdaki CSS Kodunu yapıştırınız.

#subscribebox{background:#307D7E;padding:20px;font-family:'PT Sans',sans-serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}
.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#fff solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.subscribe-button:hover{background-color:#f1d640}
.subscribe-button:focus{outline:0}
.creadit a{color: #fff; float: right; font-size: 8px;}

Şablonu Kaydet,işlemi ile CSS kodumuzu yüklemiş oluruz.

İkinci adımda ise Yerleşim Gadget sayfasına gelerek bir adet Gadget ekle ile HTML/Javascript gadget açıyoruz ve aşağıdaki kodları kopyalayıp bu açılan gatget te yapıştırınız.Kaydet işlemi ile Blogger Email Abonelik Sosyalmedya Widget hazır olmuştur.

<div id='subscribebox'>
<div class='follow-subscribe-social'>
<ul>
<li><a href='#' target='_blank'><i class='fa fa-facebook'></i></a></li>
<li><a href='#' target='_blank'><i class='fa fa-twitter'></i></a></li>
<li><a href='#' target='_blank'><i class='fa fa-linkedin'></i></a></li>
<li><a href='#' target='_blank'><i class='fa fa-google'></i></a></li>
<li><a href='#' target='_blank'><i class='fa fa-pinterest-p'></i></a></li>
<li><a href='#' target='_blank'><i class='fa fa-dribbble'></i></a></li>
<li><a href='#' target='_blank'><i class='fa fa-instagram'></i></a></li>
</ul>
</div>
<p>Yeni Yazılara Abone Olun</p>
<form class='subscribe' action="http://feedburner.google.com/fb/a/mailverify?uri=Kullanıcı Adınız " method="post" onsubmit="window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Kullanıcı Adınız, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true" target="popupwindow">
<input name="uri" type="hidden" value="Kullanıcı Adınız "/>
<input name="loc" type="hidden" value="en_US"/>
<input class='subscribe-email' type="text" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}" onfocus="if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}" value="Your Email"/>
<input class='subscribe-button' type='submit' value='Abone ol' />
</form>
</div>
<div class='creadit'>
<a href='http://seomektebi.com' target='_blank'>SEOMektebi Widget</a></div>


Blogger Email Abonelik Sosyalmedya Widget

Blogger Email Abonelik Sosyalmedya Widget Düzenleme: Kullanıcı Adınız yazan yerlere feedburner kullanıcı adınızla değiştirin.Ayrıca tüm sosyal medya bağlantılarınız için # etiketini sosyal medya hesaplarınızla değiştiriniz.


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

Henüz Yorum Yapılmamış " Blogger Email Abonelik Sosyalmedya Widget "

Önerilen Yazı
×