/ / / / / Add Floating Subscribe Buttons To Blogger Blog

Add Floating Subscribe Buttons To Blogger Blog

, , ,
Blogs readers asked for a floating widget that will display the subscribe buttons fixed as the page is scrolled to the top or to the bottom on his blogspot blog. So, I am going to share this simple tutorial to do this. It's very easy to add this widget on your blogger blog. I know you are excited about the widget.

Create a back up of your blog template before you edit it. To do this, navigate to "Dashboard->Template>Backup/Restore" and make a backup of your template by clicking on the "Download full template" link at the top. Now, follow these steps carefully. First of all see screenshot below for this widget. You can get our previous widgets here.

Recommend For You - New Floating Bar With Pinterest & Other Sharing Buttons
How To Add Floating Subscribe Buttons To Blogger Blog

Step# 1 Go To Blogger Dashboard >> Template >> Edit HTML

Step# 2 Search for the following of code in your template.

<div id='main-wrapper'>

Step# 3 Paste the following code just below the line you searched in step 2.
<div style='position: fixed; bottom: 1%; left: 1%;'><table border="0"><tr><td><a href="http://feeds.feedburner.com/YOURFEEDNAME" target="_blank"><img alt="Rss Feed Options" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSP-6vzSnJc3oiqDGN2k7Vxiv0nXwC7Ld3O1fGSsROLiCHeVnPOPIlSFHmtKJHGsODiMdm7xqILJ9TpFxB2DjXm7KbjXX3uigZ9hBN0-hs1tmMIBCCM2V4y5ttwGhNXhHNqLsBzeM1tMY/s800/RSS%20Tab.gif" /></a></td><td><a href='http://feedburner.google.com/fb/a/mailverify?uri=YOURFEEDNAME&loc=en_us' target="_blank"><img alt="Subscribe Via Email Rss" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoBMFcqRtoGZCab8bhv1d0TEyBYTxMRRA7Zz16d_YGbixKb-Nsw0H6Y5UPH3YIIFOQa6DgkfzeNl8xqHan_sYO42sR0pLM7CaiSdOpRStvZmXs_dHYbpGd4QowmxmIrD2RYXt1L_-vPc/s800/Email%20RSS%20Tab.gif" /></a></td></tr><tr><td><a href='YOUR FACEBOOK PAGE URL' target="_blank"><img alt="Find Us On Facebook" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_-3ge4S1oQ9mILn0ZuENQDmj8_-WLg2NNEZRs-ZEDZy1fpmR4JVmpE82YdTLShSDvtooMuqelRfdgZ0rS89GwiTYB55u6fGmpmHsHJ8BozJvyg6aKmhkI_DRi-4h93W-CmO7RQPKnsOc/s800/Facebook%20Fan%20Tab.gif" /></a></td><td><a href='http://twitter.com/YOUR TWITTER USERNAME' target="_blank"><img alt="Follow Us On Twitter" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8Xmm4socQRRNocVJSaIi6gHfyQOEODbZ_LDozwYbfr1pRmw9n8VZnaJw3ivanA-3PtdP-3EPh-oPxTP0v5_-uwmZY_iyUAuk8jh4_aQfXDoYCKsumn_F0Uxuyeegs5VtVlUobcq8BtU/s800/Twitter%20Follow%20Tab.gif" /></a></td></tr></table></div>

Remember Note: You may add the above code as "Page Element" too. Just navigate to "Blogger Dashboard >> Layout >> Add Gadget" from blogger dashboard and choose "HTML/JavaScript" and paste the code in the window that appears and save it.

Step# 4. That's it!!! Save your template!!!
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment