.....:::::Di blog MU'ALIM banyak trik yang sangat menarik dan gampang untuk di pelajari, apabila ada kesulitan tanyakan saja pada MU'ALIM . Terima kasih::::....


.

MU'ALIM LOVE WINDA FOREVER
Blogger newbie yang masih belajar tentang CSS dan HTML. Kadang suka ngutak ngatik HTML sendiri. Walau gagal, tetep coba dan gak mau menyerah sampai bisa.
Blogger yang satu ini bukan master, jadi jangan nanya yang macem sama dia.
Avenged Sevenfold, Linkin Park, Muse, Big Bang, Chris Brown dan Suigetsu Hozuki jadi favoritnya.
Jangan lupa Add Facebook Blogger ini, Follow Twitternya juga, dan ini :Deezclan Komunitas orang kreatif.

Sabtu, 17 September 2011

Home » » Cara Membuat Simpel Tabs Di Blogspot.

Cara Membuat Simpel Tabs Di Blogspot.

Diposting oleh pendekar muda
Label:

       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.



Artikel Terkait:




Sebarkan Artikel ini :

DiggGoogle BookmarksredditStumbleUponTechnoratiYahoo! BuzzDesignFloatDeliciousBlinkListFurl

0komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

thank to visit

Langganan:Posting Komentar (Atom)

MY BANNER

 
copy right © MU'ALIM TIM SAR