Skip to main content

How to add HTML or JavaScript code

Have you ever looked at your Blogger template and thought it looks a bit…Boring? But then you go to change your template and none of the available options seem to have the features you want. You scroll through Blogger’s list of extra features and widgets and still just can’t find what you need. You may find yourself wondering, “How do I make my blog stand out from the crowd and properly engaged the user?”

Blogs are designed to be “clean” and provide a distraction-free reading service, but sometimes the specific purpose or mission of your blog demands something a bit more dynamic and interactive. However, building an entire website of your own from scratch to accomplish what you want would be impractical, or maybe impossible for you due to the amount of HTML, Javascript, and other coding languages involved.

Luckily there is a kind of middle ground. Blogger allows you to create and add bits of HTML and Javascript to your Blogger blog, so that you can insert the kind of functions you want by creating custom widgets. These widgets, also known as gadgets on Blogger, are small tools or applications that can be added to a website or blog in order to create whatever function you need, in essence, or to bring in content and services from third-party websites. The diversity of these widgets (or gadgets) is almost as unlimited at your imagination. You can create countdown tickers, photos, games, or interactive applications that allow you to connect to your social media platforms and even chat right from your blog—making it a lot easier to keep up with your readers! Blogger widgets can also help you track your popularity, such as by listing your blog followers, and they can help you reach more people, for example by allowing readers to subscribe to your blog content. The following tutorial will step you through adding HTML and/or Javascript to your Blogger blog so that you can make it as dynamic and interesting as your written content:

Add HTML or JavaScript code to your Blogger blogs

Sign into your account. You will be taken to the Dashboard. Click on "Layout" of your blog - see image below:

click layout on blogspot

You'll be taken to the "Layout" page. Find an empty slots with "Add a Gadget" link on them. Choose where you want to put your code and click "Add a Gadget". This will open a small window with list of gadgets, find "HTML/JavaScript" gadget and click "+" to add it - see image below:

blogspot javascript

You're almost done. Now copy the code you want to add and paste it on "Content" box. You can also name the code in "Title" box (or leave it blank). Click "Save" and visit your blog. Your HTML/JavaScript code must be on place.

Comments

Popular posts from this blog

Google Panda 4.0 Update is Here!

Hey everybody, big news for the SEO world! Google is rolling out Panda 4.0 update starting yesterday (20.05.2014).

This was announced by the Google's head of spam team Matt Cutts:
Google is rolling out our Panda 4.0 update starting today.
— Matt Cutts (@mattcutts) May 20, 2014 What should a site owner do if they think they might be affected by Panda?
Published on Sep 11, 2013
Recently Google has integrated the Panda update in to its normal indexing process. Now, how will webmaster come to know whether her site is hit by Panda? And, if her site is already hit, how she will know that she has recovered from Panda? Nandita B, India How are your website rankings today? Any improvements in ranking? Please share your experience with this update in the comments below.

Customize comment box size easily and efficiently in Blogger

Blogger is a great blog site for bloggers that enables various valuable features and customizations. One of the most important features of a blog is the comment feature that enables you to get direct feedback from your readers.

Blogger empowers you to add this essential comment feature to your blog site to receive and exhibit the valuable feedback from your visitors and readers. When you select the comment feature option that is the standard option, the default comment box will be displayed right below your posts. The size of the comment box, height and width, is also the default size set by Blogger. This can be disadvantageous to your blog site, especially to its appearance, as the default box maybe narrower than your post. Having said that, now you can easily change the comment box size on your blog site.

You do not have to be an expert at coding or a pro with managing your backend.
You just have to understand and follow the steps mentioned below

My Popular Blogs List: Commentluv Enabled Blogs

Today I have seen that many bloggers are searching with Google for Commentluv Enabled Popular Blogs List. So I decided to provide a list of the best blog sites and most popular blogs with Commentluv Enabled.
My Popular Blogs List:http://kikolani.comhttp://basicblogtips.comhttp://rich-blogger.comhttp://comluv.comhttp://savedelete.comhttp://w3blog.dkhttp://freebloghelp.comhttp://blogengage.comhttp://techehow.comhttp://techteen.nethttp://weblogbetter.comhttp://windowstalk.orghttp://blondish.net/http://www.birdsontheblog.co.ukhttp://www.intenseblog.com Commentluv Enabled Blogs:http://seobythesea.comhttp://famousbloggers.nethttp://hdwallpaperspack.comhttp://wptechie.orghttp://www.smartbloggerz.comhttp://www.blogpreneurs.com/http://www.webuildyourblog.com/http://wpbloghost.com/blog/http://oddblogger.com/http://www.awesomebloggers.com/http://blog.teasenz.comhttp://myblog2day.com/ In the past year, there has been a lot of controversy over whether or not the benefits of Comment Luv outweighs …