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 :
*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.
Selamat Mencoba >_<
Jangan Lupa Follow Kami
selam
Belum ada tanggapan untuk "Membuat Simpel Tabs Di Blogspot"
Posting Komentar