Pertanyaan dari sobat blogger yang bertanya adalah Cerita-Dewasa "brooo,, kalo pengin daftar isi kayak yang paling atas gimana caranya??? itu tuu... yang open all ?.
Gadget Explorer D-Tree yaitu menu yang mirip seperti window explorer tetapi menu ini daftar isinya harus di input secara manual.
Caranya sebagai berikut :
1. Login ke blogger > rancangan > edit html, expand template widget.
2. Ctrl F cari kode html " </head> " lalu letakan link file .js dan .css ini diatasnya.
<link href='http://sites.google.com/site/ecaknyo/blog/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://sites.google.com/site/ecaknyo/blog/dtree_ecaknyo.js' type='text/javascript'/>
Contohnya seperti dibawah ini.<script src='http://sites.google.com/site/ecaknyo/blog/dtree_ecaknyo.js' type='text/javascript'/>
<link href='http://sites.google.com/site/ecaknyo/blog/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://sites.google.com/site/ecaknyo/blog/dtree_ecaknyo.js' type='text/javascript'/>
</head>
<script src='http://sites.google.com/site/ecaknyo/blog/dtree_ecaknyo.js' type='text/javascript'/>
</head>
3. Simpan template.
4. Rancangan > elemen halaman > tambah gadget > html/javascript.
5. Copas kode dibawah ini.
<div class="dtree">
<p><a href="javascript: d.openAll();"><img src="http://sites.google.com/site/ecaknyo/blog/plus.gif" /><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://sites.google.com/site/ecaknyo/blog/minus.gif" /><b>Close all</b></a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http://ecaknyo.blogspot.com');
d.add(2,0,'Arsip Lainnya')
d.add(3,2,'Antivirus','');
d.add(10,3,'Download PcMAV Antivirus','http://ecaknyo.blogspot.com/2009/08/download-pcmav-antivirus.html');
d.add(20,3,'Cara Update Manual Avira Antivir Personal Edition','http://ecaknyo.blogspot.com/2009/08/cara-update-manual-avira-antivir.html');
d.add(30,3,'Cara Update Manual Avast Home Edition','http://ecaknyo.blogspot.com/2009/08/cara-download-update-database-virus.html');
d.add(40,3,'Cara Update Manual AVG Free Edition','http://ecaknyo.blogspot.com/2009/08/cara-update-avg-free-edition-update.html');
d.add(4,2,'Dak Seru','');
d.add(10,4,'Inilah Robot2 yang Akan Membantu Manusia Di Masa Depan','http://ecaknyo.blogspot.com/2009/09/inilah-robot2-yang-akan-membantu.html');
d.add(20,4,'Kecelakaan Kendaraan yang Hebat','http://ecaknyo.blogspot.com/2009/09/apakah-yang-terjadi-kok-bisa-sampai.html');
d.add(30,4,'Mobil2 yang Amazing','http://ecaknyo.blogspot.com/2009/09/wow-mobil-mobil-ini-amazing.html');
d.add(40,4,'Penemuan2 Alat Terbang','http://ecaknyo.blogspot.com/2009/09/penemuan-alat-terbang.html');
d.add(50,4,'Only For Women','http://ecaknyo.blogspot.com/2009/09/only-for-womenweleh2.html');
d.add(5,2,'Download','');
d.add(10,5,'Simple IP Address Calculator','http://ecaknyo.blogspot.com/2009/09/simple-ip-addres-calculator.html');
d.add(20,5,'TweakNow WinSecret','http://ecaknyo.blogspot.com/2009/09/tweak-windows-pake-aplikasi-tweaknow.html');
d.add(30,5,'Download Photoshop Font','http://ecaknyo.blogspot.com/2009/08/photoshop-font-download-gratis-lengkap.html');
d.add(40,5,'Download Software Gratis','http://ecaknyo.blogspot.com/2009/08/download-software-gratis.html');
d.add(6,2,'Elektro','');
d.add(10,6,'Kemampuan Hantar Arus (KHA)','http://ecaknyo.blogspot.com/2009/08/kemampuan-hantar-arus-kha.html');
d.add(20,6,'Rugi-rugi Daya (P Loss)','http://ecaknyo.blogspot.com/2009/08/rugi-rugi-daya-p-loss.html');
d.add(30,6,'Macam-macam Daya Listrik','http://ecaknyo.blogspot.com/2009/08/macam-macam-daya-listrik.html');
d.add(7,2,'X-Tra Duit');
d.add(10,7,'Kumpul Blogger','http://ecaknyo.blogspot.com/2009/09/gabung-di-kumpul-blogger-dapet-duit.html');
d.add(20,7,'PPCMuslim Adsense','http://ecaknyo.blogspot.com/2009/09/adsense-indonesia-ya-ppcmuslim.html');
d.add(30,7,'AdsenseCamp','http://ecaknyo.blogspot.com/2009/09/adsense-indonesia-ya.html');
d.add(8,0,'Komunitas','','','','http://sites.google.com/site/ecaknyo/blog/Globe.gif');
d.add(10,8,'Komunitas Blogger Palembang','http://palembang-blogger.blogspot.com/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
d.add(20,8,'Komunitas Blogger Sumatera','http://andalas-comunity.blogspot.com/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
d.add(30,8,'Politeknik Negeri Sriwijaya','http://www.polisriwijaya.ac.id/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
d.add(40,8,'Universitas Negeri Sriwijaya','http://www.unsri.ac.id/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
document.write(d);
//-->
</script>
</div>
Ket.<p><a href="javascript: d.openAll();"><img src="http://sites.google.com/site/ecaknyo/blog/plus.gif" /><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://sites.google.com/site/ecaknyo/blog/minus.gif" /><b>Close all</b></a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http://ecaknyo.blogspot.com');
d.add(2,0,'Arsip Lainnya')
d.add(3,2,'Antivirus','');
d.add(10,3,'Download PcMAV Antivirus','http://ecaknyo.blogspot.com/2009/08/download-pcmav-antivirus.html');
d.add(20,3,'Cara Update Manual Avira Antivir Personal Edition','http://ecaknyo.blogspot.com/2009/08/cara-update-manual-avira-antivir.html');
d.add(30,3,'Cara Update Manual Avast Home Edition','http://ecaknyo.blogspot.com/2009/08/cara-download-update-database-virus.html');
d.add(40,3,'Cara Update Manual AVG Free Edition','http://ecaknyo.blogspot.com/2009/08/cara-update-avg-free-edition-update.html');
d.add(4,2,'Dak Seru','');
d.add(10,4,'Inilah Robot2 yang Akan Membantu Manusia Di Masa Depan','http://ecaknyo.blogspot.com/2009/09/inilah-robot2-yang-akan-membantu.html');
d.add(20,4,'Kecelakaan Kendaraan yang Hebat','http://ecaknyo.blogspot.com/2009/09/apakah-yang-terjadi-kok-bisa-sampai.html');
d.add(30,4,'Mobil2 yang Amazing','http://ecaknyo.blogspot.com/2009/09/wow-mobil-mobil-ini-amazing.html');
d.add(40,4,'Penemuan2 Alat Terbang','http://ecaknyo.blogspot.com/2009/09/penemuan-alat-terbang.html');
d.add(50,4,'Only For Women','http://ecaknyo.blogspot.com/2009/09/only-for-womenweleh2.html');
d.add(5,2,'Download','');
d.add(10,5,'Simple IP Address Calculator','http://ecaknyo.blogspot.com/2009/09/simple-ip-addres-calculator.html');
d.add(20,5,'TweakNow WinSecret','http://ecaknyo.blogspot.com/2009/09/tweak-windows-pake-aplikasi-tweaknow.html');
d.add(30,5,'Download Photoshop Font','http://ecaknyo.blogspot.com/2009/08/photoshop-font-download-gratis-lengkap.html');
d.add(40,5,'Download Software Gratis','http://ecaknyo.blogspot.com/2009/08/download-software-gratis.html');
d.add(6,2,'Elektro','');
d.add(10,6,'Kemampuan Hantar Arus (KHA)','http://ecaknyo.blogspot.com/2009/08/kemampuan-hantar-arus-kha.html');
d.add(20,6,'Rugi-rugi Daya (P Loss)','http://ecaknyo.blogspot.com/2009/08/rugi-rugi-daya-p-loss.html');
d.add(30,6,'Macam-macam Daya Listrik','http://ecaknyo.blogspot.com/2009/08/macam-macam-daya-listrik.html');
d.add(7,2,'X-Tra Duit');
d.add(10,7,'Kumpul Blogger','http://ecaknyo.blogspot.com/2009/09/gabung-di-kumpul-blogger-dapet-duit.html');
d.add(20,7,'PPCMuslim Adsense','http://ecaknyo.blogspot.com/2009/09/adsense-indonesia-ya-ppcmuslim.html');
d.add(30,7,'AdsenseCamp','http://ecaknyo.blogspot.com/2009/09/adsense-indonesia-ya.html');
d.add(8,0,'Komunitas','','','','http://sites.google.com/site/ecaknyo/blog/Globe.gif');
d.add(10,8,'Komunitas Blogger Palembang','http://palembang-blogger.blogspot.com/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
d.add(20,8,'Komunitas Blogger Sumatera','http://andalas-comunity.blogspot.com/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
d.add(30,8,'Politeknik Negeri Sriwijaya','http://www.polisriwijaya.ac.id/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
d.add(40,8,'Universitas Negeri Sriwijaya','http://www.unsri.ac.id/','','','http://sites.google.com/site/ecaknyo/blog/Icon_User.gif');
document.write(d);
//-->
</script>
</div>
Merah, gantilah dengan alamat url blogmu.
Biru , gantilah dengan nama folder arsipmu.
Pink, gantilah dengan nama judul artikelmu.
Orange, gantilah dengan url artikelmu yang berhubungan dengan judul artikel tersebut.
6. Simpan gadget & refresh blog untuk melihat hasilnya.
Selamat Mencoba.
pertamax, selalu ditunggu ni kunjungannya
ReplyDeletePebisnis > pertamax lagi lu gan.. salut gw.. hehe :D btw ntar wa mampir n komeng jg
ReplyDeletejikakakakakakaka =)), akhirnya dibalas. thanks broo... atas infonya. tapi bener-bener ribet :((, karena serba manual, kirain otomatis:p. tapi gue makasi banget broo lu dah nambahin ilmu gue. sekali lagi MATOR TENGKYU....
ReplyDeleteSukses selalu :D
wah nice nih brad,..
ReplyDeleteperlu ane coba...
thanks y buat tutorialnya... :D
Cerita Dewasa > hehe.. memang agak ribet gan.. :))
ReplyDeleteodonk's > kalau mau dicoba silahkan saja sob :)
kalau saya belum mau pake males sih agak ribet
ReplyDeletewah kapan2 bisa bicoba nih.. thanks sob tutorialnya
ReplyDeletethan infonya sob...
ReplyDeleteidebagusku > emg agak ribet sob.. ;)
ReplyDeletemixedfresh > silahkan kalau mau mencoba gan :D
etam grecek > siiip ;)
nice info gan...
ReplyDeletelangsung dicoba...
thanks udah mampir n comment di sentrablog.blogspot.com
sentraBLOG > silahkan dicoba gan.. :)
ReplyDeletecukup menarik isi dan blognya bro. kunjung balik yo.................
ReplyDeleteOke, udah follow back sob, makasih atas kunjungannya.
ReplyDeleteMulti Info > thx bro.. ntar wa kunjung balik :)
ReplyDeleteInternet Business > sama2 sob.. :D
Brooooo, gue ni mau tanya lagi hheheheheheh...
ReplyDeletesory lah broo gue terlalu banyak nanya... tapi kan ada pepatah "MALU BERTANYA SESAT DI JALAN" betul...betul...????
Gue mau nanya gini : "Bagimana caranya (cara pasang + scriptnya) kalo blog kita ada pengunjung, trus pengunjung tersebut mau keluar(close) dari blog kita, secara otomatis blog kita ngeluarin pertanyaan (kata-kata apalah...) pada saat blog kita di tutup.
Paham kan maksud gue broo...???
mohon dibalas ke web gue ya.... hehehehe sory gue agak nyusahin lu..
thanks... sukses slalu brooo....
kayanya ini keren yah master andi, mirip tampilan explore pada windows, ok deh sementara saya save dulu
ReplyDeletewah ini keren nih kang,, bisa kaya tampilan explore di windows gitu,, jadi tuh foldernya keliatan jadi lebih rapi,, makasih kang
ReplyDeleteboleh nih, gak membuat loading berat kan???
ReplyDeleteTeman,, ini kan saya baru saja dapet Award Baclink, trus award tsb harus di bagikan lagi ke 10 blog ,,dan selamat aku memilih blog kamu.......
ReplyDeletemaka dari itu saya mohon kamu mengecek blog saya, http://zainulcr7.blogspot.com/
thank's!!!!
Cerita Dewasa > gkppa gan.. ntar gw jawab.. maaf baru merespon gw lagi cuti ini.. sabar ya :)
ReplyDeleteRizky2009 > silahkan di save dulu Riz.. ;)
allie > iya.. sering2 mampir ya.. :D
Leader Street > kagak bakal bikin loding berat gan.. :)
Zainul Arifn > oke..ntar gw ambil.. thx bgt sob..mantab ;)
Have a nice article,Please smile me back.Thank you.
ReplyDeletemakasih yah buat postingannya... sangat berguna sekali buat blog sy....
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteMMO > oke bro.. ;)
ReplyDeletedna guitar made > siiip gan.. :X
siiiiiiip.... perlu di coba ini......
ReplyDeleteYoga Kucing > silahkan gan dicoba.. tpi pahami dulu.. :)
ReplyDeleteNice Info
ReplyDeletetapi ribet. :(
Azumamaro Nakamura > betul gan.. agak ribet..jd harus dipahami dulu dg benar.. :)
ReplyDeleteKEREn aq coba dulu ya sob...
ReplyDeleteRoxx > silahkan dicoba.. pahami dulu ya gan.. :)
ReplyDeleteSalut, kk. Mau saya coba di blog saya juga ah
ReplyDeleteTawon Republik > oke xchange link ya ..siip ;)
ReplyDeletenah. . ini dia . .
ReplyDeletehahahah. .
terima kasih. .
Batch file programming | Keajaiban Om Google |Tips dan Trick Komputer | Free Software
mas saya suka dengan blog mas, saya mau tau cara bikin kolom komentar seperti yangf mas punya, saya pengen belajar mas
ReplyDeleteMangstabh... ane izn save script'y, mw pelajari Boss.
ReplyDeletethanks tutor'y.. :-) slm knl.
Muhammad Chandra > :D
ReplyDeletesuramadu > thx gan... mo belajar apa gan ?
Akoey > silahkan saja gan :)
saya udah coba. .
ReplyDeletetapi ndak berhasil. .
gak tau kenapa. .
Muhammad Chandra > gk berhasil ya... apa kamu masi bingung gan baca tutor d'tree-nya.. ?
ReplyDeletewah boleh juga nih dicobain
ReplyDeletecandi bawah laut > kalo begitu silahkan dipelajari dulu gan.. :)
ReplyDeletemau tanya nih, mas.. kalau ngasih komentar di blog lain, kemudian ngasih icon emonya gimanya ya? udah nyoba ngasih tanda misalnya kayak gambar emonya mas di atas itu tapi yang muncul kok tetap simbol tulisannya saja? terima kasih buat sharingnya
ReplyDelete@newbie blog:
ReplyDeleteyups.. emg benar sprt itu caranya ..tinggal ketikan kode sesuai gbr iconnyo..
oww..kalo yg di blogku..emg sengaja gw remove script js icon komentarnya krn bentrok dg widget follower google-ku bikin error.. makanya gk tampil.. :D
NIce bos...
ReplyDeleteMakasih buat infonya...
@John Pinem:
ReplyDeletetengkyu gan.. :)
mantaaaaab tuh gan
ReplyDeleteijin coba ne gan..... ^_^
ReplyDeleteSepertinya patut dicoba nich... :D
ReplyDelete@Kuda Pawana:
ReplyDeletetengkyu gan.. :)
@Reygard Skybird:
ReplyDeleteyups..silahkan gan.. :)
@Prasetyo:
ReplyDeletekalo gk dicoba gk bakal master2 utak-atik script html gan.. ;)
langsung coba n langsung berhasil mas...makasih ya?
ReplyDeleteini buktinya
www.tawasutera.blogspot.com
MAKASI FREND.... SCRIPTX SY KOPI YAH,,,
ReplyDeletemantep postingnya .mo tanya cara ganti icon foldernya gmana? thanks
ReplyDeleteMantabf menunya .. CUCOK banget ama desain template yang aku pakai ..
ReplyDeleteMakasih ya .. maju terus dah blog nya .. :D