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(http://3.bp.blogspot.com/-Y9ZhvmIidl4/VQZ056hjpVI/AAAAAAAAKc8/Z01jdkGNJ_4/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>

YAZIYI PAYLAŞ

BENZER YAZILAR

SONRAKİ
« Prev Post
ÖNCEKİ
Next Post »

4 yorum

yorum YAZ
14 Temmuz 2017 22:29 delete

Güzel bir stili var.Renk uyumu olan sitelere yakışır.

Cevap Ver
avatar
15 Temmuz 2017 01:48 delete

harika gözüküyor, siteme uysaydı eklerdim mutlaka :)

Cevap Ver
avatar
15 Temmuz 2017 07:38 delete

Aslında zarf stili resim olduğu için değiştirilebilir..Teşekkürler

Cevap Ver
avatar

YORUM YAPARAK KATKIDA BULUNABİLİRSİNİZ...

1) Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz.
2) Yazım ve dil bilgisi kurallarına mümkün olduğunca dikkat ediniz.
3) Kullandığınız üslubun sizi yansıttığını unutmayınız. EmoticonEmoticon