January 27, 2010
Some of you reported difficulties using the automatic post to insert alhabib islamic widgets in your blogs. Some got error messages, while the others reported failed notes. Still some others experienced other types of difficulties so that they cannot put the widgets automatically into their blogs.
So, there are many ways to Rome. In this tutorial, you will learn, step-by-step, how to display or insert the islamic widgets on your Blogspot blogs, manually.
Using the HTML Gadget
1. Copy the embed code for a particular islamic widget.
This code is available after you click the BLOG ME button on every widget configuration page. You can copy the embed code by clicking the text box or the COPY button.
2. Enter your Blogspot’s Dashboard.
Visit www.blogger.com and enter your Dashboard by providing your Google account’s email and password. If everything is okay, you will be presented with a list of blogs that you can manage. Click the LAYOUT button on the blog list that you want to insert the islamic widget into. A diagram of your blog’s layout with its elements will be displayed.
3. Add a new Gadget.
Look for an ADD GADGET button on your blog’s layout diagram. Depending on your theme, such button can be anywhere and more than one. Choose the one on which position you want to show the islamic widget.
A new window will be presented where you can choose HTML/Javascript Gadget as shown below. Click the PLUS button to continue with the insertion.
4. Insert the code in the Configuration Box.
A new window with a box titled: HTML/Javascript Configuration will be presented. There you can give the widget a title which will be displayed along with it. In the content area, paste the embed code that you have copied in step 1. You can do it by pressing Ctrl-V or right-click with your mouse and click Paste on the displayed menu. Then press the SAVE button at bottom right.
5. Save the changes to your blog’s layout.
You will be directed back to the layout page of your blog and a message will tell you that a new element has been added. The newly added gadget will be represented by the title that you have given in the previous step.
On the top row, you have the choice to PREVIEW your changes. If you are satisfied, do not forget to SAVE the modified layout.
Ok, that is all the steps that you need to take to manually inserting the islamic widget on your blogspot blog. I hope I am clear enough in explaining.
Download Islamic Calendar Rabi’ul
The story of Malik ibn Dinar
Muharram 1433 AH Calendar Available as PDF
Islamic Calendar 2012 Available for Download
Eid ul Adha: Trial of Love of the Beloved
salaam i want to post calender in face book account pls help me
Thanks for the instructions, it really helped!
when i post it in my profile the flash is not changing unless u press the i butten i wana fix this
why blogger asking now to add title in adding new widgets in title section i am sad
MÃ…LERI
thank you for the instructions
salam aleikum me gustaria como puedo caragar estos gadgets a mi espacio hotmail ya llevo intentando muchos dias y no puedo porfavor me lo explicas gracias
whenever i click the 'blog me' button, it didn't even pop out. i know i had waited, until my lptop's screen turned black several times but still i didn't get the embedded code. i've been doing these for the past months but still can't access the code. i like your gadgets so much and i wanted to put it into my blog but the embedded code just don't appear. Are there any other ways? or i guess it's just not my luck…huhu~
With what browser did you open the page. It requires javascript and flash plugin, which are usually installed or turned on by most browsers.
Alhabib Islamic Web Service
http://www.al-habib.info
coba langsung di masukin htmlx sekalian!!
hiiiiiii h r you
I am fine …
I was just surfing internet in regard to Islamic gadgets .. i have seen your blog .. And from there I got an idea to make my own website and made a show room of Islamic gadgets.
Regards