How to Add an Animated Ramadan Lantern Widget in Blogger

Advertisements
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 “MyBloggerLab” 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 MyBloggerLab.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 implant this on their websites including WordPress and etc.

Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

33 comments

July 18, 2013 at 3:51 AM

Really appreciated sharing boy Rmzan at least you are thinking deeply about Ramzan great post but here's my advice please attach Demo button

July 18, 2013 at 4:04 AM

Nice one bro, seriously like it

Editorial Team MOD
July 18, 2013 at 4:49 AM

If you see at the header "MyBloggerLab". There is Live Demo Attached!

Cheers!

July 18, 2013 at 5:11 AM

Thnx

July 18, 2013 at 7:50 AM

Love it so much! thank you!!! <3

July 18, 2013 at 11:14 AM

شكرا :)

July 18, 2013 at 11:38 PM

wow great brother.
Brother one moer question
I applied for Google adsense and approve in first review. but after four day my application sisapprove in 2nd review Because of does not comply with Google webmaster policy.
Brother i receive 2000 visitor/ day 90 % from Google Search engine. and on friday receive 5000 - 6000 visitor. brotehr please help me i am so worry please chekc my site and suggest me so that my application could approve. thanks in advence.
I applied for adsense on 12 july. please also suggest me now when i apply for adsense?
my site: w3mix.com

.
July 19, 2013 at 12:50 AM

Amazing..... Added to my blog. Thank you!

Check it now @ hari11888.blogspot.in

July 19, 2013 at 2:43 AM

maybe we can do the same using 10 image then applying css/jquery and javascript to do the task. Flash is not supported in iphones which is still a major compatibility issue, syed.

July 19, 2013 at 3:49 AM

MA SHA ALLAH.
Yet another Great element by MYBLOGGERLAB.
I love it.
Thanks for sharing.
JAZAK ALLAH.

July 20, 2013 at 3:36 AM

Nice Bro

I added it to my all blogs.

July 22, 2013 at 12:25 AM

Dear it is not working on my blog at mohsinalisoft.blogspot.com when i am add this coding into my template the footer of the template is increase and become blank can you help me

July 22, 2013 at 4:49 AM

wow it's good,,

July 22, 2013 at 8:44 AM

Awesome!! Check in my Blog http://blogmamen.com

Thank You - Shukran...

July 22, 2013 at 9:02 AM

Nice one, really love it

July 23, 2013 at 2:51 PM

Great Article ... I was searching for it for a couple of days ... Thank You Very Much :D

July 24, 2013 at 2:19 AM

widget is working but my blog footer increased ............feeling bad is there any suggestions? please help. if anybody knows how to resolve this problem please help ..thanks in advance

July 27, 2013 at 4:06 PM

Hey Dear,
Very good work, Ramadan widget is pretty much beautiful animated design. I am very happy get it free. Thanks for the great work.

July 28, 2013 at 5:42 PM

Can you help me. This widget gave me a problem on my blog and I really need to remove it. Since I got this widget, I see between the blogs I follow, one blog I have never seen in my life. It's full of porn. And really I dont want this! But I cant remove this ramadan widget and I can only cry right now. I dont want that blog on my blog, please can you help me remove this widget =[. How can I be the only one with this problem?? I really dont know how to remove it and I worked so hard on my blog. I worked two years for it =[! Please help me!

July 28, 2013 at 6:40 PM

Ow I finally removed the widget, but for some reason I still have the weird blog in my follow list, while I have never followed that one before. It's really a pity because I love this widget, but for some reason my blogger does weird because of it =[.

August 4, 2013 at 7:15 AM

How to Add Animated Idul Fitri Lantern in Blogger? Please.. :-(

August 20, 2013 at 2:21 PM

nice widget i love it

April 15, 2014 at 11:40 PM

Alhamdulillah beautifull widget, want more islamic widget :) . .

June 30, 2014 at 9:55 AM

Awesome man !!! But How to add it in wordpress?

June 30, 2014 at 11:01 PM

Just awesome thank you Syed sir :)

Editorial Team MOD
July 5, 2014 at 8:05 AM

Add the coding in your Sidebar widget. It will work the same :)

June 11, 2015 at 7:04 AM

شكرأ لك
http://magiccombe.blogspot.com/

Anonymous
June 15, 2015 at 5:44 AM

You should repost this lovely widget Syed. Ramadan is near.

June 17, 2015 at 6:23 AM

Thanks... I really liked this widget and also added this to my blog on this Ramadan :)

http://programmervshacker.blogspot.com

June 17, 2015 at 6:24 AM

Can't the text "Ramazan Karim" changed into black? because in Templateism's Modern Mag blogger template, The Text is not showing because the text is also in white and the background is also white..

June 19, 2015 at 3:36 AM

Nice widget, thanks for share

June 19, 2015 at 2:46 PM

Thanks, that's beautiful: http://www.ibrahimcs.blogspot.com
Ramadan Kareem.

April 26, 2016 at 10:00 AM

It can not work

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.