Blogging With Me, setelah beberapa hari sebelumnya pernah membahas trik Membuat Menu Navigasi Dengan Icon Lucu, sekarang akan membahas mengenai menu tabs tetapi ini sangat simpel pengerjaanya jadi saya beri judul Cara Membuat Simpel Tabs Di Blogspot. tentunya ilmu ini saya dapat dari hasil blogwallking, hehe. kalau sobat belum tau bagaimana bentuknya silahkan lihat demo berikut :
Live Demo
*letak menunya itu paling atas.
kalau sobat ingin membuatnya silahkan ikuti petunjuk-petunjuk berikut :
- Loggin ke blogger.com
- Klik Rancangan >> Tata Letak >> Add Widget >> Html/javascript
- lalu copy paste kode berikut :
<div style="text-align: center;"><span style='-moz-border-radius: 5px; background-color:#ff6666; padding: 10px 30px 10px 30px;'><a href="http://YOUR_LINK_HERE.com">LINK</a></span> <span style='-moz-border-radius: 5px; background-color:#ff6699; padding: 10px 30px 10px 30px;'><a href="http://YOUR_LINK_HERE.com">LINK</a></span> <span style='-moz-border-radius: 5px; background-color:#996699; padding: 10px 30px 10px 30px;'><a href="http://YOUR_LINK_HERE.com">LINK</a></span> <span style='-moz-border-radius: 5px; background-color:#33cccc; padding: 10px 30px 10px 30px;'><a href="http://YOUR_LINK_HERE.com">LINK</a></span> <span style='-moz-border-radius: 5px; background-color:#99cc00; padding: 10px 30px 10px 30px;'><a href="http://YOUR_LINK_HERE.com">LINk</a></span> <span style='-moz-border-radius: 5px; background-color:#ff9933; padding: 10px 30px 10px 30px;'><a href="http://YOUR_LINK_HERE.com">LINK</a></span><br /><br /></div>
*Note : yg berwarna Pink itu ganti dengan type Border. untuk type border silahkan lihat di Sini
+ ganti tulisan yg berwarna biru dengan Link page sobat.
+ ganti tulisan yg berwarna merah dengan nama Link Sobat. contoh : About, Home, dll.
+ Tulisan yg berwarna hijau adalah backgroundnya. sobat bisa ganti" warnanya.
+ Tulisan yg berwarna Ungu adalah Size padding (lebar dan tinggi) itu bisa dirubah sesuai keiinginan sobat.
- Terus Save. dan semoga berhasil.
Posting Komentar - Back to Content