Stylish Back To Top Button For Blog Website
Hello Friends, Is post me ham back to top button ya scroll to top button website 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 Ane 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.
Stylish Scroll To Top Button Ka Demo Dekhne Ke Liye Demo button par click karen.
Stylish Css Back To Top Button Blog Me Kaise Add Kare.
Stylish smoth scroll top 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.
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
