Navigation Hover #1

Assalamu'alaikum....

Esa mau post tentang tutorial navigation blog ya. Semoga membantu kalian. Tutorial ini diperoleh dari blog kak Jauza. Thanks ya, readmore

Home Owner Stuff Friends 1. Dashboard >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript 2. Copy kode dibawah ini

<style> a.jeonjin { display:inline-block; -webkit-transition: 0.4s; -moz-transition: 0.4s; padding-top:15px; padding-bottom:5px; border-top-right-radius:40px; border-top-left-radius:40px; width:70px; text-decoration:none; font-family: Short Stack; font-size: 13px; height:20px; text-transform:uppercase; color: #8A96F0; background: #CBD0F8; text-align:center; cursor:vertical-text; } a.jeonjin:hover{ color: #fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -webkit-transform: rotateX(180deg) ; -moz-transform: rotateX(180deg) ; -o-transform: rotateX(180deg) ; -ms-transform: rotateX(180deg) ; background:#62B7EF;} </style>
<br /> <center> <a class="jeonjin" href="https://www.blogger.com/LINK">Home</a> <a class="jeonjin" href="https://www.blogger.com/LINK">Owner</a> <a class="jeonjin" href="https://www.blogger.com/LINK">Stuff</a> <a class="jeonjin" href="https://www.blogger.com/LINK">Friends</a></center>

3. Catatan:
    Orange: Warna background navigation
    Fuchsia: Boleh diganti misalnya "Me, Back Home, Stuffies, Linkies". Terserah kamu ya
    Biru: Font tulisan
4. Jangan lupa yang "https://www.blogger.com/LINK" itu diganti ya. Itu URL page laman kamu.
5. Pastekan di halaman HTML/Javascript kamu.
6. Save!

Selamat mencoba! Maaf kalau tutorialnya nggak berhasil ya. Wassalamu'alaikum....