How to make a bulb glow on blogger

Hello Namaste everyone, Welcome to Suddha Nepali Tips. Today I'm gonna teach how can you add an interesting bulb on and off widget which helps to make your website more tempting and which attracts your viewers because the bulb is too attractive. So, let's begin!

1. Open Blogger and go to "layout". 

2.Click at ''Add a gadget"

3. Click at the plus icon of "Html/Javascript".

4. Select all and copy the code given bellow:

<button onclick="document.getElementById('myImage').src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0pNs_IuIKHRTQ1ipNfSjkCC5ZTPtcdupdbMlG1IYmyguVh9QdVUuUplP0CJ0uBnHy07kYjewDdIOME1G_zEm-Qo_rtcbgNo_e10JIgPHkygX1AjZE1nqZ4qhMf5eWeCCycsZ3_LZHotc/s16000/pic_bulbon.gif'">Turn on the light</button>

<img id="myImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioEZlM72AL4mcH4APhE-qKyWFDk3c2S2VcDUoSPnyoGwLn-6kWM7Q-kAB1s-6dIUbmfkS129iX5T392scm_NMBpsQ9eOugzF2u-W5pic3NHgkzXvpeZhr_HzN_KjLJrhBBpfN5eZ3TPk10/s16000/pic_bulboff.gif" style="width:100px" />

<button onclick="document.getElementById('myImage').src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioEZlM72AL4mcH4APhE-qKyWFDk3c2S2VcDUoSPnyoGwLn-6kWM7Q-kAB1s-6dIUbmfkS129iX5T392scm_NMBpsQ9eOugzF2u-W5pic3NHgkzXvpeZhr_HzN_KjLJrhBBpfN5eZ3TPk10/s16000/pic_bulboff.gif'">Turn off the light</button>

5. Give the title and paste the code into the box. 

6. Click at "save".

And as you can see that the result is here: