Blogger users(XML LAYOUTS) can easily add HTML or JavaScript code to their blogger blogs. Here are the instructions to add HTML/Scripts to your blog :
Firstly, login to your blogger account, go to your dashboard, where you have to click the "
Layout" link(beside the settings link) of your blog. make sure you are on the "
page elements" sub-tab, where you can easily add and arrange page elements.
You will now add a gadget by clicking the "
Add a Gadget" link
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vTjV2uqP8Da12ZHIizSf20iNMbNCb6M9s2nN4Gt9nLCj1ClGXaanBYB2vRLR692Cf_phdQ4x9FqxZ9Xeh-jn7C0IVTCoVPt6XqgX5HiV9xljJdPdTKQt_0J-bQqU2usGq0ki6aaMcGkT3NQFCP1I8=s0-d)
From the popup that appears, you can add many gadgets to your blog, this time we need to scroll down to the HTML/JavaScript option and click the "+" sign beside it to add it to your blog
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sKl51TfSV-CklSbTA-m8794JtxjuwBTfGVX7GWo48cO-5QJ7KH_PseM3D46IB2HKQKuQAhCenX2Wb_fwbbdjgmJH0WRzc6DVv9NCYdlJsIQX6uHYRTzUfHpZwyEjvbmWwwCVDLMxl6Bq90Ay-QKpI=s0-d)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vJ7V7NH67n_5AcaN1OeJSQ58jOOt-bNGdWj7-mt4ltkCCY5ckuRFRQXSXrkQ14kcwuNPXYjjCiM_fH9YR3J6YfpHztw_jZi4nninXOVYNB8sK3UIZrAXDqHIn-XbJyHSbbHC3bYcxHuLFia3AxumY=s0-d)
This will open a final popup where you paste your code(HTML or JavaScript) under the "content" textarea. Give it a title on the title textbox and click the button to "save changes"
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_umV_nqy6N15O7Yk6gnbVY_sJMxY2wpDhdNb5JiZb1StUiNfPZIT56TchD1zHL0XoE3OwVKXMl4M7GL8TO3k8PgDFy4jWNsuOZLSmkcb3ikw6DC9OM3D6E8O5QXEXE38Ku237Nrh1ZPj04=s0-d)