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/AVvXsEgH6S4PpjwolQ0iRdhWunY1ZimRWxvCRjufqsNs-deRb17fXNdJDmn8wPUDwCc5-tOmVNTGOTTsu9mBP2h4VpXxNXosVSHOCHxULb67BHda96ZPjiAunjcHTs2n-aShIOio71izYKFPcv0P/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 ⤵
Güzel bir stili var.Renk uyumu olan sitelere yakışır.
YanıtlaSilEvet kullanışlı bir eklenti..
Silharika gözüküyor, siteme uysaydı eklerdim mutlaka :)
YanıtlaSilAslında zarf stili resim olduğu için değiştirilebilir..Teşekkürler
Sil