Using HTML Gadget to Display Islamic Widget in Blogspot

How To 15 Comments
Blogger-logo

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.

Embed code dialog windowThis 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.

Manage blogs in blogspotVisit 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.

Add a gadget diagram in blogspot layout managerLook 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.

HTML/Javascript gadget in Blogspot list

4. Insert the code in the Configuration Box.

Configure HTML / Javascript box to insert Alhabib islamic widget at BlogspotA 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.

Save the layout with the newly added HTML gadgetYou 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.

Like It?

Comments

About alhabib

alhabib
Alhabib is Editor in Chief of this blog and manager of the website: Alhabib - Coloring with Islam.

15 Comments

  1. Top Pink Netbooks 21-October-2010 04:20 Reply

    Just think, in three years there will be handheld devices outperforming today's laptops and netbooks. Pretty amazing how fast things are developing these days.

  2. Joel 12-October-2010 18:12 Reply

    These widgets are very helpful

  3. Download 11-October-2010 07:27 Reply

    As-Salaam Alaikum

    Thank you for great article but doesn't work for me,if give you my url,can you check for me ?

    Thank you so much for all things..

  4. Abdullah 11-October-2010 00:55 Reply

    Assalaam Alaikum can we use on wordpress ? or can you compatible with wordpress 3.0

    Thank you!

  5. Lloyd Mendizabal 4-October-2010 08:37 Reply

    I´ts shrewd to expect we make evolved so in so lowercase case when compared to opposite time frames. Ending 10 were conclusive when it comes to profession and gadgets

  6. Get Your Free iPhone 20-August-2010 19:38 Reply

    Have to say – thank you so much for this blog!!
    You don’t often find a good blog which isn’t just full of spam anymore :P

    I’ve already bookmarked it so I can come back to it! :D

  7. Ayub Bham 20-July-2010 16:36 Reply

    As-Salaam Alaikum
    how i can have Islamic Gadgets on my desktop

Post a Comment

Your email address will not be published. Required fields are marked *

*