How to add Happy Diwali Widgets in Blogger and WordPress


add Happy Diwali Widgets in Blogger and WordPress

Add Happy Diwali Widgets in Blogger and WordPress

How to add Happy Diwali Widgets in Blogger and WordPress

Diwali is the Indian Festival peoples are Enjoy with their Friends and family members with crackers, poojas and Prepare delicious sweets For more about Diwali Festival Check the Wikipedia page.

Today Tutorial we are going to see the Method to add Happy Diwali Widgets in Blogger and WordPress.

  • This is the Key Widget for event bloggers
  • Help to attract the website/blog readers and visitor’s
  • its very simple & very lightweight Widget
  • Easy to Install and Configure


How to add Happy Diwali Widget in Blogger?

  • Open your Blogger Dashboard
  • Go to Template  and Choose Edit HTML
  • Use CTRL +F for Find the </body> Tag
  • Copy the Below Widget code and Paste it in the above </body> tag
<style>
 @media only screen and (max-width:480px) {
 .h_mbl {
 display: none !important;}
 }
 </style>
 <img src='https://4.bp.blogspot.com/-O8ms4XBGFys/WAZwvtn0lCI/AAAAAAAAEeA/wrXmt8PVqlg8X_vWs0HSQN2t6jtPCWwZQCPcB/s1600/mmdv-1r.gif' class="h_mbl" style='position:fixed; bottom: 0px;left:0px;border:none;z-index:5;'/>
 <img src='https://4.bp.blogspot.com/-O8ms4XBGFys/WAZwvtn0lCI/AAAAAAAAEeA/wrXmt8PVqlg8X_vWs0HSQN2t6jtPCWwZQCPcB/s1600/mmdv-1r.gif' class="h_mbl" style='position:fixed; bottom: 0px;right:0px;border:none;z-index:5;'/>
  • Save Template and check your Blogger blog

How to add Happy Diwali Widget in Wordpress?

Method 1

  • Login to your WordPress dashboard
  • Go to Appearance > Widgets
  • Add New text widgets Copy and paste the below code on the Widget text box
<style>
 @media only screen and (max-width:480px) {
 .h_mbl {
 display: none !important;}
 }
 </style>
 <img src='https://4.bp.blogspot.com/-O8ms4XBGFys/WAZwvtn0lCI/AAAAAAAAEeA/wrXmt8PVqlg8X_vWs0HSQN2t6jtPCWwZQCPcB/s1600/mmdv-1r.gif' class="h_mbl" style='position:fixed; bottom: 0px;left:0px;border:none;z-index:5;'/>
 <img src='https://4.bp.blogspot.com/-O8ms4XBGFys/WAZwvtn0lCI/AAAAAAAAEeA/wrXmt8PVqlg8X_vWs0HSQN2t6jtPCWwZQCPcB/s1600/mmdv-1r.gif' class="h_mbl" style='position:fixed; bottom: 0px;right:0px;border:none;z-index:5;'/>
  • That’s all Click save Button and check your WordPress website

Method 2

If your WordPress theme Have Insert Header and Footer script box Feature means Just add this code in the Footer box.if your theme does not have this Feature means Install Header and Footer WordPress plugin.

Customization

  • If you want Display this widget on your website/blog Header Just replace bottom and add top
  • If you want to display this Widget for your Mobile visitor’s Just Remove class=”h_mbl”
  • If you want to add you Own images just replace the default images with your image URL

Animated Diwali crackers clipart images

add Happy Diwali Widgets in Blogger and WordPress

add Happy Diwali Widgets in Blogger and WordPress

Updated – add Happy Diwali Widgets in Blogger and WordPress

If you want to display an Animated Firing rocket Just use the Below code [demo]

Installation Methods are same For Blogger add the above </body> For WordPress Follow the Method 2

 

 

If you Need any help in Installation and Modification Feel Free to comment here I will help you 🙂

Keep Join with us More Diwali widgets and Cliparts on the Way.

Advance Happy Diwali 2017 to all..!



Was this article helpful?
Thanks!

Your feedback helps us improve Allwebtuts.com