Latest Diwali Widget for Blogger || Awesome Diwali Widget

क्या आप इस दिवाली को अपने visiter को अपने वेबसाइट और blog पर कुछ naya देना चाहते है| यहाँ पर latest blogger widget का अपने वेबसाइट पर use करके visiter के सामने कुछ naya प्रस्तुत कर सकते है तो इस post में हम कुछ latest diwali blogger widget bloggers के लिए लाये है|

 1. Back to Top Scrolling Rocket Boy Widget for blogger

दिवाली widget को अपने blog में लगाना बहुत ही आसान है इसके लिए बस निम्न step को follow करे.

step 1. सबसे पहले blogger में sign in करे और  theme पर click करे |
step 2. अब edit HTML पर click करे |
step 3. अब CTRL+G shortcut key दबाये जब आपका html editor खुल चूका हो |
step 4. </body> tag copy करके search करे|
step 5. निचे का दिया गया code करके paste कर दे |


<style>#backtotop{background:url(http://i.imgur.com/m4Z2HpS.png) 0 0 no-repeat;bottom:5px;cursor:pointer;height:120px;padding:6px;position:fixed;right:6px;width:70px;z-indez:1}#backtotop:hover{background:url(http://i.imgur.com/m4Z2pS.png)no-repeat;background-position:0 -140px}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/><script type='text/javascript'>//<![CDATA[$(window).scroll(function(){if($(this).scrollTop()>100){$("#backtotop").removeAttr("href");$("#backtotop").stop().animate({bottom:"0"},{duration:100,queue:false})}else{$("#backtotop").stop().animate({bottom:"30000"},{duration:8e3,queue:false})}});$(function(){$("#backtotop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})})//]]></script><a href='#' id='backtotop'/>
स्रोत - http://www.hackinguniversity.in/2013/11/diwali-blogger-widgets.html

step 5. अब अपने blogger theme को save कर दे और refresh करके देख ले|

 2. Diwali Widget for blogger

इस blogger widget आपके लिए और भी खास है क्योकि इस widget को blog पर लगाना बहुत ही आसान है|
आप इस widget की मदद से अपने visiter को शुभकामना  सन्देश दे सकते है|
1. अपने blogger में sign in करे और layout >> add a gudget पर जाये.

2. अब html/javascript पर click करे
3. निचे का दिया गया blogger diwali widget copy करके paste कर दे |


<style>/*--Widget by www.naukribhandar.blogspot.com--*/#announcement{width: auto;font:bold 15px Trebuchet MS;border: 2px solid #FF0000;border-radius: 20px;margin: 0 40px 5px 40px;text-align: center;padding:15px 10px 15px 70px;background-repeat: no-repeat;background-position: 10px center;position:relative;color: #FF0000;background-color: #F9EAD4;background-image: url('http://cdn3.iconfinder.com/data/icons/humano2/48x48/apps/kblogger.png');}</style><script src='http://code.jquery.com/jquery-1.2.3.min.js' type='text/javascript'></script><script type='text/javascript'>$(document).ready(function(){$(".close").click(function(){$("#announcement").remove();});$("#announcement").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400).fadeOut(400).fadeIn(400);});
</script><div id='announcement'><a class='close' href='#close' style='float: right;'><img border='0' src='http://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/button_cancel.png'/></a><center>ओके आपको diwali की शुभकामनाये</center></div>  

नोट - आप अपने मेसेज को edit भी कर सकते है इसके लिए आप सबसे निचे का मेसेज देखे |

4. अब आप save पर click करके save कर लीजिये
5. आपका blogger diwali widget आपके blog पर add हो गया है |

must try 
Related post widget blogger website ke liye
Bidvertiser ad network se paise kaise kamaye

तो ये थी diwali की latest blogger widget | आपको ये blogger widget कैसा लगा हमे बताये |

0 Comments