Loading...


Baca Juga

Assalamu Alaikum WR.WB


Cara Mudah Dan Simple Buat Menu Tab


selamat Pagi buat semuanya .. Ketemu lagi dengan Admin Ocha .. pada kesempatan kali ini .. saya akan sedikit menjelaskan Cara Mudah Dan Simple Buat Menu Tab .. dan sebelum melanjutkan .. baca juga postingan saya yang sebelum nya .. yaitu Cara Buat Blockquote Keren Ala Author Box dan post kemaren nya Cara Mudah Buat Menu Keren Dengan Target Gambar Dan Cara Mudah Buat Panel Split Teks Pada Gambar dan berikut post lalu yaitu Cara Buat Efek Hover Pada Text Dengan CSS

Baca Label : Tutorial Blogging


Ok Next .. langsung saja ke intinya .. yaitu Cara Mudah Dan Simple Buat Menu Tab .. setelah kemarin buat postingan Cara Buat Blockquote Keren Ala Author Box .. dan kemaren nya Cara Mudah Buat Menu Keren Dengan Target Gambar .. rasa nya belum komplit kalau tidak di tambahkan dengan cara buat Tab Menu / Menu Tab yang satu ini .. dan cara ini supaya tampilan lebih ok saja gan .. bisa di katakan biar sedikit lebih cantik .. dan beda dari yang lain .. :wink: .. dan cara ini pun .. tidak hanya sekedar buat blog seperti Blogspot saja .. dan disini saya buatkan Demo / Review nya .. di akun sextgem.com .. dan hasil nya sperti pada gambar di bawah ini .. so .. dengan begitu .. code ini .. bisa juga kita pakai di wap builder sextgem.com atau pun wap builder xtgem.com ( sama saja ) .. wiiihhh jelas keren banget bukan ?? .. wap kita bisa terlihat menarik .. tampil beda dari yang lain .. ok tanpa banyak bicara lagi .. silahkan di lihat dulu demo nya .. di bawah ini .. atau bisa juga langsung klik link ini www.wap-demo.mobi/demo-tab-menu .. saya tes kode css ini .. pada wap bokep .. yang kmaren juga sebagai contoh review .. Cara Buat Blockquote Keren Ala Author Box .. jadi silahkan kunjungi langsung .. jika berkenan .. sekalian lihat - lihat ada apa saja di sana :wink: .. ok next .. di bawah ini gambar Demo nya ..

block.jpg


Gimana .. ok gak ;) .. jika di rasa ok .. dan ingin mencoba nya .. langsung saja .. ambil kode nya di bawah ini .. dan kodenya pun tidak terlalu panjang / banyak .. cuma dengan menggunakan 3 jenis kode .. yakni kode CSS .. HTML & JS ( Java Script ) .. dan cara pemasangan nya juga sangat mudah .. bisa langsng di pasang di dalam css yang di pakai .. atau pun di dalam file yang ingin di sisipin tab menu ini .. penjelasan nya sebagai berikut ..

  • Code CSS .. letakan pada bagian CSS Xtgem / Sextgem yang agan gunakan .. dengan cara .. klik file xtgem_template.css bisa juga di dalam file global_stylesheet.css dan berikutnya di taro di bawah kode <head> Code CSS Letakan disini </head> .. atau bisa juga di letakan pada bagian file lain .. misal nya di dalam File index .. dengan cara klik file indexBuka penyunting textletakan di bawah kode <title>Wap Demo Mobi In</title> .. dan letakan Code CSS di bawahnya ..
  • Code HTML .. letakan di bawah nya CSS tadi .. atau buka file seperti tadi .. contoh nya di file index .. dan klik tanda + ( plus ) .. lalu nanti akan muncul jendela pop up .. dan scrol ke bawah .. sampe melihat tulisan Code .. selanjutnya klik tulisan itu .. dan masukan kode HTML nya .. di kolom yang di sediakan .. berikutnya edit - edit lagi .. sebelum di save .. seprti lebar .. warna background .. warna hover .. link tujuan .. garis lengkung pada nilai border-radius: 8px; .. bisa di hilangkan atau di tambahkan lebih besar dari 8px .. selebihnya sesuaikan saja sesuai keinginan masing - masing .. & trakhir
  • Code JS ( JavaScript ) .. pemasangan nya seperti cara pasang CSS .. bisa di letakan di dalam CSS .. bisa juga di pasang di bawah nya kode HTML .. dan di bawah ini kode nya ..


Spoiler tidak bisa di buka ???? .. ambil Code CSS di bawah ini ..

Get Code CSS




Spoiler tidak bisa di buka ???? .. ambil Code HTML di bawah ini ..

Get Code HTML




Spoiler tidak bisa di buka ???? .. ambil Code JavaScript di bawah ini ..

Get Code JavaScript



Gimana setelah lihat demo nya .. ada yang tertarik .. dan berminat .. ingin mencoba nya ?? .. langsung saja comot code script nya .. ok next .. saya rasa cukup sampe disini dulu .. See You Next Time

Selamat Mencoba :idea:


baca label : Tutorial Blogging

Penulis
Casa.png Dari, Majalengka, Rajagaluh - Jawa Barat
MyProfil.pngUser.png OCHA
Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [View More]

twitter.png about-me.png google-plus.png Add Friend

4338649.png


Itu lah Postingan kali ini .. mengenai » Cara Mudah Dan Simple Buat Menu Tab « .. yang bisa saya bagikan .. Pada kesempatan yang ke 56x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan ..



Wassalamu'Alaikum WR.WB

 
Top
Loading...