Blogger’a E- Posta Abonelik Widgeti Ekleme

Blogger E- posta abonelik widgeti, blog takipçileri ve sadık bir okuyucu kitlesi geliştirmeye yarayan bir takip sistemi. E-posta abonelik widgeti bloğunuza kurarak, yeni yazılarınızı ve blog güncellemelerinizi okuyucularınıza anlık bildirebilirsiniz. Bu yazımızda Blogger E-posta  Widget‘ini bloğunuza nasıl kurabileceğinize yardımcı olmaya çalışacağım. Basit ve güzel bir görünüme sahip bülten widgetini, Feedburner sistemi ile kolay bir şekilde sizde oluşturabileceksiniz. Haydi başlayalım

Abonelik Widgeti Ekleme

Öncelikle Blogger hesabınıza giriş yapın, ardından Yerleşim bölümüne tıklayın. Yerleşim bölümünde eklemek istediğiniz yere Gadget Ekle’ye tıklayın ve HTML /Javascrpt widgetını ekleyin. HTML /Javascrpt widgetin içerik kısmına aşağıdaki kodu kopyalayıp, yapıştırın.

<style>

#soratemplates-sbox-v2 {

padding: 0;

padding-bottom: 5px;

font-family: inherit;

display: block;

margin: 0;

border-radius: 1px;

border: 5px solid #FFD439;

}

#soratemplates-sbox-v2 p {

font-size: 15px;

color: #000;

line-height: 27px;

padding: 5px 10px 5px;

text-align: center;

width: 80%;

margin: 5px auto 20px;

border-bottom: 2px solid #ebebeb;

border-radius: 20px;

}

#soratemplates-sbox-v2 .rssform {

padding: 0;

margin: 0 auto;

display: block;

}

#soratemplates-sbox-v2 .rssform input {

padding: 8px;

margin: 20px auto 15px;

font-size: 13px;

color: #000;

text-align: center;

display: block;

font-family: inherit;

font-weight: normal;

width: 90%;

height: 38px;

text-transform: uppercase;

outline: none !important;

border: 1px solid #ebebeb;

border-radius: 1px;

background-color: #FCFCFC;

box-sizing: border-box !important;

}

#soratemplates-sbox-v2 .rssform .button:hover {

opacity: 0.7;

-moz-opacity: 0.7;

-webkit-opacity: 0.7;

}

#soratemplates-sbox-v2 .rssform .button {

background: #222;

color: white!important;

margin-top: 15px;

outline: none !important;

transition: all .3s ease-in-out;

padding: 5px 2px !important;

float: none;

text-transform: uppercase;

font-size: 18px;

font-weight: normal;

cursor: pointer;

}

#soratemplates-sbox-v2 form {

margin-bottom: 10px !important;

}

</style>

<div id="soratemplates-sbox-v2">

&nbsp;

<p>En Son Güncellemeler E-posta adresinize gelsin!!</p>

<div class="rssform">

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Feedburner kimliği', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input type="text" name="email" placeholder="Email adresinizi giriniz..." vk_14173="subscribed" vk_1e723="subscribed" />

<input type="hidden" value="Feedburner kimliği" name="uri" />

<input type="hidden" name="loc" value="en_US" />

<input value="Şimdi Katıl" class="button" type="submit" />

</form>

</div>

</div>

Feedburner kimliği yazılan 2 yeri Feedburner kimliğiniz ile değiştirin.

Feedburner kimliği oluşturmak için tıklayın.

Sonuç

Adımları takip ederek artık Blogger E-posta widgettine sahip olabilirsiniz. Bu yazımda size Blogger’a E-posta  Widgetini nasıl kuracağınıza yardımcı olmaya çalıştım. Bu yararlı ve güzel eklentiyi, eklediğinizi umuyorum.

Soru ve görüşlerinizi yorum bölümünden bize bildirebilirsiniz.