Thursday, March 29, 2018

Add Back to top Button in Blogger Blog in hindi.

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 {




मुझे उम्मीद है ! है की आपका 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 जरूर करे 

7 comments: