Membuat menu D'tree



hey all, gue mau nge share cara buat D'Tree yang gue ambil dari http://kolom-tutorial.blogspot.com/2007/10/membuat-menu-dtree.html yang juga lengkap buat blogger yang masih awam hehehe, cekitdot postingannya!

B
eberapa waktu yang lampau, saya pernah menulis artikel mengenai cara membuat menu yang menyerupai menu yang ada pada Windows explorer yaitu menu dtree, akan tetapi rupanya kemarin lusa ada laporan bahwa menu tersebut mendadak hilang entah kemana, untuk itu tulisan ini adalah sebagai referensi agar kejadian tersebut tidak terulang kembali.

Saran saya, apabila sobat memasang suatu script atau image yang bersumber dari milik orang lain, sebaiknya bersegeralah untuk menyimpannya pada account milik sobat, akan tetapi sebelum mengambilnya tentu sobat harus minta izin terlebih dahulu kepada pemilik script tersebut, etika nya seperti itu. Misalkan seperti ini, apabila saya menyuruh memasang script seperti ini :


pasanglah kode ini di atas kode :






Kode di bawah ini di simpan di bagian sidebar :

Example

open all | close all






Apabila sobat mempunyai intelegensi yang cukup lumayan bagus, maka saya yakin tidak usah saya terangkanpun akan memahami bagaimana untuk membuat menu dtree dari kode diatas sehingga link-link milik sobat dapat di pasang pada kode-kode di atas.

Dengan tidak ada maksud saya untuk merendahkan sobat yang masih belum mengerti, maka saya akan mencoba menerangkannya, akan tetapi untuk lebih memudahkan maka saya telah membuat sebuah menu dtree buatan saya yang telah saya sertakan link-link di dalamnya : source code dari menu yang saya buat seperti ini :


Kode ini di simpan di atas kode :





Kode di bawah ini di simpan di bagian sidebar :

Open all | Close all



Untuk melihat hasilnya, silahkan klik dulu di sini !

Baiklah, saya akan mencoba mengulasnya agar lebih mudah untuk di pahami :

Jika sobat perhatikan dari kode di atas, akan terlihat beberapa ciri yang mudah untuk di kenali, antara lain :

d.add(1,0
d.add(2,0
d.add(4,0
d.add(6,0
d.add(7,0

Kode angka yang bergandengan dengan angka 0 (nol) akan selalu menjadi induk dari menu dtree, jadi jika sobat menginginkan menu yang di simpan menjadi induk, sobat harus menuliskan angka yang berbeda kemudian di belakang koma harus di susul dengan angka nol.

d.add(3,1
d.add(5,1
Kode angka yang bergandengan dengan angka 1 (satu) akan menjadi cabang dari induk yang pertama. Akan tetapi angka di depan angka 1 (satu) adalah angka penentu bahwa menu ini akan menjadi cabang dari kode --> d.add(1,0


d.add(10,5
d.add(20,5
d.add(30,5
d.add(40,5
d.add(50,5
d.add(60,5

Terlihat bahwa angka yang bergandengan dengan angka 5 (lima) akan menjadi cabang dari menu --> d.add(5,1
begitupun angka yang bergandengan dengan angka 3 (tiga) akan menjadi cabang dari menu --> d.add(3,1


Ciri selanjutnya adalah tulisan yang tertera di samping icon selalu di dalam tanda petik (''), formasinya misal seperti ini :

d.add(10,3,'','','','','');

Jika di jabarkan denga isi menu, seperti ini :

d.add(10,3,'isi ke 1','isi ke 2','isi ke 3','isi ke 4','isi ke 5''isi ke 6');



isi ke 1 = adalah tulisan yang akan muncul terlihat langsung
isi ke 2 = adalah alamat yang di tuju apabila di klik tulisan dari isi ke 1
isi ke 3 = adalah judul atau titel atau tulisan yang akan muncul ketika mouse menyorot pada isi ke 1, akan tetapi ini berlaku bagi induk yang tidak mempunyai cabang, misal menu : my frienster.
isi ke 4 = terus terang saya tidak tahu pasti, tapi ada kemungkinan untuk alamat image
isi ke 5 = adalah untuk alamat image icon yang mau di munculkan
isi ke 6 = adalah untuk alamat image icon yang akan menggantikan icon isi ke 5


Misal :

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
Blogroll = tulisan yang kan muncul pada menu induk
http://amen24.googlepages.com/globe.gif (isi ke 5) = icon yang mau dunculkan di samping tulisan Blogroll
http://amen24.googlepages.com/globe.gif (isi ke 6) = icon yang mau dunculkan ketika tulisan Blogroll di klik (akan tetapi dalam hal ini alamatnya sama, maka gambar icon seolah tidak mengalami perubahan)


dan masih banyak ciri-ciri lainnya yang dapat memudahkan sobat untuk mengnalinya.


Bagaimana sudah jelaskah? atau masih tetap bingung? biar tidak terlalu bingung mending langsung bikin menu dtree nya, silahkan ikuti langkah-langkah berikut ini, akan tetapi jangan lupa untuk membuat Backup data dari template sobat:

  • Untuk template Klasik


    1. Sign in di blogger


    2. Klik menu Template


    3. Klik menu Edit HTML


    4. Copy seluruh kode HTML yang ada, lalu save untuk back up


    5. Simpan kode berikut di bawah kode <$BlogPageTitle$> :






    6. Copy kode berikut, lalu paste pada kode sidebar sobat (link nya harus di ganti dengan milik sobat):


    7. Open all | Close all



    8. Klik tombol Simpan Perubahan Template


    9. Selesai.



  • Untuk Template Baru


    1. Sign in di blogger


    2. Klik menu Layout


    3. Klik menu Edit HTML


    4. Klik tulisan Download Template Lengkap, save dulu untuk backup data biar aman


    5. Copy paste kode berikut di atas kode






    6. Klik tombol Simpan Template


    7. Klik menu Elemen Halaman yang ada di sebelah atas monitor


    8. Klik tulisan Tambahkan sebuah Elemen Halaman


    9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript


    10. Copy paste kode berikut pada kotak yang muncul (ganti link nya dengan milik sobat)


    11. Open all | Close all



    12. Klik tombol Simpan


    13. Klik pada elemen yang barusan di buat, tahan lalu geser pada tempat yang di inginkan (di drag & drop)


    14. Klik tombol Simpan yang berada di sebelah atas


    15. Selesai. Silahkan lihat hasilnya



    Huuuuuhhh..... cape uy nulis tutorial ini, dua malem baru deh kelar..... tapi alhamdulillah, akhirnya bisa juga di posting.

    Selamat mencoba !

    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS
    Read Comments

    akhirnya sekolah juga

    akhirnya gue sekolah lagi setelah gue gamasuk 2 hari gara-gara sakit :'( emang sih sekrang masih agak lemes cuma udah mendingan yaa kali aja gue masuk sekolah gue jadi lupa sama sakit gue. kangen banget gue sama anak-anak sci5, sama Traneh yang ngejemput gue, sama guru-guru yang gak bakal bosen gue tanyain melulu hehehe.

    yaaa kerjaan gue dirumah seperti orang sakit pada umumnya, cuma tidur, makan, minum obat (kalo lagi pengen). gimana gue gak tambah gendut yang sekarang gue lagi dalam proses diet hahahahhaa (gaya bener dah ah) yaaa inti dari pada intinya gue kangen sama sekolah, PMR, N3TS, sci 5 dan warga-warga yang lainnya hehehe gue terekang dirumah gabisa kemana-mana, bete -__________-"

    oke cukup dulu yaa ada pengganggu dari fans nya BARCA, byeeeeeeeee...
    miss SCI5 :)

    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS
    Read Comments

    sekilas tentang blog





    ini sekilas aja tentang blog-blog gue sebelumnya. 1st blog gue itu kelas 3 smp waktu masih di SMPN 1 Pamulang karena disuruh bikin sama gurunya dan HARUSNYA sih dirawat.




    ini 1st post gue dari 1st blog



    sepintas post-post annya , isinya cuma formspring jadi udah males ngurus



    dan ini blog pas ujian praktek hasilnya nilai praktek ujian gue 10,00 hahaha mantep kan? covernya sama aja sama yang di atas kok :)

    dan yang ini blog yang kalian nikmatin sekarang hehehe enjoy it :)



    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS
    Read Comments

    ultah trane

    gue pengen cerita nih tenteng ultah trane yang kemaren tepat tanggal 20102010 yang kata orang sih istimewa. nyaris gagal gue kasih surprise ke dia. gara-gara dia ngajak gue buat muter-muter dan temen gue A gajadi joinan. maaf yaa A :(

    ultah trane itu tepat banget 20102010 yang ke-16. selamat ulang tahun yee my boy :* gue sebenernya pengen samperin ke rumahnya cuma malah gue yang disamperin ke sekolah sama dia jadi gue harus nitip A temen gue buat ngambil kue yang gue pesen. ternyata si A salah mengatas namakan. but its oke. gue temuin dia dan berusaha ngajak ke rumah gue, cuma dia malah ngajak gue gatau kemana dan ke rumah temennya. temen gue A dan F udah nungguin gue aja. kan gue jadi ga enak. mana hp gue mati -,- si A dan F pun akhirnya pergi dan gue belum juga sampe rumah.

    sesampainya di rumah gue, ga ada titipan sama sekali. pas trane mau pulang, si ibu, pembantu gue bilang " sof, udah tau ada titipan di atas lemari?" astagah, ibu, ngomong atuh dari tadi. gue ambil itu bingkisan dan gue buka, foalah "Happy Birthday yaa say :)" ucap gue yang kemudin cream kue penuh di muka gue, adek gue yang kecil dan muka dia sendiri.

    akhirnya gue suruh dia pulang dan bawa kue itu. sesampainya dia dirumah...

    kriiiing hp gue bunyi,
    gue: halo?
    trane: ada yang mau ngomong nih
    suara perempuan: sofi, makasih yaa kue nya enak. bikinin buat tante yaa (ternyata nyokapnya)
    gue: i, iya tante (mulai gugup)
    nyokapnya: oiya masih oriflame ga? make up tante pada habis nih
    gue: iya tante. nanti di titip ke mas ***nya yaa
    nyokapnya: iya makasih yaa sofi
    gue: sama-sama tante

    ternyata gue malah ngobrol sama nyokapnya ckckck, 1 hal, itu kue gue beli. ga sempet bikin karena ga ada waktu hahaha sungguh unik -________-

    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS
    Read Comments

    ngepost = tuntutan profesi

    hello semuanya! apa kabar? udah lama ga nge post nih kangen hehehe maklum lah orang sibuk :p ada beberapa hal yang pengen gue ceritain nih.

    sebenernya gue nge post ini karena tuntutan profesi gue sebagai pelejar. yaa berhubung pelajaran tik lagi ngebahas blog jadi gue mulai ngepost lagi deh (kesempatan dalam kesempitan) pas banget kan sama hobi gue yang suka nge post(dulu) terus jadi jarang gara-gara sibuk eh tiba-tiba gue jadi rajin ngepost lagi karena tuntutan pelajaran (sebenernya gue ngomong apa sih?) entahlah gue juga ga ngerti ucapan gue. lanjut ke permasalahan yang tadi, yaa dulu gue emang rajin nge post. lama-lama gue sibuk dan agak sulit buat online (padahal sih gue urusin fb sama twitter) nah sekarang gue disuruh ngurusin blog buat pelajaran tik, jadi mau gamau gue harus rajin ngepost biar nilai gue ga kalah sama yang lain, huahahahahaha (ketawa setan). senengnya gue bisa online gratisssssss >,<

    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS
    Read Comments

    my daaaaaay

    woy woy woy udah lama ini blog gue tinggal, maaf yaa maklum orang sibuk hehe. Banyak bnget yang pengen gue ceritain mulai dari ultah gue sampe gue nyaris putus sama traneh ckck. Let's read it!

    1. ultah gue 23 september lalu, standar hahaha. Ngga juga sih, yang ucapin lebih banyak dari tahun lalu hehe. Sampe gue ke kantin pun gue sibuk bilang makasih hehe. Maaf banget yang wallnya ga kebales :( tanggal 25 nya ternyata gue dpt surprise dari N,A,D dan yang ga bisa dateng R sama Traneh. Tapi cukup membuat gue terhibur karena gue yang kebetulan lagi bete hehe.

    2. Ketemu mantan
    Ketemu sama MTA pas pulang dari mana gue lupa sama traneh haha. Ga nyangka aja bisa ketemu gitu. Dan yang paling ga disangka-sangka adalah kete RS haha. Pas gue lagi sama B kaka kelas, didepan gerbang mau nemuin traneh ternyata ada RS! Gue menyapa dan dia balik nyapa. Setelah diteliti ternyata dia itu jadian sama ade kelas gue haha. Dan ternyata lagi dia itu temen les nya F temen sebelah bangku gue. Ternyata dari segala ternyata dunia itu emang sempit yaa >.<

    3. Ngobrol sama bule pas kelas native. Asik juga yaa. Tapi bule yang 1 ini adalah bule england berumur 54 th ga punya anak istri ibu bapak dan keluarga. Apakah dia guy? He said, 'but am not a guy, okay?' haha namanya mr.jeff. Kalo mukanya sama sifat mungkin dia saudara jauhnya mr.bean.

    The last, gue nyaris putus sama traneh kemaren padahal cuma hal sepele yang digede-gedein. Mau tau gara-gara apa? GUE MAIN KUDA TOMPROK! yaampun gue aja bingung kenapa bisa sampe sebesar itu. Yang pasti sekarang udah baik :)

    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS
    Read Comments
     
    Trollface / Problem? / Coolface  - Rage Face Comics