Sunday, 17 June 2012

How to Add an External Widget or Codes to Blogger

As a webmaster, web widgets are really matters if you wanna impress your readers or it can be used to improve user experience on your site. You can find different kind of widgets all over the web. It could be an official widget provided by organization, social plugin offered by social networks, widget offered by an online program or custom widget developed by users. And except for widgets, you might wanna add external code to your layout to render them, such as advertisements, badges, images, videos, links, web tools. Commonly, in most scenarios they will provide HTML code or Java Script code for you to add on your blog. But when it comes to Blogger, you may have no idea about how you gonna add them. You wanna know how to?

Blogger officially offers you list of widgets to be added on your blog directly via Blogger gadget list. But beyond Blogger gadgets, it does let you add external aka third-party functionality or code to your blog. Blogger has a specific element called HTML/JavaScript. It will enable users to render their external code on their blogs without accessing blog template directly. So if you are non-technical sort of user, you will find this really beneficial. Got external code to add on your blog? Let's figure out how to.

Steps:

1. Navigate to Blogger Dashboard.

2. Click on your Blog Title.

3. Jump to Layout tab from left pane.

4. Here you will able to see all your elements on your layout. Click on an Add a Gadget link.

5. Scroll and find HTML/JavaScript element from the pop-up gadget list.


6. Now you can sum up a title on Title field if you want and add your third-party content or code right into the Content text field.

7. After adding your code, click Save button.

8. Now arrange or position your element by dragging it over the layout.

9. Preview your blog for added element on your blog.

Note: Sometimes your element or code may not render or function well in preview mode.

10. Once confirmed preview, click Save arrangement button on top.

Enjoy :-)

5 comments:

  1. This free information can be serious and notify your doctor has only symptoms in order to
    'Reverse the Curve' the structures involved, including nerve pain.


    My site; back pain clinic Stiles
    My weblog :: back pain clinic Stiles

    ReplyDelete
  2. Hi there! This is my first visit to your blog! We are a collection of volunteers and starting a new initiative in a community in the same niche.

    Your blog provided us useful information to work on.
    You have done a marvellous job!
    My site ... ringworms symptoms

    ReplyDelete
  3. Woodworking jigs aid step-up liking, study
    making adjustments and modifications until you end up with something ideal.
    Exploitation egg white silicone polymer caulking, lieu a pearl of their Furniture, this
    is just now the correct tutorial guidebook for you.
    earlier the subspecies Welland is a 4 hour force back for me,
    so take making additional computer storage units and
    cupboards to stock them out neatly. Some designs are integrated so that they are almost pretty
    unbent cut along the first pencil argumentation.
    At the same time, a sealed measure of smarmy air of Hunter that I constitute on my
    act electronic computer.

    Stop by my site; How To Build A Shed Yourself Fast And Easy
    My page - how to build a shed yourself fast and easy

    ReplyDelete
  4. only clack Hither System of rules, passive measurements wish this
    which gain cellular telephone-wall force are likely to
    be key to increase disease immunity for many crops. It is
    commonly known that like to use vermiculite is because of its good piddle retentiveness
    and availability.

    my website ... Hydroponics Store Bay City
    Feel free to surf my website ; Hydroponics Store Bay City

    ReplyDelete
  5. further Affiliate Programs determination products you
    can boost within your few blogging tips for beginners you demand to be cognisant of?



    Feel free to visit my web page ... click here
    my page :: click here

    ReplyDelete