Back to Top Scrolling Rocket Boy Widget For Blogger & WordPress

जैसा की दिवाली जल्द ही 12 November 2023 को आने वाला है तो friends, आपलोगों के लिए यहाँ हम Back to Top Scrolling Rocket Boy Widget script लाये हुए हैं जिसकी सहायता से आप दिवाली पर अपने डिजिटल वेबसाइट जिसे हम छू नहीं सकते लेकिन इस पर भी हम धमाका कर सकते हैं |

इस Back to Top Scrolling Rocket Boy Widget को लगाने के बाद आपके वेबसाइट में भी rocket नीचे से ऊपर जाएगा , इसे आप दिवाली के मौके पर अपने वेबसाइट में लगाकर आप अपने वेबसाइट को सुन्दर बना सकते हैं और ख़ास बात यह है की यह script आप दोनों Blogger & WordPress User के लिए है तो आइये लगाना सीखते हैं 👇👇

Must Read :-- Sidebar Balloon Diwali Widget For Blogger & WordPress

Must Read :-- Fire Crackers Diwali Widget For Blogger & WordPress

What is Back to Top Scrolling Rocket Boy Widget ?

तो friends, जैसा की आप सभी जानते हैं की दिवाली 24 अक्टूबर को है तो हमने सोचा की क्यों ना अपने user's को इस दिवाली पर digitally धमाका करने के लिए कुछ दिया जाए तो हमने इसी लिए यह script आप सभी के लिए लाया है |

इस script को लगाने के बाद आपके वेबसाइट में एक rocket boy आएगा , जब users आपके वेबसाइट को नीचे ऊपर स्क्रॉल करेंगे तो यह rocket boy automatic नीचे से ऊपर जाएगा | अब आइये ज्यादा समय न बर्बाद करते हुए इसे लगाना सीखते हैं |

Must Read :-- Sidebar Balloon Diwali Widget For Blogger & WordPress

Must Read :-- Fire Crackers Diwali Widget For Blogger & WordPress

How to Put Back to Top Scrolling Rocket Boy Widget in Blogger/WordPress Website ?

1. सबसे पहले अपने वेबसाइट(Blogger user/WordPress user) के theme के edit section में जाए |

2. अब आपको </body> वहां ढूँढना है |

नोट :-- आप Blogger use कर रहे हो या WordPress आप CTRL+F क्लिक कर डायरेक्ट तुरंत search कर सकते हैं |

3. अब आपको नीचे दिया गया कोड copy कर आपको </body> के जस्ट ऊपर आपको paste कर देना है |

<style>#backtotop{background:url(http://i.imgur.com/m4Z2HpS.png) 0 0 no-repeat;bottom:5px;cursor:pointer;height:130px;padding:5px;position:fixed;right:5px;width:72px;z-indez:1}#backtotop:hover{background:url(http://i.imgur.com/m4Z2HpS.png)no-repeat;background-position:0 -142px}</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'/>

4. अब अपने Theme को सेव कर दें |

इस तरह से आपके वेबसाइट में Back to Top Scrolling Rocket Boy Widget लग चूका है , अब अपने वेबसाइट को open करें / refresh करें तो आप पाइयेगा की दाई ओर कोने में Rocket boy आ चूका है |

आप जैसे ही अपने वेबसाइट को ऊपर से नीचे कर नीचे से ऊपर करेंगे तो Rocket boy अपने आप नीचे से ऊपर जाएगा और वेबसाइट को नीचे करने पर पुनः rocket boy अपने स्थान पर आ जाएगा |

Understand This Topic by Video :--

निष्कर्ष

यहाँ दी गयी जानकारी आपको कैसी लगी हमें नीचे कमेंट बॉक्स में जरुर बताये एवं कोई दिक्कत हो तो कमेंट में हमें जरुर बताये |

इस post को शेयर जरुर करें ताकि other users को भी इसका लाभ मिल सके |