Tutorial : Navigation Bar

Kemaren Alma & Raissa Request Tutor ini

Annyeong, Chingu! Kemaren, Raissa dan Alma request aku dengan pertanyaan yang sama dan hari yang sama. Apa itu? Yap! seperti gambar in above! 

Hmmm ... ingin tahu, bagaimana caranya?




  • Blogger >> dasbor >> tata letak >> add a gadget >> scroll terus sampai muncul HTML/JAVASCRIPT >> Copy kode ini

<style>
.hyosung{
width:100%;
background:url(URL BACKRGOUND);
border-bottom:5px solid #f1f1f1;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#fafafa;
text-decoration:none;
color:#AAA;
padding:7px;
font:12px short stack;
margin-left:5px;
border: 1px dashed white;
box-shadow: 0px 0px 0px 2px #fafafa;
border-radius: 10px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:100px;}

a.jieun:hover{background:#000;
color:#fff;
</style>
<div class="hyosung">
<a class="jieun" href="URL PAGE">Title</a>
<a class="jieun" href="URL PAGE">Title</a>
<a class="jieun" href="URL PAGE">Title</a>
<a class="jieun" href="URL PAGE">Title</a>
<a class="jieun" href="URL PAGE">Title</a>
<a class="jieun" href="URL PAGE">Title</a>
</div>
</div>

  • Itu diedit-edit sesukanya dulu, yaa..!!
  • Save dong

Masih bingung? jangan malu-malu buat tanya, ya!  Kode ini aku ambil dari blogskin aku yang kupakai itu .. Fancy Purple. Jadi aku kasih credit Kak Salsa karena skins itu aku basecode dari Kak Salsa

9 comments:

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...