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.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 “ProBloggersCafe” 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.

<!--  Ramadan Lantern By Probloggerscafe.blogspot.com --><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 implement this on their websites including WordPress and etc.
Happy Blogging ... Roger Out !

Read More

How To Really Write Killer Blog Posts To Attract More Visitors

While having a catchy headline results in getting more people to click on your link in search engine result pages and social media feeds, but having a good title only cannot do anything alone.

You need to feed your readers as much as you at the best quality possible. Hence, its must for you to write killer posts for moving up at the ladder of success. Writing killer posts is not as hard as it may seem and for doing so, here are few simple steps to be followed that are unfolded below.

Read More