Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
» APC – December 2017
Thu Nov 09, 2017 7:28 pm by Admin

» iCreate UK – November 2017
Thu Nov 09, 2017 7:25 pm by Admin

» Transformers First Strike #1 [2017]
Thu Nov 09, 2017 7:19 pm by Admin

» Batman – Lost #1 [2017]
Thu Nov 09, 2017 7:15 pm by Admin

» Movavi PDF Editor v1.0 Multilingual
Sat Oct 14, 2017 9:59 pm by Admin

» Fast Bikes – November 2017
Sat Oct 14, 2017 9:56 pm by Admin

» Success: The Psychology of Achievement by DK
Sat Oct 14, 2017 9:54 pm by Admin

» The World’s Scariest Places by The Editors of LIFE
Sat Oct 14, 2017 9:51 pm by Admin

» Hunting Pirate Heaven: In Search of Lost Pirate Utopias by Kevin Rushby
Sat Oct 14, 2017 9:50 pm by Admin

RSS feeds


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 



How To Add Retro Style Rss Subscription Widget For Blogger

View previous topic View next topic Go down

How To Add Retro Style Rss Subscription Widget For Blogger

Post by Admin on Sun Jun 02, 2013 12:59 am

This
tutorial is meant to show you how to add Retro Style rss feed
subscribe box for blogger. This is unique widget. Your visitors can
subscribe Rss news feed form this widget. It will help to get
pageview for your blog.


1. Log in to blogger account

2. Now select "Layout"

3. Click Add Gadget and select 'HTML/Javascript

4. Paste below one of below code.

Code:
<style>

#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px;  }

img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
 
 background:
url("http://2.bp.blogspot.com/-j-CXUeGodJI/T0H9qpD6cjI/AAAAAAAAAI8/uuryDfQYWVI/s1600/mailbox.png")
 no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 120px;
}
.ebutton {
    background: #D55959;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a
 href="http://facebook.com/yourstech" rel="nofollow" target="_blank">
 <img class="beintouch"
src="http://2.bp.blogspot.com/-NuK5y-gO46Y/URoPuaRX36I/AAAAAAAAGvM/dXyVF3SaTHU/s1600/yourstech-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/yourstech"
 rel="nofollow" target="_blank"><img class="beintouch"
src="http://2.bp.blogspot.com/-d1_O0ki5Muk/URoPu8yXvBI/AAAAAAAAGvs/jAIKiDZ76VU/s1600/yourstech-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/yourstech"
 rel="nofollow" target="_blank"><img class="beintouch"
src="http://1.bp.blogspot.com/-Eiup_nW2ZKM/URoPuQtPP_I/AAAAAAAAGvQ/8YM4qXuzNRo/s1600/yourstech-pinterest-icon.png" /></a></td><td>
<a
 href="https://plus.google.com/107955298793879607964" rel="nofollow"
target="_blank"><img class="beintouch"
src="http://3.bp.blogspot.com/-fSMn88IbMzI/URoPuTkJ71I/AAAAAAAAGvU/7EjpWnBYAP0/s1600/yourstech-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/yourstech"
 rel="nofollow" target="_blank"><img class="beintouch"
src="http://1.bp.blogspot.com/-kb9t36s2YMw/URoPu6ZWQ0I/AAAAAAAAGvg/7CQVi-gg3BQ/s1600/yourstech-rss-feed-icon.png" /></a><a href="http://yourstech.com/"></a></td></tr>
</tbody></table>
<div>
<center>
<b>Get Newest Articles By EMAILS </b></center></div>
<form
 action="http://feedburner.google.com/fb/a/mailverify" class="emailform"
 method="post"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=yourstech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="yourstech" />
<input name="loc" type="hidden" value="en_US" />
<input
 class="emailtext" name="email" onblur="if (this.value ==
"") {this.value = "Enter your
email...";}" onfocus="if (this.value == "Enter your
email...") {this.value = ""}" type="text"
value="Enter your email..." />
<input alt="" class="ebutton" title="" type="submit" value="Subscribe" />
</form>
</div>

For social media icons, you can change URLs as your link.
Replace yourstech with your Feedburner ID

7. Now save your HTML/Javascript'.

Admin
Admin

Posts : 2759
Join date : 2012-06-08

View user profile http://yourforum.americantalk.net

Back to top Go down

View previous topic View next topic Back to top



 

Permissions in this forum:
You cannot reply to topics in this forum