How to Add Back to top Button in
Blog ?
Hello Friends हमारे इस Blog
Hindi Tech Word में आपका बहुत-बहुत स्वागत है ! और मेरा नाम है Sameer Ali. Frineds
आज की इस पोस्ट में हम आपको बताने वाले है ! Back To Top Button के बारे में इस
पोस्ट में हम आपको बताएँगे की आप कैसे Without Coading Easy तरीके से एक Simple व
Perfect Looking Button आपकी Website/Blog पर कैसे Add करते है ! जी हाँ जिसको आप
खुद Design कर सकते है ! या फिर हमारे Design किए गए Button भी आप अपने
Blog पर Use कर सकते है ! तो फिर देर किस बात की है ! चलिए हम आपको बताते है की
आपको Simply First Step में Complete Button कैसे Add करना है ?
Blog Me Back to top Button Add
Karne ke Fayde ?
Friends सबसे पहले में आपको बताऊंगा की blog में क्यों Back to
top Button Add करना जरूरी है ! इससे Visitors को फायदा भी होता है! और Visitors आपकी
website पे Bor भी नहीं होगा. जब हम कोई blog/Website बनाते है ! चाहे हम उसको
कितनी भी अच्छी Design करे But अगर हमारी Website/Post ज्यादा Long है तो Visitors
उसको पढ़ते तो है मगर जब उन्हें Post के top पर जाना होता है ! या फिर उन्हें हमारे
Blog के menu bar में जाना होता है ! तो उनको Scroll Up करना होता है ! जिसकी वजह से
उनका मन हटता भी हट जाता है ! और हमारा यह फ़र्ज़ भी बनता है की हम अपने Visitors को
वह सभी Facilites दे जिसकी वजह से वह हमारी website पर बार-बार आए Ok Friend
Starts करते है
Step 1
सबसे पहले आप अपने Blogger में Login करे
फिर Deshboard में Layout में जाय
अब आपको Add a Gadget पर Click करे अब HTML/Javascript
पर Click करे अब निचे दिया गया Html Code Copy करे और Box में
Paste
कर दे
अगर Html Code Copy नहीं हो रहा है तो Download बटन पर
Click करके डाउनलोड कर लिजिए
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
मुझे उम्मीद है ! है की आपका Back to top Button Succesfully Add हो गया होगा अगर आप बटन की डिजाइनिंग Change करना चाहते हो तो PhotoShop में Design करके इस URL https://2.bp.blogspot.com/ECBdslxmenY/Wrp48zfV6YI/AAAAAAAAAW8/YefMZXl1UJ48WfjDCOh0wBTIMSYGWc8MACLcBGAs/s1600/backtotop.png की जगह आप अपने Button का URL Add करके Change कर सकते है ! अगर आपको Button Add करने में कोई तकलीफ हो तो मुझे Comments जरूर करे ! धन्यवाद। ... So Friends अगर आपको मेरी यह पोस्ट पसंद आए तो अपने दोस्तों के साथ Shere जरूर करे और हमारे Blog के Newsletter को Subscribe जरूर करे
nice information sir
ReplyDeletethanks rihan ji
Deletethank for shereing good tips
ReplyDeleteachchi jankari hai sir
ReplyDeleteDhanyvaad
Deletevery good looking button
ReplyDeletethank you so much
Delete