Sedikit Info Seputar
Membuat Menu Navigasi Melayang Berlogo, Bertitle Keren Unik Terbaru
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Membuat Menu Navigasi Melayang Berlogo, Bertitle Keren Unik Terbaru, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel Trixs Blogging, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Membuat Menu Navigasi Melayang Berlogo, Bertitle Keren Unik Terbaru
Terbaru
link: Membuat Menu Navigasi Melayang Berlogo, Bertitle Keren Unik Terbaru
Berbagi Membuat Menu Navigasi Melayang Berlogo, Bertitle Keren Unik Terbaru Terbaru dan Terlengkap 2017
/* Top Menu
----------------------------------------------- */
#top-menuwrapper{background: white;height:60px;width:100%;position:fixed;top:0;left:0;z-index:999;overflow:hidden;border-bottom:3px solid #05BEFF}
#top-menuwrap, #top-menuwrap2{width:90%;margin:0 auto}
#top-menu{width:100%}
#top-menu ul{list-style: none;width:100%;}
#top-menu ul li{float:right}
#top-menu ul li a{line-height:20px;padding:5px 0;margin-left:25px;color:#999;font-size:14px;text-transform:uppercase;display:block;text-decoration:none;}
#top-menu ul li a:hover{color:#c94e5c;}
.logo{float:left;font-family:'Montserrat', Oswald;font-size:160%;text-transform:uppercase;font-weight:300;}
#top-menu ul li a.current{color:#c94e5c}
.logo a{color:#fff;text-decoration:none;margin-top:-5px}
.logo a:hover{color:#fff;text-decoration:none}
.logo img{margin-top:0px;}
5. Masukkan kode dibawah ini diatas <body>
<div id='top-menuwrapper'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlC0orkNnOiIjbX6XzGZY1R7ArxnPntz21eOPAJq2aabAWAPisEuSXW6XmdYF7fM6ZiBLnCBkyn-IbOAW1Dk2GZm7YjPvDtbAAGuqghQNxYpRZ9dzUm9mbTSlAVbYUxZRhKROXNHOoa0FZ/s1600/SI5.png
<div id='top-menuwrap'>
<div id='top-menu'>
<ul>
<li><a href='http://rafi-orilya.blogspot.com/'>Blog</a></li>
<li><a href='http://rafi-orilya.blogspot.com/'>Contact</a></li>
<li><a href='http://rafi-orilya.blogspot.coml'>Home</a></li>
</ul>
<div class='logo'>
<a href='/'><img alt='Go! Blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlC0orkNnOiIjbX6XzGZY1R7ArxnPntz21eOPAJq2aabAWAPisEuSXW6XmdYF7fM6ZiBLnCBkyn-IbOAW1Dk2GZm7YjPvDtbAAGuqghQNxYpRZ9dzUm9mbTSlAVbYUxZRhKROXNHOoa0FZ/s1600/SI5.png'/></a>
</div>
</div>
</div>
</div>
Silahkan sobat ubah yang berwarna hijau dan kuning sesuai dengan keinginan sobat.
Baiklah selesai sudah perjalanan kita, haha..
Biar ngga panjang penjelasannya, jika ada error silahkan komentar saja yah sob.
Okey thanks
Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin