In this post, I will show you how to add a beautiful Email Subscription box above every post.
An
All In One Email Subscription Box With Social Sharing Buttons For
Blogger
- See more at:
http://genuineonlineearnings.blogspot.com/2015/02/an-all-in-one-email-subscription-box-with-social-sharing-buttons-for-blogger.html#sthash.eFRJADil.dpuf
1. First of all
2. Now click on Edit HTML. An HTML document of your blog will be opened. Now search for <head> and paste the following code above <head>.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
Click on Save Template.
Note:
If you have already placed this code in your HTML document before, then there is no need to put it again.
3. Now go to Layout and click on Add a Gadget. Select HTML/JavaScript from the list and add the following code in it:
<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#620001), to(#620001));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #620001, #620001)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div id='mbt-sub-box'><h1>Subscribe To Get FREE Blogging Tutorials!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/jiPcI', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='blogspot/jiPcI'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>
</b:if>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#620001), to(#620001));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #620001, #620001)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div id='mbt-sub-box'><h1>Subscribe To Get FREE Blogging Tutorials!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/jiPcI', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='blogspot/jiPcI'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>
</b:if>
4. Replace blogspot/jiPcI with your feed username. (To learn all about blog feed, read my post How to Setup Feedburner Feed and Email Subscription for your blog
How
to Setup Feedburner Feed and Email Subscription for your blog - See
more at: http://genuineonlineearnings.blogspot.com/#sthash.4SlMKzIc.dpuf
How
to Setup Feedburner Feed and Email Subscription for your blog - See
more at: http://genuineonlineearnings.blogspot.com/#sthash.4SlMKzIc.dpuf
5. Replace Subscribe To Get FREE Blogging Tutorials with your own words.
6. Click on Save. Now by using drag and drop option on the layout page, place the widget above the Blog Posts.
Check your blog and you will see a beautiful Email Subscription box above every post.
An All In One Email Subscription Box With Social Sharing Buttons For Blogger
An All In One Email Subscription Box With Social Sharing Buttons For Blogger
You also want to read: How To Add Static Vertical Social Media Sharing Widget In Blogger
How
To Add Static Verticle Social Sharing Widget In Blogger
- See more at:
http://genuineonlineearnings.blogspot.com/2015/02/how-to-add-static-verticle-social-Sharing-Widget-In-Blogger.html#sthash.5gqF5rfj.dpuf
How
To Add Static Verticle Social Sharing Widget In Blogger
- See more at:
http://genuineonlineearnings.blogspot.com/2015/02/how-to-add-static-verticle-social-Sharing-Widget-In-Blogger.html#sthash.5gqF5rfj.dpuf
How
To Add Static Verticle Social Sharing Widget In Blogger
- See more at:
http://genuineonlineearnings.blogspot.com/2015/02/how-to-add-static-verticle-social-Sharing-Widget-In-Blogger.html#sthash.5gqF5rfj.dpuf
How
To Add Static Verticle Social Sharing Widget In Blogger
- See more at:
http://genuineonlineearnings.blogspot.com/2015/02/how-to-add-static-verticle-social-Sharing-Widget-In-Blogger.html#sthash.5gqF5rfj.dpuf
How
To Add Static Verticle Social Sharing Widget In Blogger
- See more at:
http://genuineonlineearnings.blogspot.com/2015/02/how-to-add-static-verticle-social-Sharing-Widget-In-Blogger.html#sthash.5gqF5rfj.dpuf
How
To Add Static Verticle Social Sharing Widget In Blogger
- See more at:
http://genuineonlineearnings.blogspot.com/2015/02/how-to-add-static-verticle-social-Sharing-Widget-In-Blogger.html#sthash.5gqF5rfj.dpuf
Thanks for the HTML and JavaScript coding to add the E-mail subscription box. Very informative post to learn this specified details.
ReplyDeletebest e-commerce service provider | best web site developer
ReplyDeleteWhat an awesome post, I just read it from start to end. Learned something new after a long time.
SAP FICO Training in Chennai
Thanks for provide great informatic and looking beautiful blog, really nice required information & the things i never imagined and i would request, wright more blog and blog post like that for us. Thanks you once agian
ReplyDeletewe offer services birth certificate in delhi which inculde name add in birth certificate and birth certificate correction complete process is online and we offer birth certificate onlineand we offer this birth certificate apply online same service offers at yourdoorstep at birth certificate in ghaziabad our dream to provide birth certificate in india and other staes like birth certificate in bengaluru and birth certificate in gurgaon book service with us birth certificate in noida also, service at yoursdoorstep only.
"Thanks for provide great informatic and looking beautiful blog, really nice required information & the things i never imagined and i would request, wright more blog and blog post like that for us. Thanks you once agian
ReplyDeleteFree Classified in India"
Aksaray
ReplyDeleteAydın
Kütahya
Rize
Bingöl
OKZQW
izmir
ReplyDeleteErzurum
Diyarbakır
Tekirdağ
Ankara
YQ4
ankara parça eşya taşıma
ReplyDeletetakipçi satın al
antalya rent a car
antalya rent a car
ankara parça eşya taşıma
LMOX3R
https://istanbulolala.biz/
ReplyDelete4İ4FDR
kayseri evden eve nakliyat
ReplyDeleteaydın evden eve nakliyat
kütahya evden eve nakliyat
gümüşhane evden eve nakliyat
balıkesir evden eve nakliyat
QVN
muş evden eve nakliyat
ReplyDeleteçanakkale evden eve nakliyat
uşak evden eve nakliyat
ardahan evden eve nakliyat
eskişehir evden eve nakliyat
İL1J
83C5C
ReplyDeleteÇankırı Şehirler Arası Nakliyat
Maraş Lojistik
Aksaray Şehir İçi Nakliyat
Çerkezköy Boya Ustası
Bitlis Şehir İçi Nakliyat
Bitmex Güvenilir mi
Denizli Şehirler Arası Nakliyat
Adana Şehir İçi Nakliyat
Erzincan Lojistik
73C50
ReplyDeleteİstanbul Parça Eşya Taşıma
Tekirdağ Cam Balkon
Bursa Evden Eve Nakliyat
Expanse Coin Hangi Borsada
Pepecoin Coin Hangi Borsada
Yalova Şehirler Arası Nakliyat
Pancakeswap Güvenilir mi
Kucoin Güvenilir mi
Yozgat Lojistik
351C0
ReplyDeleteArtvin Parça Eşya Taşıma
Yalova Şehir İçi Nakliyat
Gölbaşı Boya Ustası
İstanbul Parça Eşya Taşıma
Rize Lojistik
Çankırı Evden Eve Nakliyat
Burdur Lojistik
Kars Lojistik
Antalya Şehir İçi Nakliyat
93D2C
ReplyDeleteŞırnak Şehir İçi Nakliyat
Eryaman Fayans Ustası
Bitcoin Kazanma
Antep Şehirler Arası Nakliyat
Hakkari Şehir İçi Nakliyat
Ardahan Şehirler Arası Nakliyat
İstanbul Şehir İçi Nakliyat
Eryaman Alkollü Mekanlar
Bitlis Şehir İçi Nakliyat
461DD
ReplyDeleteorder testosterone enanthate
Trabzon Evden Eve Nakliyat
trenbolone enanthate
testosterone propionat for sale
Ordu Evden Eve Nakliyat
buy parabolan
Tekirdağ Evden Eve Nakliyat
Iğdır Evden Eve Nakliyat
Rize Evden Eve Nakliyat
DDAA6
ReplyDeleteKırıkkale Evden Eve Nakliyat
Isparta Şehir İçi Nakliyat
Batman Evden Eve Nakliyat
Star Atlas Coin Hangi Borsada
Batman Şehir İçi Nakliyat
Karaman Lojistik
Manisa Evden Eve Nakliyat
Sivas Parça Eşya Taşıma
Shibanomi Coin Hangi Borsada
3C79F
ReplyDeleteBinance Para Kazanma
Bitcoin Nasıl Üretilir
Bitcoin Nasıl Kazanılır
Coin Kazma Siteleri
Bitcoin Çıkarma
Bitcoin Çıkarma Siteleri
Binance Yaş Sınırı
Coin Üretme Siteleri
Coin Üretme
B3F91
ReplyDeleteCoin Madenciliği Siteleri
Bitcoin Nasıl Alınır
Binance Borsası Güvenilir mi
Kripto Para Madenciliği Siteleri
Bitcoin Para Kazanma
Coin Çıkarma
Kripto Para Oynama
Coin Üretme
Bitcoin Nedir
E4EE9
ReplyDeleteBee Coin Hangi Borsada
Twitter Retweet Hilesi
Twitter Takipçi Satın Al
Hexa Coin Hangi Borsada
Qlc Coin Hangi Borsada
Twitch Takipçi Hilesi
Mexc Borsası Güvenilir mi
Binance Referans Kodu
Kripto Para Kazanma
6FF4E
ReplyDeletekripto para kanalları telegram
4g mobil
referans kodu
kaldıraç nasıl yapılır
mercatox
sohbet canlı
binance referans
referans kimliği nedir
bitcoin nasıl kazanılır