Awesome RSS Subscription Widget with Turkey Bird

Awesome RSS Subscription Widget with Turkey Bird

Comments: 1
data:blog.title

subscription box

I have just created a beautiful RSS subscription widget that will attract your visitors to subscribe. This RSS subscription widget is unique with colored threaded border and Turkey Bird. Hope you will like it.  

Live Demo



Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 Click on "Add a Gadget" then select "HTML/JavaScript" Widget.

Step 4 Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.



<style>
.newsletter_box{display:block;width:285px;position:relative;height:150px;background:#FFF 30px 29px no-repeat url(http://3.bp.blogspot.com/-5u0VwIZMeng/UQtF_-LmVRI/AAAAAAAABL0/vuWmDZgGUrU/s400/BS%252Bturkey-rss-icon-ars-grafik.png);border:1px solid #E0E0E0;margin:1px auto}.newsletter_header{background:url(http://4.bp.blogspot.com/-uVpJ9a_5Cgk/UQvCm7a_6vI/AAAAAAAABNI/t6QSkCL-bes/s400/BS%252Brainbowborder.png) repeat-x;height:18px}.newsletter_box .news_title{display:block;width:190px;height:30px;font-size:22px;color:#929083;position:absolute;top:46px;left:120px;font-family:Segoe UI}
 .feedbutton .button{display:block;position:absolute;right:15px;top:105px;font-size:12px;font-family:Tahoma;border:0;padding:8px 15px}.feedbutton input{color:#FFF;background:#00a5f0}.feedbutton input:hover{color:#FFF;background:#F06;-webkit-transition:ease-in .3s}.feedbutton input:active{color:#FFF;background:#A5E919}.feednewsletter input.emailfield{width:150px;background:#EDEDE5;display:block;position:absolute;right:115px;top:107px;border:0;padding:7px}
</style>
<section class="newsletter_box  round-me" id="gonewsletter"><div class="newsletter_header"></div><section class="news_title"><strong>NEWS</strong>LETTER</section><br><span><div class="feednewsletter"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri='bloggerspice', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" name="email" class="emailfield" /><span class="feedbutton"><input type="submit" value="Subscribe" class="button" /></span><input type="hidden" value="bloggerspice" name="uri" /><input type="hidden" name="loc" value="en_US" /></form></span></br>
</section>
</div>


Customization:

  • Change bloggerspice with your name or ID

Speak Your Mind

thanks...this is really cool and unique.

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *