Tutorial Membuat Navigation #2 (Request Tasya)

Haiii! Lama tidak muncul di blog karena ujian, ujian, dan ujiannn dari sekolah :') . Akhirnya aku bisa ngepos juga. Btw ini request Tasya. Sekali lagi, maaf kalo jawabnya lama.Oh iya, selain Tasya boleh juga pake tutorial ini. 

Oke, ini screenshootnya:

Cara memasangnya:

1) Buka blogger.com, jangan lupa login kalau belum ya!

2) Pilih menu Tata Letak

3) Klik Tambahkan Gadget yang HTML/Javascript

4) Copas kode di bawah! jangan lupa ganti link dan nama tiap menu sesuai keinginan

<style> .haha{ width:120px;height:15px; box-shadow:0px 0px 2px 3px Pink; background: Mistyrose; font:12px Short Stack; text-align:center; margin:10px; Text-decoration:uppercase; color:#888888; display:inline-block; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding-bottom:5px; padding-top:5px;padding-left:5px;padding-right:5px; display:inline-block; border-radius:10px; } .haha:hover{ background:#FFFFFF; color: Pink; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } </style> <br /><br /> <center> <a class="haha" href="http://angelssweetnotes.blogspot.com/">Home</a> <a class="haha" href="https://angelssweetnotes.blogspot.co.id/p/about.html">About</a> <a class="haha" href="https://angelssweetnotes.blogspot.co.id/p/stuff.html">Stuff</a> <a class="haha" href="https://angelssweetnotes.blogspot.co.id/p/ex-link.html">Linky</a> <a class="haha" href="https://stry-f-my-lf.blogspot.co.id">Blogskins</a> </center> <br /><br />

5) Last but not least, simpan!

Oh iya, navigationnya desain kak Shafia , bukan buatanku sendiri. Makasih ya kak :) . Dah! semoga tutorial ini bermanfaat!