Zarf Stili E-Posta Abonelik Widgeti

  Bir blog sahibiyseniz veya bilgi paylaştığınız siteniz varsa mutlaka kullanmanız gereken eklenti e-posta abonelik eklentisidir. Gelen her ziyaretçi kıymetlidir ve gönlünü çeldiğiniz her ziyaretçi sadık bir okuyucu veya arkadaş yapabilmek bazı hamleler yapmalısınız. Sosyal ağlarınızı, GFC eklentisini veya bu şekilde şık görüntüye sahip abonelik eklentisini blogunuza eklemelisiniz. Blog sayfanızın uygun bir yerine ekleyeceğiniz basit bir kod ile yeni paylaştığınızı her yazının ulaşacağı kitleler oluşturabilirsiniz. Genel olarak kullanılan ve daha etkili olduğunu düşündüğüm sidebar alanına eklemeniz daha yararlıdır. Zarf stilinde dikkat çekici ve kullanılış amacına uygun tasarlanmış güzel bu eklentiyi nasıl ekleyeceğinize gelelim.

Zarf stili abonelik

  Bu widget için iki yere kod ekliyoruz ve kullanmaya başlıyoruz. Öncelikle Tema> HTML'yi Düzenle üzerinden devam ediyoruz ve Ctrl+F ile ]]></b:skin> kodunu bularak aşağıdaki kodu hemen üzerine yapıştırıyoruz.

/* Doğuş Hakan Yılmaz Envelope Style Beautiful Subscription Widget-------------------------------------------------------------------------------------*/.widget.stt_newsletter_widget { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7GkbfkTAY_1P5kIv_-hDsmw3uAS22yzgyth30N_nnhqu2kPuUS3rAfM-TtYs5YvBv8wJhLV-JRrjc9HcTI3rBC5ngjTKD7ds_b5EXPNoT0SdjFaDul9ZOUUl8CcQBruzbxxd8-aOCs3L0/s1600/subscription-envelope-bg.png)no-repeat; width: 250px; height: 158px; padding: 25px; margin-bottom: 30px;}.stt_newsletter_widget h3 { font-size: 18px;    line-height: 22px; margin: 0 0 5px 0;}.stt_newsletter_widget h3 p { background: none; color: #444444; padding: 0; font-size: 18px; line-height: 2px; -webkit-box-shadow: 0 0 0 #222222;    -moz-box-shadow: 0 0 0 #222222;     box-shadow: 0 0 0 #222222;}.stt_newsletter_widget input[type="text"] {    padding: 9px 10px 9px 10px; margin-bottom: 10px; width: 132px; display: inline; border-right: none; -webkit-box-shadow: 0 0 0 0;    -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; -webkit-border-radius: 3px 0 0 3px;    -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}.stt_newsletter_widget input[type="email"] {    padding: 9px 10px 9px 10px; margin-bottom: 10px; width: 128px; display: inline; -webkit-box-shadow: 0 0 0 0;    -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; -webkit-border-radius: 3px 0 0 3px;    -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}.stt_newsletter_widget input[type="submit"] { background: #E53B2C; width: 90px; font-size: 13px; font-weight: bold; line-height: 21px;    color: #FFFFFF;    cursor: pointer;    padding: 9px 12px; margin: 0; border: none; display: inline; -webkit-border-radius: 0 3px 3px 0;    -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}.stt_newsletter_widget input[type="submit"]:hover { background: #222222;}.stt_newsletter_widget p { background: none ! important; margin-bottom: 17px;}

  Temanızı kaydettikten sonra Yerleşim sekmesinden "Gadget Ekle" ile HTML/Jacascript alanına aşağıdaki kodu ekleyerek kullanmaya başlayabilirsiniz. Kırmızı renkle belirttiğim alanı kendinize göre düzenlemeyi unutmayın.

<div class="row widget stt_newsletter_widget"><h3 class="widget-title">E-POSTA ABONELİĞİ</h3>Yeni güncellemeleri almak için E-posta listeme abone olun. Blog ipuçlarını, Seo bilgilerini, Blogger kodlarını ve diğer tüm yazıları en kolay şekilde okuyun..<br /><form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=dogushakanyilmaz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="email" type="text" /><input name="uri" type="hidden" value="dogushakanyilmaz" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form><div class="clear"><div style="text-align: right;"><a href="https://dogushakanyilmaz.blogspot.com" rel="nofollow" target="_blank"><span style="font-size: xx-small;">Blogger Kodları</span></a></div></div></div>

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵