Rabu, 11 April 2012

Cara Membuat Menu Explorer di Blog

4/11/2012 02:29:00 AM  IDAM BASHORI  No comments


Cara Membuat Menu Explorer di Blog - Sebelum kita ke tutorialnya saya jelaskan dulu apa yang di maksud dengan membuat menu explorer di blog? Menu Explorer di Blog adalah Menu yang mirip atau menyerupai dengan menu explorer yang ada di PC kita atau Lepi kita dan menu ini dapat kita tampilkan pada Web atau blog kita. Sebenarnya trik ini sudah lama baget dibahas oleh blogger-blogger lainnya. Dan trik ini pertama kali bersumber dari Destroydrop.com tapi oleh saya baru saya posting... maklumlah saya juga masih belajar jadi harus memiliki refrensi tentang tutorial blog yang sebanyak-banyaknya.!! :)

Untuk memulai memasang menu Explorer ini kalian harus Login ke Blogger kalian selanjutnya klik Tata Letak trus klik Edit HTML.

1. Taruh kode dibawah ini tepat diatas kode </head>
<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>

2. Klik simpan templete.

Selanjutnya yang harus teman lakukan adalah menaruh menu ini dalam gadget. Caranya seperti biasa Klik Tata Letak >> Tambah Gadget >> Pilih Java Scrip/HTML. Kemudian taruh Kode Berikut kedalamnya Gadget.

<h2>Menu Blog Ini</h2>

<div class="dtree">

<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'Gubuk Curhat');
d.add(1,0,'Folder 01','#.html');
d.add(2,1,'Sub Folder 01',' #.html');
d.add(3,2,'Sub/file Sub Folder 01',' link anda.html');
d.add(4,0,'Folder 02',' #.html');
d.add(5,4,'Sub Folder 02',' #.html');
d.add(6,5,'Sub/file Sub folder 02',' link anda.html');
d.add(7,0,'Folder 03',' #.html');
d.add(8,7,'Sub Folder 03',' #.html');
d.add(9,8,'Sub/file Sub folder 03',' link anda.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' link anda.html');
d.add(11,0,'File[non-folder]',' link anda.html');
d.add(12,0,'File Single',' link anda.html','','','img/trash.gif');

document.write(d);

//-->
</script>

</div>

Anda bisa menganti nama foldernya dengan nama kesukaan anda. Untuk langkah terakhir Save Gadget anda.

Jika kalian ingin memasang Menu Expoler News Online Buatan saya kalian bisa copy kode dibawah ini :


<h2>STREAMING O N L I N E GUBUK CURHAT</h2>


<div class="dtree">


<script type="text/javascript">
<!--


d = new dTree('d');


d.add(0,-1,'INFO ONLINE');
d.add(1,0,'Surat Kabar Online','#.html');
d.add(2,1,'Kompas',' http://www.kompas.com/');
d.add(3,1,'Jawa Pos',' http://www.jawapos.com/');
d.add(4,1,'Detik.com',' http://www.detik.com/');
d.add(5,1,'OKezone',' http://www.okezone.com/');
d.add(6,1,'Vivanews',' http://wap.vivanews.com/');
d.add(7,1,'Metronews',' http://metrotvnews.com/');
d.add(8,0,'TV Online','#.html');
d.add(9,8,'Mivo TV',' http://mivo.tv/home.php');
d.add(10,8,'My Trans',' http://www.mytrans.com/');
d.add(11,0,'Radio Online','#.html');
d.add(12,11,'Bojonegoro','#.html');
d.add(13,12,'IstanaFM',' http://www.radioistanafm.com/');
d.add(14,12,'MadaniFM',' http://madanifm.com/');
d.add(15,12,'SuryaFM','http://suryafm.radiobassfm.com/');
d.add(16,11,'Surabaya','#.html');
d.add(17,16,'Colors Radio FM', ' http://www.colorsfm.com/mobile/');
d.add(18,16,'DJ FM ',' http://tunein.com/tuner/?StationId=89260&');
d.add(19,16,'MDC FM','http://tunein.com/tuner/?StationId=143650&');
d.add(20,16,'MRadio FM', ' http://tunein.com/tuner/?StationId=124263&');
d.add(21,16,'Pas FM ',' http://tunein.com/tuner/?StationId=117596&');
d.add(22,16,'Radio CMC',' http://tunein.com/tuner/?StationId=143704&');
d.add(23,16,'IstaraFM', ' http://www.istarafm.com');
d.add(24,16,'Radio Kosmonita ',' http://tunein.com/tuner/?StationId=89261&');
d.add(25,16,'Radio Metro Female',' http://tunein.com/tuner/?StationId=118154&');
d.add(26,16,'Radio Nafiri FM', ' http://tunein.com/tuner/?StationId=89263&');
d.add(27,16, 'Radio Spirit TOC ',' http://tunein.com/tuner/?StationId=89263&');
d.add(28,16,'She Radio',' http://tunein.com/tuner/?StationId=135238&');
d.add(29,16,'Strato FM', ' http://tunein.com/tuner/?StationId=144748&');
d.add(30,16, 'Suara Surabaya ',' http://www.suarasurabaya.net/player/index2.php?id=reb302cb323c2719da37b149cd998d204');
d.add(31,16,'Suara Muslim',' http://tunein.com/tuner/?StationId=157772&');
d.add(32,16,'Wijaya FM',' http://tunein.com/tuner/?StationId=132128&');
d.add(33,11,'Jakarta','#.html');
d.add(34,33,'Bensradio', ' http://tunein.com/tuner/?StationId=135674&');
d.add(35,33,'C-Radio ',' http://tunein.com/tuner/?StationId=144553&');
d.add(36,33,'Cosmopolitan FM',' http://tunein.com/tuner/?StationId=109209&');
d.add(37,33, 'DJ Wirya',' http://www.djwirya.com/');
d.add(38,33,'El John ','http://tunein.com/tuner/?StationId=134011&');
d.add(39,33,'Elpas FM','http://tunein.com/tuner/?StationId=131835&');
d.add(40,33,'Fajri FM', 'http://tunein.com/tuner/?StationId=154264&');
d.add(41,33,'FBI FM ','http://tunein.com/tuner/?StationId=115337&');
d.add(42,33,'Indika FM','http://tunein.com/tuner/?StationId=9965&');
d.add(43,33,' Modion Radio', 'http://tunein.com/tuner/?StationId=89543&');
d.add(44,33, 'Mustang  88 FM ',' http://tunein.com/tuner/?StationId=8503&');
d.add(45,11,'Jogyakarta','#.html');
d.add(46,45,'Alhadiyah FM', ' http://tunein.com/tuner/?StationId=141234&');
d.add(47,45,'Bass FM',' http://tunein.com/tuner/?StationId=150004&');
d.add(48,45,'Geronimo FM',' http://tunein.com/tuner/?StationId=47846&');
d.add(49,45, 'GG Link',' http://tunein.com/tuner/?StationId=140012&');
d.add(50,45,'Magenta Radio ',' http://tunein.com/tuner/?StationId=150601&');
d.add(51,45,'MTA FM',' http://tunein.com/tuner/?StationId=136872&');
d.add(52,45,'Prambors Jogya', ' http://tunein.com/tuner/?StationId=89406&');
d.add(53,45,'Radio Syiar Sunnah',' http://tunein.com/tuner/?StationId=117579&');
d.add(54,11,'Bandung','#.html');
d.add(55,54,'Ardan FM', ' http://tunein.com/tuner/?StationId=24935&');
d.add(56,54,'Radio B',' http://tunein.com/tuner/?StationId=110859&');
d.add(57,54,'Radio Rugeri',' http://tunein.com/tuner/?StationId=139925&');
d.add(58,54, 'Radio On Bandung',' http://tunein.com/tuner/?StationId=139864&');
d.add(59,54,'Rakita FM',' http://tunein.com/tuner/?StationId=151684&');
d.add(60,54,'Rama FM',' http://tunein.com/tuner/?StationId=149542&');




document.write(d);


//-->
</script></div>

Kemudian Save Gadget kalian. Walaupun agak sidikit susah,,, tapi saya yakit kalian bisa!!! good luck.....
Baca Juga Artikel Di Bawah Ini!!
Tutorial Blog
Widget Blog

Posted in: ,

Ditulis Oleh : IDAM BASHORI

Artikel Cara Membuat Menu Explorer di Blog ini diposting oleh IDAM BASHORI pada hari Rabu, 11 April 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kolom komentar.

:: Profil ::

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...