Awesome RSS Subscription Widget with Turkey Bird

Awesome RSS Subscription Widget with Turkey Bird

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
Open Comment Box

thanks...this is really cool and unique.

Contact Form

Name

Email *

Message *