In next articles i will share Email Subscribe Widget with Social Media Sharing and Pop-up options, so do not forget to get those beautiful widgets. By the way this is a RSS Subscribe widget, if you do not know that what is feedburner, read its definition described below:
What is RSS Subscription
RSS (Really Simple Syndication) is used to keep regular visitors always stay updated with latest content of a site. It provides to all readers an easy navigation to read entire information on any site.
How to Add Professional Email Subscription Box in Blogger
- Login to Blogger Dashboard >> Layout >> Add a Gadget
- Select “HTML/JavaScript” option
- Copy one of your favorite below Gadget Code and Paste it into HTML/JavaScript
#subscribe-box{width:299px;border:1px solid #aaaaaa;border-radius:2.98px;padding:2.98px 0} .subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodWubRVSdR5txnMfXcbcK9b3gtqOQaDWFkcR0grSojB76D-iIZpbPhOzJ71OlGzknM8GjQNXBpPhfF8_MtJqnLF42G0c0aaOsR8Axj9UxxUfhwJSsVDIgIXZfOAW5MQhT8r9K6KyjS6PO/s1600/background.png) repeat scroll 0 0 #ffffff;color:#111111;font-size:13px;line-height:19px;padding:1px 20px 10px;text-align:center;text-transform:uppercase} .subscribe-box-form{clear:both;display:block;margin:10px 0}form.subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj90VS5xr3tdmShlvOJZ73HNDfwn7vYSA62W6ypnFyhKUB1ts7qBlfDqig0cQnBQYgH2P6xZOaJCw2eKvRgBUwFH44oVaa5meP0uRt4dS0o43mIJSXke0E8DXuHW-gFpnDljmsxJHmkraYj/s124/icons.png) no-repeat 0 -26px;border:1px solid #cccccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 39px;width:99%} .subscribe-box-email-button{background:#0099ff;border:1px solid #0080ff;box-shadow:0 1px 0 rgba(254,254,254,0.5) inset, 0 1px 0 transparent;color:#ffffff;cursor:pointer;font-family:verdana;font-weight:699;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.5);text-transform:uppercase;width:100%} .subscribe-box-email-button:hover,.subscribe-box-email-button:focus{background:#179ffa} .subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;box-shadow:0 1px 4px rgba(0,0,0,0.6) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2);background:#FFFFFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4.2px 4.2px 4.2px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaaaaa;font-family:cambria;font-size:13px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}a.social-icons{margin-right: 5.1px;height:46px;width:46px;}a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}Subscribe To Our Email Newsletter to Receive Quality Updates Absolutely Free
bloggercell" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiLmw8bidAaHLjGA7uBjoHmq4XxDrpbPjhs1K99x__lxEvOr4WohVMPcxKTOGbT6s9si_2lnGsoN5ot6M_dMylXxqv2-DuSQNoCca5Rqnk0P3dHWXqcuc0eK8oNcoykyXUGH9J2_k54Lc/s1600/Subscribe.png">
Now it is time to Modify this Gadget
- Change all bloggercell with your feedburner ID
- To change the width simply replace 299px with different number that fits with your template layout. For example enter 350px to increase the width whereas write 270 to decrease the width
- For changing Background image simply replace "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodWubRVSdR5txnMfXcbcK9b3gtqOQaDWFkcR0grSojB76D-iIZpbPhOzJ71OlGzknM8GjQNXBpPhfF8_MtJqnLF42G0c0aaOsR8Axj9UxxUfhwJSsVDIgIXZfOAW5MQhT8r9K6KyjS6PO/s1600/background.png" with your own background
- Replace "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiLmw8bidAaHLjGA7uBjoHmq4XxDrpbPjhs1K99x__lxEvOr4WohVMPcxKTOGbT6s9si_2lnGsoN5ot6M_dMylXxqv2-DuSQNoCca5Rqnk0P3dHWXqcuc0eK8oNcoykyXUGH9J2_k54Lc/s1600/Subscribe.png" with your own image to change the subscribe widget logo
No Comment