Heart Box Menu



Assalamualaikum.
Hari ni tuto menu pulak.
Cuba tengok di bawah. Ianya lebih cantik jika letak bawah header.
  • Dashboard > Layout > Add a Gadget > HTML/Javascript *Di sarankan letak bawah header *
  • Ambil semua code di bawah.
<style>
.pourtagshs a{margin-left: 35px; margin-bottom:15px; margin-top: 10px; margin-right: 1px; border-radius: 15px; width: auto; padding: 20px; font-family: 'Source Sans Pro', sans-serif; display: inline-block; background: #f5f2ed; box-shadow:0px 2px 0px #dfb0b0;}
.pourtagshs{text-shadow:1px 1px 0px #fff;}
pourtagshs{color:#e6bfbf;}

</style>
<center><div class="pourtagshs">
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Home</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ About</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Tutorial</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥Freebies</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Contact</pourtagshs></a>
<a href="LINK" class="pourtagshs"title=""><pourtagshs>❥ Blogshop</pourtagshs></a>
</div></center>
  • Purple : Warna background / shadow/ tulisan
  • Hijau : Link 
  • Oren : Nama menu tab dan boleh tukar symbol kepada yg lain.
  • Lepas tu save. Do leave a comment after use my code ^^

2 comments

  1. nice..da jd..comel sgt.tq ea awk.tp nk thu.ape fungsinya/cmner nk guna.he3

    ReplyDelete
    Replies
    1. ni fungsinya untuk link kan page . Contohnya mcm saya punya tu. Ianya lebih mudah kalau letak dekat bawah header supaya senang org nak cari. Lagi satu, bila kita ada banyak page, dpt naikkan pageview serta-merta. ^^

      Delete

Awak mehla komen? satu komen pun jadilah :')