Sticky Navigation Bar Blogger Ke Liye Kaise Banaye – Techno Dhiman

Sticky Navigation Bar Blogger Ke Liye Kaise Banaye - Techno Dhiman


Sticky Navigation Bar Blogger Ke Liye Kaise Banaye: Maine apni pichhli post me apko Install Floating Subscription Box For Your Blogger Blog ke baare me bataya tha. Aaj ke is article me main apko blog ke liye Sticky Navigation Bar ke batane ja rha hun.

Sticky navigation bar har blogger ki pahli pasand hoti hai. Ye hamesa top par stick rahti hai. Aap chahe content read karte karte kitna bhi niche pahuch jao magar ek sticky bar hamesa apki nazron ke samne rahit hai. Is se hota ye hai ki bina koi scroll kiye aap others menu par bhi easily click kar sakte hain. Sticky nav bar ka example aap meri website par dekh sakte hain.

To agar aap bhi apne blog ke liye sticky navigation bar chahte hain to is article ko carefully read karen. 

How to Make Sticky Navigation Bar Blogger

Sticky nav bar banane se pahle apko ek simple si nav bar banani padegi. Iske liye sabse pahle aap apne blogger me jayen. Layout par jakar add a gadget par click karen. Ab yahan par aap niche diya hua code paste karen.

<!– techno dhiman navigation menu –>
<div id=”stickynavbar”>
<ul>
<li><a title=”home” href=”LINK”>Home</a></li>
<li><a title=”TITLE” href=”LINK”>PAGE TITLE</a></li>
<li><a title=”TITLE” href=”LINK”>PAGE TITLE</a></li>
<li><a title=”TITLE” href=”LINK”>PAGE TITLE</a></li>
<li><a title=”TITLE” href=”LINK”>PAGE TITLE</a></li>
</ul>
</div>
<!– techno dhiman navigation menu –>

 Ab iski apko css add karni hai. Iske liye aap Theme me jakar Edit HTML par jaye. Ab aap yaha par search karen “b:skin” ya </style>

</style> se pahle apko niche diya gya code paste karna hai.

/* Spacing & Border of First Link in Navigation */
.tabs-inner .section:first-child ul {
margin-top: 0px;
border: 0 solid #eeeeee;
}
/* Background & Border of Navigation */
.tabs-inner .widget ul {
background: #999999;
border: 0px solid #eeeeee;
text-align: center !important;
}
/* Font, Colour & Border of Links */
.tabs-inner .widget li a {
font: normal normal 14px Arvo;
color: #333333;
border: 0px solid #ffffff;
}
/* Font & Colour of Rollover Links */
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #eeeeee;
background-color: #ffffff;
text-decoration: none;
}
/* Centre Navigation */
.tabs .widget li, .tabs .widget li{
display: inline;
float: none;}

Sticky Navigation Bar Blogger Ke Liye

Doston ab apko apni nav bar ko stick karna hai. Iske liye apko sabse pahle theme ki nav bar ko delete karna hoga. Navbar alag alag template ki apne hisab se ho sakti hai. Isliye ye nav bar apko khud search karni padegi. Jaise hi aap ise search kar lo to ise delete kar dijiye.

Agar aap ise delete nahi  karna chahte ya confuse hai to don’t worry. Aapke liye main ek solution laya hu. Aap Theme par jakar Customize par click karen. Ab aap yaha Advanced par jayen. Template -> Customize -> Advanced -> Ab aapko niche diya gya code paste kar dena hai. 

#stickynavbar { position: fixed; top: 0px; left: 0px; z-index: 999; width:100%;}


Aisa karte hi apki bar stick ho jayegi. To ye tha mera aaj ka article Sticky Navigation Bar Blogger Ke Liye Kaise Banaye . I hope apko ye article kafi pasand aaya hoga. Agar apko koi problem aa rhi ho to niche diye gye comment box me apna swaal jauru puchen. 

Techno Dhiman

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2021, Techno Dhiman. All rights reserved