How to Add an Animated Ramadan Lantern Widget in Blogger

Have you ever thought about decorating your Blogger Blog with something especial on the glorious occasion of Ramadan? The ninth month of the Muslim year, in which strict fasting is practiced from sunrise to sunset. Recently, one of our users asked us about How to add an Animated Ramadan Kareem Lantern in Blogger to make his website look religious in this holy month of Ramadan. Therefore, today in this article, we will show you how to add an Animated Ramadan Lantern in Your Blogger Blog.

How it Works?

If you are curious to know how this widget looks like, then scroll back to the header of “Blogger Unlocker” and you would notice a Lantern spinning in both directions up to 180 Degree in a motion with a glowing Ramadan Kareem text written in Arabic. Below we have attached an image preview just in case if we make a decision to remove it in the future.

Note: This Animated Ramadan Lantern is built with Adobe flash so if anyone who is running a browser without Flash would remain unable to see it working. However, nowadays, everyone is running on Smartphones and reliable operating systems like Windows 7 that has built-in Flash Installed, so it would certainly not create any big issue of compatibility.

Since, you are adding it through Iframe so it would not consume a lot of memory of your site. In other words, it is pretty light-weight and hardly effects the speed of your website.

How to Add Animated Ramadan Lantern in Blogger?

The First thing you need to do to is go to Blogger.com and login into your Google Account. After logging in, you will be redirected to Blogger Dashboard. Now go to Your Blog >> Template >> Edit HTML and search for the ending </body> Tag. On finding the tag, just above it paste the following piece of code.


<div align="center">
<table border="0" width="900" cellspacing="0" cellpadding="0">
<tr>

<td width="900" height="0">
<div style="float:top right; position:absolute; overflow:visible; left:45px; top:0px; height:192px; width:144px z-index: 9999;">

<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="192" height="144"><param name="movie" value="http://mybloggerlab.com/Scripts/stardima.swf"/><param name="quality" value="High"/><param name="wmode" value="transparent"/><embed src="http://mybloggerlab.com/Scripts/stardima.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="192" height="144" quality="High" wmode="transparent"></embed></object>
</div>
</td>
</tr>
</table>

</div>

Congratulations: Once everything is done, simply press the “Save” button and Animated Ramadan Lantern is ready, and good to be live on your website. Now go and check your website to see the Animated Ramadan Lantern in your Blogger blog.

We hope this widget would help you in decorating your blog with something new in this Ramadan. Please, test it on your blog or websites and let us know what do you think about it? Let us know about your thoughts by leaving a comment below. Lastly, do not forget to help us out by spreading the word.

Remember: This gadget is not only for Blogger users. Any platform that supports HTML and Flash could easily implant this on their websites including WordPress and etc.

You May Also Like