Cara Membuat Menu D'Tree

Apa itu menu dTree? Menu dTree adalah menu yang menyerupai/mirip menu explore dan menu ini dapat kita tampilkan ke dalam web/blog kita. Teman2 pasti sudah pada tahukan bagaimana muka dan bentuknya menu explore itu? Saya kira sudah pada tahu semua yaaa...(tuh kayak gambar di samping kiri). Nah, untuk penampilan menu dTree sendiri, daripada teman2 cuma mbayangin saja mending tman2 noleh ke sidebar kanan blog ini. Bagaimana, miripkan? Oh ya...sebenarnya trik ini sudah lama sekali dibahas. dan trik ini bersumber dari Destroydrop.com, maklumlah saya juga masih belajar,, jadi harus memiliki referensi sebanyak-banyaknya. Ok, lanjuuut...


Untuk memulai memasang menu tersebut, seperti biasa silahkan teman2 login dulu ke akun blogger. Lalu klik tata Letak >> Klik Edit HTML


1. Taruh script berikut di atas kode tag </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 template.


Selanjutnya yang harus teman2 lakukan adalah menaruh kode HTML dTree ke dalam gadget sidebar blognya teman2. Caranya klik Tata Letak >> Tambah Gadget HTML dan taruh kode HTML berikut ini

<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,'KAMPUS CEMARA');
d.add(1,0,'S-1 KEPERAWATAN UNIVERSITAS WIRARAJA','#.html');
d.add(2,1,'Pertemuan Ke-1',' #.html');
d.add(3,2,'Mendaftar Blogger',' http://blognatien.blogspot.com/2011/10/panduan-mendaftar-di-blogger.html');
d.add(4,2,'Memasang Template',' http://blognatien.blogspot.com/2011/10/memasang-template-bloggercom.html');
d.add(5,2,'Memasang Foto Profil',' http://blognatien.blogspot.com/2011/10/memasang-foto-profil-bloggercom.html');
d.add(6,2,'Mengenal Fungsi Gadget',' http://blognatien.blogspot.com/2011/10/mengenal-fungsi-gadget-blogger.html');
d.add(7,2,'Cara Mengganti Blog dengan tampilan Anime Keren','http://blognatien.blogspot.com/2013/10/cara-mengganti-tampilan-blog-dengan.html');
d.add(8,2,'Panduan Memosting',' http://blognatien.blogspot.com/2011/10/panduan-memosting-di-blogger.html');
d.add(9,2,'Mengatur Jumlah Postingan',' http://blognatien.blogspot.com/2011/10/mengatur-jumlah-posting-di-halaman.html');
d.add(10,2,'Membuat Tulisan Bergerak',' http://blognatien.blogspot.com/2011/10/cara-membuat-tulisan-gerak-marque.html');
d.add(11,2,'Membuat Pointer Animasi di Blog','http://blognatien.blogspot.com/2013/10/membuat-pointer-animasi-di-blog.html');
d.add(12,1,'Pertemuan Ke-2',' #.html');
d.add(13,12,'Mengetahui Jumlah Pengunjung Blog',' http://blognatien.blogspot.com/2011/10/cara-mengetahui-jumlah-pengunjung-blog.html');
d.add(14,12,'Mengetahui Pengunjung yang Online','http://blognatien.blogspot.com/2013/10/cara-mengetahui-jumlah-pengunjung.html');
d.add(15,12,'Membuat Menu Drop Down','http://blognatien.blogspot.com/2011/11/cara-membuat-menu-dropdown.html');
d.add(16,12,'Menghilangkan Tanda Obeng dan Tang di Blog','http://blognatien.blogspot.com/2011/10/menghilangkan-tanda-obeng-dan-tang-di.html');
d.add(17,12,'Membuat Menu D Tree','http://blognatien.blogspot.com/2011/11/cara-membuat-menu-dtree.html');
d.add(18,12,'Tips Cara meningkatkan Jumlah pengunjung','http://blognatien.blogspot.com/2013/10/tips-cara-meningkatkan-jumlah.html');
d.add(19,1,'Pertemuan Ke-3',' #.html');
d.add(20,19,'Membuat Tombol Print di Blog',' http://blognatien.blogspot.com/2011/11/membuat-tombol-print-di-blog.html');
d.add(21,19,'Memasang Widget SMS Gratis',' http://blognatien.blogspot.com/2011/11/memasang-widget-sms-gratis-pada-blog.html');
d.add(22,19,'Membuat Menu Melayang/omni slide',' http://blognatien.blogspot.com/2011/11/membuat-menu-melayang-di-blog-omni.html');
d.add(23,19,'Membuat Efek Salju','http://blognatien.blogspot.com/2012/10/menambah-code-efek-hujan-salju-di-blog.html');
d.add(24,1,'Pertemuan Ke-4',' #.html');
d.add(25,24,'Penilaian Presentasi Hasil Karya Blog');




document.write(d);

//-->
</script>

</div>

Maka Preview dari kode di atas adalah seperti berikut ini

Saran saya agar teman2 memasukkan kode HTML di atas ke dalam gadget sidebar blog-nya teman2, mengingat agar teman2 lebih mudah dalam memahami bagian mana saja dan apanya saja yang harus diotak-atik untuk menampilkan suatu folder beserta file-nya sesuai dengan keinginannya teman2.

Ok, kita mulai mengenal bagian mana saja yang harus kita atur untuk memulai membuat folder serta yang mana juga yang harus kita atur untuk membuat file saja. Untuk memulai mengenal bagian yang harus diatur dalam pembuatan folder dan file, agar teman2 hanya memperhatikan nomor2 yg telah saya tandai dengan warna2 (untuk tulisan blablabla.HTML, kita bahas setelah masalah nomor)

Nah, apakah teman2 bertanya apa maksud dari nomor2 yang acak2 itu? Sebenarnya itu bukan nomor acak2an, akan tetapi nomor unik yang tersusun rapi.

Coba teman2 perhatikan beda nomor yg berada di sisi kanan dan kiri. Yang berada di sisi kiri sesuai dengan urutan:
1
2
3
dst

Sedangkan yang berada di sisi kanan gak beraturan.

Sebenarnya angka2 tersebut dapat teman2 baca seperti berikut ini:

1,o ===>> Artinya adalah Folder Utama

2,1 ===>> Dan ini adalah Sub dari folder utama, oleh karena itu saya memberi warna angka satu dengan warna yang sama, yaitu merah. Kalau teman2 ingin menambahkan sub folder utama yang satu lagi di bawahnya, maka nanti teman2 tulis 3,1 atau d.add(3,1,'Sub Folder 02',' #.html'); (karena pada intinya folder tersebut masih mengikuti angka satu/folder utama)

3,2 ===>> Artinya adalah sub dari sub folder utama, bagian yang ini bisa jadi folder dan juga bisa jadi file. Apa maksudnya? Maksudnya adalah, pada intinya semua file yg memilki sub akan menjadi folder, sedangkan yg tidak memilki sub maka akan menjadi file selamanya (selama belum ada sub yang menumpang kepadanya), kalau teman2 bingung, teman2 bisa memperhatikan preview/gambar di atas. Coba dilihat tuh, setiap jajaran ketiga pasti file kan? Nah itu karena yg jajaran ketiga adalah bagian yg terakhir alias bagian yg sudah tidak memilki sub lagi.


Nah, untuk yg masalah pembuatan folder dan file selesai...

Selanjutnya masalah yg berada pada bagian kanan, yaitu tulisan "#.HTML" dan "Link anda.HTML"

Kenapa pada bagian yg saya tandai dengan warna merah saya beri tanda "#" bukannya menggunakan "Link anda"?

Itu semua karena terletak pada fungsi masing2. Apa maksudnya...

Maksudnya yang telah saya tandai dengan "#", artinya adalah folder utama atau folder sub utama. Dengan begitu para pengunjung langsung tahu kalau itu bukan file akan tetapi pengantar file alias folder. Ini semua merupakan pertimbangan saya pribadi, mungkin beberapa teman blogger menganggap menu ini benar2 mirip menu explore, memang mirip tapi hanya tampilannya serta sifatnya yg menyerupai menu dropdown, akan tetapi bedanya pasti teman2 tahu...Kalau di menu explore kita bisa membuka folder dengan cara mengklik tulisannya, misal: My Documents atau juga bisa dengan cara mengklik tanda plus-minus yang terletak pada samping kirinya. Akan tetapi untuk menu dropdown ini beda, kita hanya bisa mengklik tanda plus-minusnya saja untuk bisa menampilkan menu yg berada di dalamnya (kalau gak percaya, maka bisa dicoba menu dTree di sidebar kanan blog ini). Bagaimana teman2 sudah ada bayangankan...?

Lalu untuk tulisan "link anda.HTML" itu bisa diganti dengan link anda. Dan pastikan kalau yang anda sisipi dengan link tersebut sudah merupakan sebuah link yg tidak bersub lagi, maksudnya bukan folder.

Alhamdulillah, akhirnya rampung juga. O ya, bagi teman2 yg mungkin merasa ada sedikit kesulitan...mungkin bisa menganalisanya sendiri melalui kode HTML berikut, yang merupakan kode dari menu dTree saya yang berada di samping kanan itu...

<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,'T4belajarblogger');
d.add(1,0,'Available in 3 Languages','#.html');
d.add(2,1,'Indonesia','http://t4belajarblogger.blogspot.com/2009/11/bagaimana-kalau-seorang-seniman-lagi.html');
d.add(3,1,'English','http://t4belajarblogger.blogspot.com/2009/11/english-post.html');
d.add(4,1,'العربية','http://t4belajarblogger.blogspot.com/2009/12/arabic-blogger-tutorial.html');
d.add(5,0,'Sekilas Info','#.html');
d.add(6,5,'Update PageRank','http://t4belajarblogger.blogspot.com/2009/12/cara-cepat-update-pagerank-google.html');
d.add(7,5,'4 Gadget Terbaru','http://t4belajarblogger.blogspot.com/2009/12/empat-gadget-baru-dari-blogger-buster.html');
d.add(8,5,'Baca Yg Lainnya=>>','http://t4belajarblogger.blogspot.com/2009/12/sekilas-info.html');
d.add(9,0,'Link and Exchange','#.html');
d.add(10,9,'Link to This Blog','http://t4belajarblogger.blogspot.com/2009/11/link-to-this-blog.html');
d.add(11,9,'Tman dan Link Exchange','http://t4belajarblogger.blogspot.com/2009/12/teman-ngeblog-dan-link-exchange.html');
d.add(12,0,'Feed Blog','http://feeds.feedburner.com/%7Er/TutorialBlogDiBloggerBelajarMembuatBlogNgeblogUntukPemulaDanLanjutan/%7E6/2');
d.add(13,0,'Blog Tools','#.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(14,13,'Kumpulan Kode warna','http://t4belajarblogger.blogspot.com/2009/11/kumpulan-kode-warna.html');
d.add(15,13,'Blog Anda Lambat?','http://t4belajarblogger.blogspot.com/2009/11/tips-mempercepat-loading-blog.html');
d.add(16,0,'Profil Empunya Blog','http://www.blogger.com/profile/00282623483850735612');

document.write(d);

//-->
</script>

</div>

NB: Jika ingin merubah ukuran serta warna font menu dTree, silahkan baca tutorial lengkapnya di sini

Semoga Bermanfaat []

Tips Cara Meningkatkan Jumlah Pengunjung Blog bagi Pemula:

1. Buatlah tulisan blog yang disenangi diri sendiri dan orang lain misal:

Memilih jenis tulisan untuk meningkatkan jumlah pengunjung blog:

a. Cara Mengobati Mata Minus atau Rabun Jauh
b. Cara mengembalikan Recovery data hilang di Memory
c. Harga dan Spesifikasi Kelebihan Blackberry Q10 Terbaru
d. Jadwal dan Final Bulutangkis Indonesia Open
e. dll

2. Pilih Template Blog yang sesuai dengan yang akan dibahas, di blog Imbloggernusantara beberapa sudah ada: 

Cara Meningkatkan Traffic Pengunjung melalui Template Blog:

a. Template Blogger Magazine / Majalah
b. Template Blogger Auto Amazon
c. Template Blogger Photography Keren Terbaik
d. Template Blogger Premium Unik Keren
e. dll

3. Konsentrasilah pada 1 pembahasan kecuali bagi TreTan yang sudah mempunyai skill lebih
4. Menyisipkan judul postingan dengan kata kunci yang sering dicari, misal: "Resep Masakan" ditambah "Resep Masakan Tajin Sobih asal Bangkalan - Madura" dan lain sebagainya.
5. Hindari copy-paste, buatlah yang original kecuali TreTan mengutip dengan menyebutkan sumber.
6. Sering mengupdate Artikel, 1 hari 1 artikel lebih baik.
7. Banyak Blogwalking (Berkunjung ke blog lainnya)
8. Buatlah konten yang bermanfaat bagi banyak orang agar pengunjung tertarik untuk datang kembali lagi.
9. Berbagi konten artikel melalui situs jejaring sosial seperti Facebook, Twitter dan lain sebagainya.
10.Submit ke beberapa Situs Social Bookmark

Cara Mengganti Tampilan Blog Dengan Template Anime Keren

haah, kali ini saya akan memberikan cara untuk merubah tampilan blog anda atau mengganti template blog anda dengan mudah dan dengan template anime yang keren. langsung aja kita simak

1. Buka Link di bawah ini
http://btemplates.com/?s=anime&x=0&y=0

 lalu akan muncul seperti ini

2. Pilih tampilan blog yang anda suka. 

3. Klik Download untuk mendownload template dan Preview jika ingin melihat template lebih lanjut.
4. Tunggu sampai selesai, lalu extract file ber eksistensi XML
5. Setelah itu buka blog seperti biasanya.

6. Buka template pada Dasbor blog anda

7. Sebelumnya, kita harus membackup template agar tidak terjadi gangguan atau kekacauan saat template diganti. caranya cukup klik Cadangkan/Pulihkan

 8. Lalu akan muncul kotak dialog seperti ini, Klik Unduh Template Lengkap lalu simpan di tempat yang anda inginkan.

9. Lalu kalau sudah, cari file template yang tadi anda download dari bTemplates dengan klik bagian Browse
10. Jika sudah ketemu tinggal di unggah dan pasti jadi

Atau bisa menggunakan cara lain

1. Backup dulu
2. Buka file hasil download dari bTemplate dengan Notepad/Wordpad
3. Copy (supaya mudah, tekan tombol Ctrl+A lalu Copy)
4. Masuk ke akun blogeer di template dan Klik Edit HTML 

5. Hapus semua yang ada di HTML (CTRL + A lalu Del)
6. Pastekan kode tadi
7. Jangan lupa untuk disimpan

Model template lain juga tersedia di www.btemplates.com

Yossshhh!! akhirnya selesai juga. Semoga bermanfaat dan semoga berhasil!! ^_^

Copas sertakan sumbernya yah! ^_^ 

membuat pointer animasi di blog

1. Buka http://www.cursors-4u.com
2. Pilih kategori (di sebelah kiri), misalnya ‘Comics’.
3. Muncul beberapa pilihan gambar, klik salah satu.
4. Muncul kode HTML. Copy atau tekan Ctrl C
5. Login ke blog
6. Klik ‘Design’, ‘Edit HTML’, centang ‘Expand Widget Templates’
7. Pastekan kode HTML tadi (no.4) di atas kode < body >
8. Simpan dan lihat hasilnya.



NOTE;  jika sobat pas buka websitenya ada iklan atau yg lain klik aja skip ad / lewati.

dan untuk lebih gampang mencari kode  < body >   gunakan ctrl+f  pada komputer sobat.

selamat mencoba,,dan semoga sukses..

cara mengetahui jumlah pengunjung sedang online

langkah-langkahnya sebagai berikut :

1. Silahkan kunjungi alamatnya disini
2. Klik I agree sebagai tanda Persetujuan
3. Isi formulirnya, kemudian klik Sign Up
4. Selanjutnya klik login dan masukkan nama dan kata sandi yang telah di buat sebelumnya
5. Setelah Login Sukses, Klik Next
6. Selanjutnya klik Counter address
7. Setelah itu silahkan Copy " html code" yang diberikan dan pastekan pada blog anda
8. Khusus Mwb, dipasang pada Menu Navigasi

Jika anda berhasil maka tampilannya kurang lebih seperti dibawah ini :

Cara Mengetahui Jumlah Pengunjung Blog

1.Kunjungi http://www.histats.com
2.Isikan url blog kawan di kolom register, contohnya blogseputar.blogspot.com/ seperti gambar dibawah:

3.Klik register, maka kawan akan ke halaman pendaftaran isi:

-Mail dengan email bloggermu.

-Confirm Email Adress dengan email bloggermu juga.

-Password dengan password bloggermu 

(sebenarnya bisa yang lain, tetapi agar mudah diingat pakai password blogger saja)

-Confirm Password dengan passwordmu.

-Name dan surname dengan nama mu.

-Time zone dengan zona waktumu.

-Centang juga kotak i have read... dan dan jangan lupa isi chaptanya.

4.Klik register.

5.Akan ada tulisan registrasion done!..... artinya, kamu harus mengunjungi akun gmailmu.

6.Kunjungi akun gmail dan cek inbox/kotak masuk.

7.Akan ada konfirmasi dari histats, klik link konfirmasinya.

8.Log in ke histats. Setelah itu, kawan akan berada di halaman control panel, klik add a website yang ada di pojok kanan atas. Isi formulirnya dengan sesuai, lalu klik continue.

9.Kawan akan berada di halaman control panel, lalu klik tombol stats yang digambarkan dengan simbol seperti gambar dibawah:

10.Sampai disini, kawan sudah bisa melihat statisik pengunjung blog kawan. Jika hanya ingin melihat statisik blog, sampai disini saja langkahnya. Tetapi, jika ingin pengunjung mengetahui statisiknya, ikuti langkah selanjutnya.

11.Masih dihalaman ini, klik counter code di bagian atas.

12.Pilih add new counter di kotak sebelah kiri.

13.Pilih tampilan yang disukai, lalu centang semua kotak yang ada di atas. Kemudian klik save.

14.Maka akan muncul counter code yang baru dibuat. Klik counter codenya. 

15.Akan muncul kode scriptnya yang ada di bawah. Copykan kodenya di blog dengan cara:

a.Kunjungi dasbor blogger dan pilih tata letak.

b.Klik tambah gadget, maka akan muncul halaman baru. 

c.Pilih html/javascript dan copykan kodenya disitu, lalu simpan. Maka akan ada widget histats di blog seperti di pojok kanan blog ini.

- See more at: http://blogseputar.blogspot.com/2013/05/mengetahui-pengunjung-blog.html#sthash.weLBtJRT.dpuf

Memasang Widget SMS Gratis pada Blog

Hallo teman-teman.... Saya pengen bagi-bagi info lagi nih, infonya sesuai sama judul diatas "Cara Membuat Widget SMS GRATIS Pada Blog". Seperti yang sudah saya buat pada laman "SMS Gratiss". Nahh dengan widget ini kamu bisa kirim-kirim SMS secara GRATIS lewat blog kamu dan secara tidak langsung dengan memasang widget ini bisa juga menaikkan traffik blog kamu.

Namun ada kekurangan dari widget ini. Apa? Kekurangannya adalah kamu tidak bisa nerima sms balasan! Lahh gimana mau nerima SMS balasan, wong SMS-nya bukan dari nomor Handphone kamu? Jadi kalo dibales-pun yaa keterimanya di server yang ngirim SMS. Hehe,,

Oke gak perlu lama-lama, langsung saja ke tutorial gimana cara bikinnya ya. Hehe...

1. Silakan login ke Blogger
2. Pilih Tata Letak
3. Tambah Widget/Gadget baru
4. Setelah itu pilih Edit HTML/Javascript
5. Copy-Paste kodingan dibawah

<iframe frameborder="0" height="264" name="SMS Gratis" scrolling="no" src="http://sms-online.web.id/widget" style="border: 1px solid rgb(255, 255, 255);" width="84%"> not support</iframe>

6. Selesai :)