Cara Memasang Navbar Efek Slide Out Di Blogspot
* Buka blog anda
* Klik Template
* Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
### GOOD LUCK ###
* Buka blog anda
* Klik Template
* Edit HTML
* Cari kode ini ]]></b:skin>
* Copy kode di bawah dan letakkan diatas kode ]]></b:skin>
#navbar {
width: 36px;
border-top: 1px solid #888888;
border-right: 5px solid #888888;
position: fixed;
top: 0px;
left: -6px;
background: #fe6602;
border-radius : 0 5px 5px 0;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-moz-transition-delay: 1.3s;
-ms-transition-delay: 1.3s;
-o-transition-delay: 1.3s;
-webkit-transition-delay: 1.3s;
transition-delay: 2.5s;
z-index: 10;
}
#navbar:hover {
width: 96%;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear;
}
* Jangan lupa di save template### GOOD LUCK ###
Baca Juga Artikel Terkait Lainnya