Atas permintaan beberapa teman, maka saya akan menyajikan cara membuat show / hide alias expand / collapse widget lebih terperinci. Padahal cara pada post sebelumnya itu sudah simpel tinggal klik saja hehe, saya siapin beserta screenshut dan sekalian repairing beberapa bugs.
Sebelum memulai ulang, saya akan memberi pendapat apa keuntungan tips mengubah widget dengan javascript ini, yaitu loading halaman blog anda akan lebih cepat, karena tidak akan meload keseluruhan konten widget pada blog anda, tetapi jika anda membuka widget pertama kalinya, widget ini tidak langsung terbuka karena akan memanggil / meload kontennya [but keep enjoy, gk lama koq].
Silakan klik salah satu tombol berikut:
Apa bedanya antara yang pertama dan kedua?
- yang pertama, jika di klik judul widgetnya, maka kontennya akan terbuka.
- sedangkan yang kedua, judulnya tidak bisa di klik, namun sebelum judul [sisi kiri widget] akan ada tanda [+/-] yang jika diklik maka konten widget akan muncul.
- Lihat gambar berikut, akan muncul setelah anda klik tombol diatas :
- Pada lingkaran biru, pastikan blog mana yang akan anda masukkan modifikasi widget ini, jangan sampe salah alamat. Kemudian pada lingkaran merah gantlah dengan judul sesuai keinginan anda, semisal shoutmix here atau Friend Link.
- Klik ADD WIDGET, anda akan segera diarahkan pada halaman layout blog anda.
- Kemudian klik edit pada element widget yang baru anda buat, lihat gambar:
- Kemudian muncul jendela windows baru, gantikan tulisan "Isikan kode HTML / Javascript di sini" dengan kode html Anda, misal kode html shoutmix atau kode html apa aja widget anda sebelumnya.
Selesai ! gak susah kan? gak perlu mikirin kodenya segala.
mudah-mudahan sudah pada gak bingung lagi. Jika masih ada kesulitan atau mungkin ada bugs pada tips ini, saya persilahkan komennya. Happy blogging!
weks cuma gitu cumie?ternyata simple ya
iye panks, segitu aja koq :D
klo mau source kodenya, buka sendiri aja di bagian edit htmlnya hehe
wah kang cumie semakin lama semakin top markotop nih ilmu htmlnya, aku mah belum bisa kang...ikutan belajar yah yah yah
haaaaaaviiiiied (,")(",)
ingat'lah msh lwn kkwnan dYgy ? heehe
sip .. sip, mari dicoba
tips yang berguna bagi blogger pemula...
bagus juaai tpi pank shoutmix ku sepi
hmm... lagi males oprak aprik templet
waaa... cumie.., makasih yaaa... ntar diterapkan di blogku aah..
Brur saya bingung nyari scriptnya.. udah tak obrak-abrik html templates saya, ttp bingung bagian scriptnya yg mana..
bs dikirim ke email ga? thanks a lot.. :D
astaga... buat apa cari scriptnya?? baca dulu broth, tu sama sekali gk perlu script :)
Lha ini kan sama dengan BlogRoll di tempatku itu kan cum? Memang jadinya ngirit tempat kok. :)
Tolong koreksi bahasa Banjar di blogku cum, barangkali ada yang keliru. :D
Matur nuwun. :)
pa kabar cumie..
thanx for the tips....mas Cumie jarang main ke blog saya nih....lagi sibuk banget ya????
mantaf nih kang widgetnya saluuutttttt, ajari dunk
Makasih mas cumie infonya
*mampir ahh*
eh ternyata belom apdet ya
bener-bener hiatus kah?
-eRos-
gampang ya... ku pikir susah
jadi g usah CUMI
Capek" Untuk MIkir
pernah "kejadian" siy bro...makanya rada kapoxxx..he..
keren nih. mo coba deh. lama nih gak mampir. byk perubahan ya.btw, aku pindah rumah nih. jgn ke blog lama.mau dihapus.
boleh juga nih dicoba biar blog makin rapi he he
cumi..untuk blogger ya..thx ya
thanks sob....abang memang T O P B G T
berkunjung ke bolg ku ya http://toejoeh124.blogspot.com
Keren banget :)
Mas Cumie... salam kenal... mau tanya gimana caranya bikin yang seperti ini:
My Bloglog Kayuh Baimbai
Soal nya saya coba hasil nya jadi seperti ini:
My Bloglog
Kayuh Baimbai
Maunya... My Bloglog dengan Kayuh Baimbai bersebelahan...
Mohon Pencerahan nya dan salam kenal dari Blogger dari Banjar Baru... Rie21
kang artikelnya aku copas ya.......izin kang
monggo silakan mas ahmad :)
free copas seenaknya koq
selamat malam, salam kenal sebelumnya, tadi saya dapet petunjuk dari mas budiawan hutasoit
senang saya bisa menemukan tutorial ini
salam kenal dari jogja
wah... makasi banget nih,... ku follow ya..!!
masih bingung mie .. kode htmlnya ngambil dari mana?
ntar dech, di obok2 lagi ... pusing euy
minta izin copy jurusnya !!!
Boleh minta kode asli cara buatnya?
Reply on bi2t.com, please.
waduh, silahkan view sourcenya sendiri mas, saya dah agak malesan suruh mostingin sourcenya ulang. tuh yg lain banyak koq yg bisa bikin. copy scriptnya aja.
wah makasih banyak nihh tipsnyaa
siip d n_n b