Show Mobile Navigation
,

Add a Multi Color Social Subscription Widget Below Post

Hemant Verma - 1:14 PM

Our team this time comes with a very simple and unique multi colored social subscription widget which will embed after every post means at the end of the post. This widget is simply made by simple html codes and there is no JavaScript codes so you can easily install the codes in your blog and it's look is very fab and gives a professional look to every blog and this widget include the Facebook, Twitter, RSS Feeds and Email features. You will surely gonna love it.




Live Demo


Add Multi Colored Subscription Widget

  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML > Proceed > Expand Widget Templates
  • Press Ctrl + F and search the code shown below.

<data:post.body/>


  • Paste below code after above code.

<b:if cond='data:blog.pageType == "item"'>
<center>


  <p><img title="SubscribeHeader" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHrgR5Lq0YMJR7rXhPr-9NkZ1kYNO9aBHe4B53db21VuXAvEsWfSL2Oj06aKpUrodDF8npA85d9NjONpq5fRZhksupkYne854q6V_X-n-iHSnvHJ_FqCOkF7hNB4crAZou-UrFtEItxmNt/s1600/susbcribe.png" alt="Widget Generators"/> <br/><a href="http://feeds.feedburner.com/WidgetGenerators" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_v682MktJEdledILhEoNcRNiJFmE_fedTyUYaYYA2TPuKlDsF5WztXP9k9DpTOEmS4sgUmLqv9aKTe5whZboFc_f01EsJz_ZplomI3jRFLSGolzoD9hbZ09-FUisWkMfe6I4dGWv6ymBz/s1600/CieraDesign-Facebook.jpg" alt="WidgetGenerators-Facebook" width="171"/></a> <a href="http://facebook.com/WidgetGenerators" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9OBoq-YmMQyjCVLIpdm9d9g-2EJivpAfasxKnSRfcLc322VxCsZ9wpDrq7e_M7cxuDWNsYQNIvdVFb8fxXn4uyA3aENtju5ZgLICzYr_8LMi9WSfMJpDViJuzcbS2v32aOIWYYl5T0S8/s1600/CieraDesign-RSS.jpg" alt="Widget Generators - Facebook" width="171"/></a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=WidgetGenerators" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqKs0jSt_gJ1IXT7fBGssDVI0FVf04hgF9fe9xq3RsYVqclGLxzAmJDB-f1k9de4X_BpAOVoOAn_qQVKJ_-LuoP91AuZR2hOIgCa6dvRxD8ni81YDGLI-EjoJoJMOiEkkkzTLpw1WpOxP/s1600/CieraDesign-Email.jpg" alt="Widget Generators - Email" width="171"/></a> <a href="http://twitter.com/WidgetGenerator" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyLZODQRfST7LoNEGVReDuZsTF2wh_i4KzO44XLw4DJp-u4FJrp70ogfvRGhb8CfA5TYD23pokw5xE0giy9NvcAd4X62M5IStNyONmt828o0lmNRQgYwn3ifNc9zrivFg2QZE8-OzvOrk0/s1600/CieraDesign-Bloglovin.jpg" alt="Widget Generators - Twitter" width="171"/></a></p>

</center>
</b:if>


  • Save Your template and You are done.



Make Changes....!

  • Replace it WidgetGenerators with your RSS username. (2 times)
  • Replace it WidgetGenerators with your Facebook page username.
  • Replace it WidgetGenerator with your Twitter username.



2 comments:

  1. Very informative post. But I have also used these tasks for my site seo. I'll try to adopt your tips for few time to check if it really helps my site's seo. Also visit Free Likes and Tech Blog Thanks for sharing the article!twitter

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS