Advanced Social Subscription Widget For Blogger Blog

After a long gap I am back again to share you a very useful widget for blogger blogs. I have named this widget a advanced social subscription widget. This widget contains Feed burner feed count, Twitter follow me  , Facebook fan page icons as well as subscription option that helps to increase the readers of your blog. This widget help to increase social exposure of your blog in social networking giants like Facebook and Twitter.For more info you can see the demo.And sorry for my bad English :)

Advanced Social Subscription Widget For Blogger

Before starting this tutorial i recommend you to backup the blogger template.(Learn How to backup templates on blogger older interface & How to backup templates on blogger new interface.)
  • For Older Blogger Interface : Go to Blogger > Design >Edit HTML>Expand  Widget Template .
  • For Newer Blogger Interface : Go to Blogger>Template>Edit HTML>Proceed>Expand Widget Template.
  • Then search (CTRL+F) for ]]></b:skin> and add the below code just before  ]]></b:skin> .
#social-widget{width:260px;margin:10px 0;padding:10px;text-shadow:1px 1px 1px #fff}div#social-widget input[type=&quot;text&quot;]{width:120px;color:#5f6466}#social-widget h3{margin:0 15px 20px 0;color:#3D3E3E}.rss-com{background:url( no-repeat top left;float:left;height:50px;width:70px;padding:5px 0 0 55px;color:#FD6B36}.rss-com a{color:#f38e33}.rss-com a:hover{color:#FD6B36}.feed-count{font-size:1.4em;font-weight:bold}#feedform{margin:10px 0 0 0}.twitter-com{background:url( no-repeat top left;float:right;height:50px;width:50px;padding:5px 0 0 55px}.twitter-com a:hover{color:#0B4978}.tweet-count{font-size:1.4em;font-weight:bold}.fb-com{background:url( no-repeat top left;height:50px;width:200px;margin:10px 0 0 0;padding:10px 0 0 55px;float:left;font-size:1em;font-weight:bold}.email-com{background:url( no-repeat top left;width:250px;padding:10px 0 0 55px;float:left;font-size:1em;font-weight:bold;margin:0 0 10px 0;color:#686B6C}.emailsubmit{background:#9B9895;cursor:pointer;color:#fff;border:none;padding:3px;text-shadow:0 -1px 1px rgba(0,0,0,0.25);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font:12px inherit}.emailsubmit:hover{background:#285687}
  • Save the template.
Then next step is to add the HTML code on your blog. For that follow the process given below:

For Older Blogger Interface: How To Add?

  • Go to Blogger>Design>Page Element
  • Click Add a Gadget option
  • Select HTML/JavaScript option. Paste the html code provided below.
  • Save the Gadget.

For New Blogger Interface: How To Add?

  • Go to Blogger (NoteIf  you are managing more than one blog then choose the blog you want to add News Widget)
  • Then go to Layout option
  • Click Add a Gadget option
  • Select HTML/JavaScript option. Paste the html code provided below.
  • Save the Gadget.

Add Below HTML Code On Your Blog

<div class='clearfix' id='social-widget'><div class='rss-com'>
<a href='' title='RSS Feed Subscription'>
<img src=";fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>
</div> <div class='twitter-com'>
<a href='' title='Follow On Twitter'>
<span>Follow Me!</span>
<div class='fb-com'>
<a href='YOUR-FACEBOOK-URL' title='Facebook'>Facebook Page</a>
<div class='email-com'>
Subscribe via Email
<form action='' id='feedform' method='post' onsubmit=';;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='textarea' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}' onfocus='if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter email address here'/>
<input name='uri' type='hidden' value='gulmiresungacom'/>
<input name='title' type='hidden' value=''/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailsubmit' type='submit' value='Submit'/>
</div> </div>
<div style='clear:both;'/></div>
  • Replace with your feed burner URL
  • Replace;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" with your feedburner feedcount image
  • Replace YOUR-TWITTER-USERNAME  with your twitter username
  • Replace YOUR-FACEBOOK-URL  with your Facebook username
  • Replace gulmiresungacom  with your feed burner username
Save the widget and you are done.

If you have any question then feel free to ask. You can use blogger comment box to put your quires



Aastha Band,1,Alcatel,1,Android,17,Android One,1,Anju Pant,26,Apple,18,ARK,3,Badri Pangeni,1,Basanta Thapa,2,Bhojraj Kafle,2,Bima Kumari Dura,6,Bimal Raj Chhetri,2,Bindu Pariyar,5,Birahi Karki,1,Bishnu Khatri,2,Bishnu Majhi,8,Blogger,130,Blogger Templates,16,Blogger Widgets,57,Blogging Tips and Tricks,74,BQ,1,Car Price in Nepal,2,Celkon,4,CG,1,CG TV,1,Colors,9,Computer Tips,58,Dashain,1,Dashain Tihar Songs,43,Datsun,1,Deepak Limbu,8,Dell,2,Deuda,1,Devi Gharti,30,English Jokes,24,Entertainment,965,Facebook,39,FIFA World Cup,2,Fonts,5,Free Giveaway,6,Free Icons,3,Free SMS,5,Gallery,9,Gionee,4,Google,16,Google Plus,5,Guest Post,32,Gurung Movie,2,Hemant Sharma,4,Hemanta Shisir,18,Hero,1,Hindi Jokes,5,Hollywood,1,How To,41,Huawei,15,Hum Gaire,2,Increase Blog Traffic,14,Indira Joshi,4,Info Dose,426,Internet Tips,92,Intex,1,Jokes Collection,97,Juna Shrish,6,Jyoti Magar,1,Kalpana Devkota (Poudel),6,Kamal Shrestha,1,Karbonn,1,Kauda Song,2,Keshu Gurung,1,Khuman Adhikari,9,Komal Oli,1,Korean Songs,1,Krishna Gurung,2,Kulendra BK,3,Laptop Price,2,Lava,5,LG,6,LG TV,2,Load Shedding Schedule,19,Lok Dohori Songs,268,Magar Bhasa,2,Mandavi Tripathi,6,Manju Poudel,2,Manoj Raj,7,Melina Rai,1,Micromax,12,Microsoft,2,Mobile Phone Price in Nepal,110,Movie Promo,91,Muna Thapa Magar,7,Narendra Pyasi,17,Ncell,18,Nepali Cricket,7,Nepali Full Movie,116,Nepali Jokes,72,Nepali Model,1,Nepali Movie Songs,199,NTC,22,Obi Worldphone,2,Online Banking,4,Online Earning,8,Page Navigation,4,Panasonic,3,Panasonic TV,1,Pashupati Sharma,5,Philips TV,1,Photo Gallery,7,Pinterest,2,Pokemon Go,1,Pop and Adhunik Songs,206,Poster Release,115,Prakash Katuwal,4,Pramod Kharel,11,Purnakala BC,29,Puskal Sharma,1,Radhika Hamal,6,Rajan Gurung,1,Rajesh Payal Rai,6,Rajina Rimal,11,Raju Gurung,2,Raju Pariyar,5,Ram Krishna Dhakal,4,Ramji Khand,15,Rishi Khadka,1,Roila Song,4,Roshan Gaire,1,Sabina Gurung,1,Salaijo,4,Samsung,24,Samsung TV,4,Sarada Tamang,1,Sardarji Jokes,5,SEO Tips,6,Sharmila Gurung,2,Shiva Pariyar,20,Shreedevi Devkota,2,Sindhu Malla,1,Smart Phones,23,Smriti Pun,1,SMS,1,Software Download,14,Sony,3,Sony TV,1,Sudip Adhikari,1,Swaroop Raj Acharya,10,Tata,1,Technology,272,Teej Song,49,Tejas Regmi,2,Tika Pun,16,Top List,2,Trishna Gurung,8,TU Notice,10,TV Price in Nepal,10,Twitter,8,Two Wheeler Price,2,Udit Narayan Jha,4,Useful Tools,10,Useful Websites,73,Videcon,1,Wallpapers,4,Windows 8,2,WordPress,2,Xiaomi,8,Yam Chhetri,4,Yamaha,1,YouTube,13,Zopo,2,ZTE,1,
item Advanced Social Subscription Widget For Blogger Blog
Advanced Social Subscription Widget For Blogger Blog
Advanced Social Subscription Widget For Blogger Blog
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy