Tuesday, January 9, 2018

Stylish Back To Top Button Ya Scroll To Top Button Blog Ke Liye

Hello Friends, Is post me ham back to top button ya scroll to top button ko Blog website me kaise add kare iske bare me batayenge.  Jaydatar blog website me back to top button phale hi add kare huwe hote hai.

Aur kuch template themes ke  back to top buttons ka design ache nhi hota hai. So is post ko read karke aap same wordpress blog ke trah blogspot blog me bootstrap back to top button add kar skate hai.



Back to top button ko Blog website me kis liye add kara jata hai..? scroll to top button ko blog me isliye add kara jata hai. Jab reader kisi long post ko end tak read karte hai aur wapas top par jane ke liye back to top button ka use karte hai. Isliye blog me Back to to button ya scroll to top button add kara jata hai.

  🔵  5 Stylish back to top button Blog Website ke liye.
  🔵  Stylish Recent Post Widget Blog Website ke Liye.




Reader ke liye aap apne blog ko jitna easy aur stylish banaenge. Reader aapke blog ko utna hi jayda like karenge.  Aur aishe hi chote-chote features ko add karke blog ko ache se design karna chaiye.

Taki reader ko blog passand aha jaye. So is post me ham bat kar rahe te stylish css back to top button ko blog me kaise add karen

  🔵  Get site control ke widget Blog me kaise add karen.
  🔵  5 Awesome recent post widget blog website ke liye.

Stylish Scroll  To Top Button Ka Demo Dekhne Ke Liye Demo button par click karen.

  🔵  5 Best css image havor effect for blog website.
  🔵  Recent Comments widget For Blog Website.


Stylish Css Back To Top Button Blog Me Kaise Add Kare.


Stylish smoth scrolltop button ko add karne ke liye niche diye gaye step ko carefully follow karen.

Step 1.
1. Sabse pahle apne blog dashboard me theme par click karen.
2. Ab Edit HTML button par click karen.
3. Search box me  <head> code ko CTRL+F dabakar search karen.
4. <head> Code ke aage is css code ko paste kar den.

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>



Step 2.
1. Ab dubara Ctrl+F dabaye or search box me ]]></b:skin> code search kare.
2. Ab ]]></b:skin>  code ke piche is css code ko paste kar den.

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #10b7e5;
    background: #10b7e5;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgb(7, 7, 7);
}
#return-to-top:hover i {
    color: #fff;
}

Customization:-
Agar aap scorll to top button ka color change karna chahte hai. to #10b7e5 ke jagaha par dusra color code add karen.

  🔵 5 Best custom Search design For blog website
  🔵 Alexa rank widget Blog me Kaise add karen.


Step 3.
1.  Dubara se serach box </body> code ko search karen.
2. Ab </body> code ke piche scroll to top button script ko paste kar den.





3. And last Ab template save kar den.

  🔵  Stylish Blogger author Blog post ke niche kasie lagaye.
  🔵  Facebook Messenger Chat Widget For website Blog 

Finally ye step follow karke apne blog website me back to top button ya scroll to top button ko add kar skate hia. Aur agar aapko back to top ko add karne me kai bhi problem ahye to comment karke puch skate hai. Other Blogger widget ke liye Hamre Blogger widget categories wali post read kariye



Blog website me back to top button ya scroll to top button add karne ke liye agar aapko yeh post passand aye to post ko social media par jarur share karen.

Aur Comment karke post ke bare me apna feedback jarur den.

Popular Posts:-
  🔵 4 Popular post widget Blog website ke liye.
  🔵 50+ Best Blogger widget And Tool Bogger ke liye.
  🔵 5 best blogger heading css design



About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

Let's Get Connected:- Facebook | Twitter | Google Plus

11 comments:

  1. apke blog ka theme ka nam kiya hai kiya aap mujhe bata sakte hai..

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. Sir aapka blog sabse best hai! please sir mera bhi blog visit kijiye aur kya improvement karna chahiye bataye! Thanks

    ReplyDelete
    Replies
    1. Aapne bahut acha se blog design kiya hai..... but choti-choti problem ka improvement karne ke jarurat hai.....wo aap hamare sawal jawab forum par puche please..

      Delete
  4. Sultan bro aapka blog blogger per hain ya wordpress per hain.

    ReplyDelete