Friday, January 16, 2015

How to add a custom gadget to Blogger

We add a custom gadget to enhance the look and feel of our blog. In the previous tutorial I explained how to create a custom navigation bar for your blog. In this tutorial I am going to explain how to add a custom gadget to your Blog. Follow the below step by step process:

Blogger

1. Open you Blogger dashboard and click on Layout option from left pane of the webpage.

step 1

Technorati Tags: ,

2. Click on Add a Gadget (Highlighted in the above screen shot). A new Add a Gadget page opens up.

Add a gadget page

3. Add a HTML/JavaScript gadget by clicking on step 21. A new Configuration HTML/JavaScript page opens up.

Configuration page

4. Enter your gadget name in Title section and your HTML code in content section and click on save.

custom gadget content

5. A new custom gadget is added to your blow.

preview

6. Click on Template then Edit HTML. Search for ]]></b:skin> and paste your CSS Style code just above the ]]></b:skin>

7. Save template.

If you have any queries or feedback please do let me know in comment section.

You may like:

How to create a custom navigation bar.

6 comments:

  1. The above shared artricle is really very good, it helped me a lot. Thanks for sharing.

    Dell Tech Support

    ReplyDelete
  2. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training India. Nowadays JavaScript has tons of job opportunities on various vertical industry.




    Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from JQuery Training

    ReplyDelete
  3. Succeed! It could be one of the most useful blogs we have ever come across on the subject. Excellent info! I’m also an expert in this topic so I can understand your effort very well. Thanks for the huge help. www.gadgetcouncil.com

    ReplyDelete
  4. The china gadgets come with the best price and look cool. If you are looking to open the electronic store it's advisable to buy gadget from china market as there are varieties of gadgets found for the cheaper price. Ashutosh

    ReplyDelete
  5. I'm shakshi.I am working in India top most Escort service Mumbai Call girls.If u want to join the all facility of escorts Puri call girls
    pls call me & whatssap Cuttack call girls
    visit the sites. Bhubaneswar call girls

    ReplyDelete

badge