Menu

Blogger E-Posta İle Abone Olma Eklentisi Resimli Anlatım

E-Posta ile abone olma Blogger eklentisi ile sitenize sürekli sizleri takip eden üyeler sağlayabilirsiniz,Bu uygulama SEO açısından da sitenize oldukça fayda sağlar,üyelerinizin e-posta adresleri ile yayınladığınız makalelerin Organik Backlinke oldukça faydası olmaktadır.
Blogger E-Posta İle Abone Olma Eklentisi Resimli Anlatım


Blogger E-Posta İle Abone Olma Eklentisi Resimli Anlatım

İlk önce Blogger.com giriş yapınız sonra Şablon/ HTML Düzenle adımlarını takip ediniz.

Yerleşim/Gedget Ekle/ HTML/JavaScript


Blogger E-Posta İle Abone Olma Eklentisi Resimli Anlatım

Blogger E-Posta İle Abone Olma Eklentisi Resimli Anlatım


HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız,Mavi Renkli Dikey Menü yü site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz. 

Aşağıdaki CSS kodları içindeki #E98313 şeklindeki renk kodlarını istediğiniz gibi değiştirebilirsiniz.


SEOMektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz


<style>
.mbt-email{
background:url(https://lh3.googleusercontent.com/-xk9c6Gr_HG0/UiJl_3qOfVI/AAAAAAAAHrg/lAfp2KEdGH4/w45-h49-no/12.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 47px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:155px;
color:#666;}
</style>
<div class="mbt-email">

 E-posta ile abone ol
 <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="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "E-posta adresiniz";}" onfocus="if (this.value == "E-posta adresiniz") {this.value = "";}" value="E-posta adresiniz" type="text" />
<input type="hidden" value="seomektebi" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Tıklayın" type="submit" />
</form>
</div>



Değiştirmeniz gereken yerleri kırmızı renkle işaretledim.Kendi feedburner adresinize gidip sitenizin kayıtlı olduğu isimi kırmızı ile belirtiğim yere yerleştiriniz.Feedburner adresine BURADAN ulaşabilirsiniz.



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

Henüz Yorum Yapılmamış " Blogger E-Posta İle Abone Olma Eklentisi Resimli Anlatım "

Önerilen Yazı
×