Kang Bagas96
Salah satu nya bisa menggunakan menu tab dimana pada satu tampilan banyak menu yang terpasang dan akan muncul sesuai judul tab yang di klick
untuk contohnya lihat pada bagian bawah blog
Untuk itu saya akan mencoba share trick memasang gadget tab menu pada template blog mobile koleksi template di blog ini, dan sebenarnya saya sudah memasang script dan css pada masing-masing template mobile sehingga tinggal memasang 1 bagian script html dengan sangat mudah (read: duh tegang banget bacanya santai atuh broth hehe)
Langsung aja ke cara pemasangannya
1. Login blog dahulu
2. Masuk rancangan/ tata letak
3. Kemudian klick tambah gadget pada gadget yang terakhir jika pada template simple blue b1 (read: kenapa harus yang paling bawah soalnya gadgetnya belum di kasih css total jadi tidak bikin berantakan soalnya tab menu sudah menggunakan css sendiri hehe)
4. Jika sudah klick tambah gadget pilih menu html/javascript unuk memasang script tab menu dan scriptnya tinggal di copy di bawah ini:
<div class='tabber'>
<div class='tabbertab' id='tab1'>
<h2>Comment</h2>
letakan tampilan 1 di sini
</div>
<div class='tabbertab' id='tab2'>
<h2 class='title'> posts </h2>
letakan tampilan 2 di sini
</div>
<div class='tabbertab' id='tab3'>
<h2>shoutmix</h2>
letakan tampilan 3 di sini
</div>
</div>
keterangan: tab menu pada contoh hanya 3 tab menu dan bisa di tambahkan dengan menggandakan script dengan angka 4,5 dst,
contoh:
<div class='tabbertab' id='tab4'>
<h2>shoutmix</h2>
letakan tampilan 4 di sini
</div>
dan letakan di tengah-tengah kode </div>
sebelum yang paling bawah
jika sudah tinggal pilih simpan dan selesai deh
silahkan di coba saja dan jika masih ada kesulitan post di commentar saja
kategori:
Mobile Template,
Tutorial Blog
wah ini dia yg saya tunggu2, udh dishare tnx gan sharenya tak jajal dulu...hehe
ReplyDeleteSemut@ silahkan broth moga sukses
ReplyDeletesip.. Bos.. Agak bingung sih.. Hehe
ReplyDeleteBujen@ bingung kenapa broth? Kan tinggal pasang di gadget html, dan letakan file/gambar yang mau di tampilkan pada bagian ' letakan Tampilan1' dan berikutnya broth
ReplyDeleteAkhirnya sukses jg gan, silahkan ditengok barangkali ada masukan, tnx
ReplyDeletewuwhhh.. emhh.. :-)
ReplyDeleteSemut @ oke sob nanti saya pasti mampir broth....
ReplyDeleteAbt @ kenapa sob haha
ReplyDeleteThankz maz dah saya coba.
ReplyDeleteRizal@ oke sob thanks commentnya....
ReplyDeleteKang mao tnya klo buat tab menu di templat black m v2 emg warna latar belakangnya gak sesuai ma templatnya ya mas kok warnanya putih.gmn caranya nyesuaikannya mas?thanks
ReplyDeleteMaz-prie@
ReplyDeleteiyah saya buat cssnya sama tapi bisa di rubah kok edit saja lewat template dan caranya sudah saya post di artikel cek saja langsung.
belum ngerti gan ko tampilanya kaya gini lw bisa liat blog saya di azgista.blogspot.com. gan punya apps jzipman untuk hp java yg riel
ReplyDelete@pusat pulsa dahsyat memang begitu pland tampilannya memang bingung di mananya?
ReplyDeleteKalau itu setelah tidak perlu url langsung isi text/gambar di tiap tab id nya..
Ass...
ReplyDeleteGan kalo black mobil menu y di atas bisa di rubah g?
Bagaimana cara nya?
@Raszhoe di rubah menunya gimana? Tampilan Cssnya ataukau menunya?
ReplyDeletekang bagas kumaha euy abdi teu paham......
ReplyDelete@bojes gothic copy kode di atas terus ke tambah gadget dan pilih javascript/html , kemudian pasang script di atas untuk memasang tab, dan untuk tulisan tampilan 1 ganti dngan script/tulisan yg mau di tampilkan begitu selanjunya dngan tampilan 2 dan 3 tinggal edit aja.
ReplyDelete