Panduan WeBlog pada Blogspot Panduan pembuatan Weblog yang sederhana ini kami persembahkan pada Kegiatan Pelatihan Pembuatan WeBlog bagi Bapak / Ibu Pengajar di SMAN 1 Kandangan.

1. Tentang Blog Blog atau weblog adalah sebuah website pribadi yang isinya bersifat personal atau pribadi sesuai

dengan pribadi si pembuat blog tersebut dan juga berisi link-link ke website lain ataupun link ke dalam artikel dalam blog itu sendiri. Blog bisa berisi hal-hal dan kejadian yang dialami d ialami oleh blogger baik itu yang berhubungan dengan dunia internet atau kejadian yang dialami di kehidupan nyata sehari-hari, blogger seringkali mendokumentasikan kejadian yang mereka alami kedalam blog sehingga blog juga sering disebut sebagai jurnal pribadi, blogger juga seringkali berbagi ilmu melalui blog mereka dan berinteraksi dengan para pengunjung melalui media yang memungkinkan pengunjung untuk meninggalkan komentar atau saling tukar alamat email, sehingga terjadi komunikasi oleh sebab itu blog juga merupakan sebuah media sosial Blog mempunyai fungsi yang sangat beragam selain sebagai sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis. Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, yang dapat memperkenankan para pengunjungnya untuk  meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif. Situs-situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog sering disebut sebagai blogosphere. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalam blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog

Blog atau weblog pertama kali dikenalkan oleh Jhon Barger pada tahun 1997, dari awal sejak  pertama kali istilah blog digunakan sampai sekarang, blog atau weblog telah berkembang menjadi sebuah multimedia bahkan menjadi sebuah sarana untuk menghasilkan uang dan bisa menjadi sebuah aset bagi pemilik blog atau weblog tersebut, sekarang banyak blogger (blogger

adalah sebutan bagi si pembuat blog) yang mempunyai penghasilan atau uang dari aktifitasnya di dunia online alias ngeblog. Media blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh Google.com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.

2. Jenis – Jenis Blog   Blog politik 

Tentang berita, politik, aktivis, dan semua persoalan berbasis blog (Seperti kampanye).  Blog pribadi

Disebut juga buku harian online yang berisikan tentang pengalaman keseharian seseorang, keluhan, puisi atau syair, gagasan jahat, dan perbincangan teman.  Blog bertopik 

Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu  Blog kesehatan

Lebih spesifik tentang kesehatan, blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll.  Blog sastra

Lebih dikenal sebagai litblog (Literary blog).  Blog perjalanan

Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan tentang perjalanan/traveling.  Blog riset 

Persoalan tentang akademis seperti berita riset terbaru.  Blog hukum

Persoalan tentang hukum atau urusan hukum; disebut juga dengan blawgs (Blog Laws).  Blog media

Berfokus pada bahasan kebohongan atau ketidakkonsistensi media massa; biasanya hanya untuk  koran atau jaringan televisi  Blog agama

Membahas tentang agama  Blog pendidikan

Biasanya ditulis oleh pelajar atau guru sebagai media belajar & pembelajaran.  Blog kebersamaan

Topik lebih spesifik ditulis oleh kelompok tertentu.  Blog petunjuk (directory)

Berisi ratusan link halaman website.  Blog bisnis

Digunakan oleh pegawai atau wirausahawan untuk kegiatan promosi bisnis mereka  Blog pengejawantahan

Fokus tentang objek diluar manusia; seperti anjing  Blog pengganggu (spam)

Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam Blog)

3. Cara membuat blog Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu sebelum membuat sebuah weblog maka kita terlebih dahulu mendaftarkan diri pada free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com , http://www.wordpress.com serta http://blogsome.com .

Dalam kesempatan kali ini kami akan mengulas tentang Bagaimana Cara Pembuatan Blog di http://www.blogger.com,

Membuat Blog dengan bantuan wizard dari www.blogger.com memberikan kemudahan kepada kita, hanya dengan 3 langkah kita sudah mampu untuk menciptakan sebuah weBlog yang dapat disaksikan oleh semua netter yang ada di dunia.

Perhatikan gambar untuk memulai menciptakan weBlog sendiri.

Aktifkan Web Browser kemudian masukkan alamat website http://www.blogger.com/start , kita akan melihat gambar seperti gambar di bawah ini. Silahkan lakukan langkah-langkah berikut ini:

Gambar 01 Pada tampilan Gambar 01, kita mengganti Language menjadi Indonesia sehingga tampilannya akan berubah menjadi berbahasa Indonesia. 1. Klik tanda anak panah yang bertuliskan "CIPTAKAN BLOG KITA " Selanjutnya kita masukkan Nama Pengguna (e-mail) dengan e-mail yang kita miliki.

Gambar 02

2. Isilah Alamat Email dengan alamat email kita (tentunya yang valid)

Jika kita belum memiliki account gmail, maka kita buat akun pada gmail terlebih dahulu. Klik buat account baru sekarang (Gambar 03) Ikuti langkah – langkah pembuatan e-mail menggunakan gmail.com, sampai berhasil memiliki akun berupa [email protected].

Selanjutnya ulangi sebagaimana gambar 02 dengan memasukkan kembali e-mail [email protected] dan password , jika berhasil maka tampilananya seperti gambar di

bawah ini ;

Gambar 03 3. Isi Nama Tampilan dengan nama yang ingin kita tampilkan

4. Tulis tulisan yang tertera pada form Verifikasi Kata . Beri tanda tik/cek pada kotak di pinggir tulisan Kita menerima Persyaratan dan Layanan .

Gambar 04

5. Klik gambar anak panah yang bertuliskan "LANJUTKAN" 6. Tuliskan judul blog yang kita inginkan (nanti bisa di rubah lagi) pada form Judul Blog 7. Tulis nama situs kita pada form Alamat Blog (URL)

Gambar 05

8. Tulislah tulisan verifikasi yang ditampilkan pada form Cek Ketersediaan , jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN ". 9. Pilihlah gambar (template) yang kita inginkan (nanti bisa di rubah lagi), kemudian klik  k lik  gambar anak panah yang bertuliskan "LANJUTKAN "

Gambar 06

10. Setelah keluar tulisan "Blog Kita sudah jadi ! ".

Gambar 07

11. Klik gambar panah bertuliskan "MULAI BLOGGING".

Gambar 08

12. Silahkan kita tuliskan sesuai dengan visi dan Misi kita, untuk melihat hasil dari POSTING kita maka klik tombol Lihat Blog.

4. CARA MEMPOSTING ARTIKEL Bagi yang mengalami sedikit kendala tentang tata cara memposting suatu artikel ke dalam blog, maka kali ini akan dibahas tentang tata cara posting di www.blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa kita gunakan. Jika kita sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila kami bahas sekilas tentang ini, barangkali ada di antara kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Untuk merubah jenis huruf yang di gunakan --> Untuk merubah ukuran huruf (heading) --> Untuk Menebalkan huruf  --> Untuk memiringkan huruf 

--> Untuk merubah warna huruf  --> Untuk membuat link  --> Untuk membuat artikel menjadi rata kiri --> Untuk membuat tulisan menjadi di tengah --> Untuk membuat artikel menjadi rata kanan --> Untuk membuat artikel menjadi rata kiri dan rata kanan --> Untuk membuat sub bahasan oleh angka --> Untuk membuat sub bahasan oleh bullet --> Untuk mengecek spelling --> Untuk memasukan gambar (upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose Co mpose (biasa) --> Untuk me review (melihat) artikel Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan

 Bagi para pemula, biasanya kita bingung setelah daftar membuat blog dan berhasil maka apa yang  harus di isi (diposting) dalam sebuah blog. Isi (conten ) dari sebuah blog tentu saja terserah kepada si   pemilik blog itu sendiri, apakah mau di isi puisi, perjalanan hidup, teknik, ataupun apa saja. Nah di   sini kami menyarankan, isilah blog kita sesuai dengan misi kita The Writer Is Blogger dengan tujuan untuk memotivasi bapak/ibu guru selalu memperbaharui informasi dan pengetahuan dalam menunjang tugas profesionalnya dengan menulis, meningkatkan kemampuan bapak/ibu guru dalam mempublikasikan tulisannya, meningkatkan meningkatkan informasi dan komunikasi antara guru dengan dengan siswa, dan akhirnya meningkatkan mutu proses pembelajaran siswa.

5. CARA SETTING BLOG

Bagi kita yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali k enali mesin pencari (search engine) semisal Google, Yahoo, MSN dan lain - lain. Beberapa hal yang harus di setting, silahkan ikuti langkah-langkahnya : 1. Silahkan Login ke www.blogger.com dengan user name (e-mail) dan password yang telah dimiliki 2. Klik judul blog yang mau di setting 3. Klik Pengaturan , lalu klik Dasar. Beberapa form yang harus di isi pada menu Dasar : •

Judul  isi dengan judul blog kita. Contoh : p-tiok’s blog

•

Uraian  isi dengan deskripsi blog kita. Contoh : disini kami menyarankan untuk  diisikan Staf Pengajar TIK (sesuai mata pelajaran) SMAN 1 Kkitangan Kediri

•

Tambahkan blog Kita ke daftar kami?  pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

•

Biarkan mesin pencari menemukan blog Kita?  pilih ya

•

Tampilkan Editing Cepat di Blog Kita?  pilih Ya

•

Tampilkan Link Posting Email?  Sebaiknya pilih ya, tapi pilih tidak juga tidak apaapa

•

Konten Dewasa?  Pilih tidak. Kalau pilih ya berarti blog kita di anggap blog untuk  dewasa (semacam blog porno)

•

Tampilkan Mode Compose untuk semua blog Kita?  pilih Ya

•

Aktifkan transliterasi?  pilih Tidak, jika kita ingin ada button untuk mengubah biasa ke huruf hindi (India), pilih ya jika sebaliknya)

•

Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasikan untuk mengatur menu Publikasi : •

Alamat Blogspot  isi dengan nama kita. Contoh : p-tiok.blogspot. Biasanya alamat yang tercantum adalah langsung alamat blog kita.

•

Klik tombol Simpan pengaturan . Selesai

5. Klik Format untuk mengatur menu format : •

Tampilkan  pilih angka posting yang ingin kita tampilkan. Misal: Tampilkan 6 posting, berarti posting yang akan tampil di halaman blog kita adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.

•

Format Header Tanggal  pilih model tanggal/bulan yang kita sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

•

Format tanggal Index Arsip  pilih model untuk peng-arsip-an yang kita kehendaki.

•

Format Timestamp  Pilih bentuk waktu yang kita sukai.

•

Zona Waktu  Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC+7.00]Asia/Jakarta.

•

Bahasa  Pilih bahasa yang di inginkan.

•

Tampilkan Field judul  Pilih ya atau tidakpun tidak apa-apa

•

Tampilkan kolom link  pilih ya, tapi sekitainya pilih tidak juga tidak apa-apa.

•

Aktifkan perataan float  pilih ya, tapi sekitainya mau pilih tidak juga tidak apa-apa

•

Klik tombol Simpan Pengaturan . Selesai

6. Klik Komentar Untuk mengatur menu komentar : •

Komentar  pilih tampilkan , ini agar artikel kita dapat di komentari oleh pengunjung

•

Siapa yang Bisa Berkomentar ?  Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

•

Default Komentar untuk Posting  pilih Posting baru memiliki komentar .

•

Link balik  Pilih tampilkan . Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

•

Default Link Balik untuk Posting  pilih Posting baru Memiliki Link Balik .

•

Format Timestamp Komentar  pilih format jam yg singkat. Contoh: 8.00 PM.

•

Tampilkan komentar dalam sebuah window popup?  pilih Ya. Supaya ketika di klik  oleh pengunjung, halaman blog kita tidak menghilang/tertimpa halaman komntar.

•

Aktifkan moderasi komentar?  pilih Tidak (sebaiknya).

•

Tampilkan verifikasi kata untuk komentar?  pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

•

Tampilkan gambar profil dalam komentar?  pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

•

Email Pemberitahuan Komentar  isi dg alamat email kita, ini di maksudkan agar setiap ada yang berkomentar pada artikel kita, kita dapat kiriman email dari blogger.com sebagai pemberitahuan.

•

Klik tombol Simpan Pengaturan . Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan : •

Frekuensi Arsip  pilih Bulanan .

•

Aktifkan Halaman Posting?  pilih ya.

•

Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs : •

Izinkan Feed Blog  pilih Penuh.

•

Posting URL Pengubahan Arah Feed  di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

•

Footer Feed Posting  Silahkan di isi dengan kode iklan yang kita punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

•

Klik tombol Simpan Perubahan . Selesai

6. Memilih Template Bagi yang sudah melakukan beberapa settingan seperti posting terdahulu, langkah selanjutnya yang perlu dilakukan adalah memilih template, namun tidak mutlak harus berurutan boleh dilakukan sesuai dengan kebutuhan kita masing – masing.

Sekilas tentang template

Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya

(misal: gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang kita lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang kita lihat sekarang adalah salah satu bentuk dari desain template. Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik  untuk dilihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlamalama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang.

Langkah – langkah pemilihan template di www.blogger.com; •

Login terlebih dahulu seperti biasa dengan memakai user name dan password

•

Klik ” Tata Letak ” kemudian klik "Pilih Template Baru"

•

Klik pada salah satu template yang telah disediakan. Sebelum memutuskan dalam memilih "template" ini, sebaiknya kita lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng-klik tulisan "pratayang template". Jika di rasa sudah menemukan yang paling kita sukai, silahkan klik tulisan "Simpan template" yang ada di sebelah kanan atas.

Mungkin kita pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri. Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com, bisa searching di Google. Tapi perlu di ketahui, karena blogger beta (baru)

terbilang masih sangat baru sehingga penyedia template gratis kebanyakan menyediakan template untuk di pakai di template classic..

7. Mengatur Huruf dan Warna Untuk para blogger baru, kita akan menikmati fasilitas baru dari blogger.com, yaitu kita bisa mengatur jenis font (huruf) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul muncul beberapa pengaturan; (ini khusus untuk template "minima")

1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai 2. Text Color --> pengaturan warna huruf hu ruf dari posting-an 3. Link Color --> pengaturan warna huruf yang di link  4. Blog Title Color --> pengaturan warna huruf judul Blog 5. Blog Description Color --> pengaturan warna huruf deskripsi blog 6. Post Title Color --> pengaturan warna huruf hu ruf judul posting-an 7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah 8. Sidebar Title Color --> pengaturan warna huruf judul yang kita di sidebar (kolom samping) 9. Sidebar Title Color --> pengaturan warna huruf yang ada di sidebar(kolom samping) 10. Visited link Color --> pengaturan warna huruf link ketika pengunjung mengarahkannya ke tulisan yang mengandung link  11. Text Font --> pengaturan jenis huruf,berlaku hu ruf,berlaku untuk huruf hasil dari posting-an ataupun huruf yang ada di sidebar 12. Sidebar Title Font --> pengaturan jenis huruf untuk judul yang ada di sidebar serta tanggal postingan 13. Blog Title Font --> pengaturan jenis huruf Judul blog 14. Blog Description Font --> Pengaturan jenis huruf dek ripsi blog 15. Post Footer Font --> pengaturan jenis huruf footer (contoh : posted by )

16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai

Untuk template – template selain template "minima", pada dasarnya sama, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang dirubah, kita cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.

8. Pasang Image Pada Judul Artikel IMAGE.

Kalau berbicara masalah image/gambar, memang sangat seru dan menyenangkan.

Dengan adanya image maka blog kita akan tampil lebih menarik untuk di lihat, walaupun tentu saja apabila berlebihan akan berakibat buruk yaitu blog kita akan susah untuk di akses oleh para pengunjung karena beban kapasitas >

Sehingga ko enya akan jadi seperti i i :

dan yang akan tampil ad lah image dengan ukur n yang seb narnya. contoh image t rsebut adal h seperti ini :

t ntu saja bil kita memajang image esuai ukuran image yang aslinya, i i menjadi k urang enak  ilihat jika dipadukan d ngan tulisa judul posting. Untuk  engakalinya k ita bisa menambahkan beberapa atribut kedala

kode imag tersebut, a tara lain at ibut

width="..." untuk lebar, height "..." unt k tinggi, d n border="..." untuk 

bingkai, dan dalam hal ini yang dipa ai adalah b rder denga nilai 0 (nol) agar terhi dar dari setting t mplate yan memakai ilai border. Kita ambil ontoh kode image tadi jadi s perti ini :

s hingga image yang tadi akan berubah jadi seperti ini :

•

Langkah keempat

Langkah keempat yaitu memasukan kode gambar yang sudah kita modifikasi tadi ke dalam kode template blog milik kita. Silahkan ikuti langkah-langkah berikut ini : Untuk yang memakai template klasik : 1. Login ke blogger dengan user id dan password 2. Klik menu Template 3. Klik menu Edit HTML 4. Copy dan paste seluruh kode HTML ke dalam notepad ini dimaksudkan untuk  mengurangi resiko apabila terjadi kesalahan pada saat kita melakukan editting kode template 5. Cari kode berikut pada kode HTML kita :

cara yang mudah untuk menemukan kode tersebut adalah : klik menu Edit yang berada bar menu browser lalu klik Find kemudian tuliskan kode diatas tadi lalu klik tombol Find, maka secara otomatis kita akan langsung di bawa ke tulisan kode tadi. Nah kode adalah

merupakan kode untuk menampilkan Judul Postingan,

maka kita harus menyimpan kode image yang kita miliki di dekatnya, bisa sebelum atau sesudahnya tergantung dari keinginan kita. Tentunya bila di simpan sebelum kode judul posting maka image pun akan muncul sebelum judul posting, jika di simpan sesudah kode judul posting sudah barang tentu image pun akan muncul sesudah tulisan judul. Kita ambil contoh kode image di simpan sebelum tulisan judul :   border="0">  

pemasangn kode    adalah untuk memberi jarak spasi antara image dengan tulisan judul, sebab jika tidak menambahkan kode   maka image dengan tulisan akan bersatu walaupun kode image dengan kode judul di tulis ada jarak spasinya. 6. Klik tombol Preview untuk melihat perubahan yang dilakukan 7. Jika sudah OK, klik tombol Save Settings 8. Selesai

Maka setiap kita posting artikel, secara otomatis image yang kita pasang tadi akan muncul tanpa harus di tuliskan kembali.

Untuk yang memakai template baru : Catatan awal bagi yang memakai template baru yaitu setiap tag yang kita pakai harus selalu di tutup tidak seperti template klasik, contoh kode gambar yang tadi kita pakai adalah :

kode image tersebut tag nya harus ditutup dengan tag penutup :

Sehingga kode image jadi bertambah menjadi :

Untuk memasukan kode gambar yang sudah di tambahi tag penutup tadi, silahkan ikuti langkah berikut : 1. Login ke blogger dengan user id dan password 2. Klik menu Layout 3. Klik menu Edit HTML 4. Klik tulisan Download Full Template 5. Silahkan save dulu template kita, ini untuk back up http://i162 .photobucket.com/albums/t253/rohm albums/t253/rohman24/kupu2.gif" an24/kupu2.gif" width="45" hight="45" border="0"> >    Pesan akan muncul saat mouse berada di atas teks SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik  LOOP="angka|-1|infinite" --> Mengatur jumlah loop WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Contoh marquee dari gerakan :

marquee dari kanan ke kiri

hasilnya : … ganti kata "left" dengan keinginan kita yaitu bisa : left, up, down . Contoh marquee dari perilaku gerakan :

marquee menurut perilaku

hasilnya : …..

Contoh marquee dengan variasi huruf dan warna latar belakang : <FONT FACE="georgia" color="White">

hasilnya :

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse kita ke area marquee di bawah ini :

silahkan tunjuk ke sini

hasilnya : ….

11. Membuat Yaho ! Messenger Emoticons Apabil kita ingin

enghiasi p stingannya dengan ber agai ekspresi dari yahoo, kita haru tahu

source odenya, biar kita bebas ngakak ata cemberut selagi posting. Silahkan opy source code berikut, sisipkan ada kata ya g sesuai dengan postingan kita, kalo lagi sedih jangan di p sang yang lagi ngaka ,...

:)happy

:(sad

;)wi king

:Dbi grin

;;)batting eyelashes

>:D‐peace sign

[‐Xshame on you

\:D/dancing

>:/brin it on

;))hee hee

:‐@chatterbox

^:)^not worthy

:‐ joh go on

(*)star

o >hiro

o >billy

o‐+april

(%)yin yang

Blogger Emoticons





12. Pasang Jam di Sidebar Agar blog kita tampak cantik dan menarik untuk di lihat, maka kita bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa kita dapatkan secara gratis pada situs http://www.clocklink.com . Silahkan ikuti langkah-langkah berikut; 1. Silahkan klik link berikut --> http://www.clocklink.com 2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?

3. Silahkan kita melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll 4. Jika di rasa sudah menemukan model jam yang kita sukai, klik tulisan View HTML tag yang berada di bawah jam yang kita sukai tadi 5. Klik tombol yang bertuliskan Accept 6. Pilih waktu yang sesuai dengan tempat kita di samping tulisan TimeZone. Contoh : untuk  indonesia bagian barat pilih GMT +7:00 7. Set ukuran jam yang kita sukai di samping tulisan size 8. Copy kode HTML yang di berikan pada notepad

9. Paste kode HTML yang di copy tadi pada tempat yang kita inginkan 10. Selesai

13. Pasang Buku Tamu di Sidebar Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang punya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang kita buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog kita, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidup. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, kita tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing – masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, kita tinggal klik lalu coba lihat – lihat. Tapi untuk menghemat waktu pencarian kita, maka di sini kita akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan kita ikuti langkahlangkah berikut ini : 1. Seperti biasa kita harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe,  free>>, ataupun dengan mengklik tulisan Sign Up, silahkan kita tulis content="INDEX, FOLLOW"/>

Yang harus diperhatikan adalah tulisan-tulisan yang tercetak merah. Tulisan-tulisan tersebut haruslah di sesuaikan dengan kondisi blog kita. Untuk deskripsi, silahkan isi dengan deskripsi blog kita. contoh untuk blog milik kita adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download  software secara gratis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog kita. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan koma untuk  memisahkan antara keyword yang satu dengan keyword yang lainnya. Untuk judul blog, silahkan isi dengan judul dari blog kita. Contoh : untuk blog ini adalah Blog tutorial .

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode ...... size="...">...... Contoh :

Ini font size 1 Ini font size 2 Ini font size 3 Ini font size 4 Ini font size 5 Ini font size 6 Ini font size 7

Hasil yang akan tampil seperti ini :

Ini font size 1

Ini font size 2

Ini font size 3

Ini font size 4

Ini font size 5

Ini font size 6

Ini font size 7 Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.

Anchor Link / Link Satu Halaman Apa itu Anchor Link ? Anchor link biasa di sebut juga dengan link dalam satu halaman, berbeda dengan hyperlink pada umumnya yang biasa di gunakan untuk menghubungkan suatu tulisan dengan tulisan lain yang berada pada halaman yang berbeda atau blog yang berbeda, anchor link ini lebih banyak di gunakan untuk halaman yang sama. Pada bagian paling bawah blog, ada tulisan berupa link yang tertera : ->> Kembali lagi ke atas ....

8. Copy paste kode berikut di atas kode Kembali lagi ke atas

Klik tombol Pratinjau untuk melihat perubahan 9. Jika sudah OK, klik tombol SIMPAN TEMPLATE Satu lagi yang menarik dari fungsi kode ini, yaitu buat para kita yang suka menulis posting yang sangat panjang, atau merupakan tulisan-tulisan yang berupa karya ilmiah, Kode ini bisa membantu kita untuk membuatkan sebuah navigasi untuk mempermudah pembaca. Misalkan pada setiap pharagrap kita sisipkan sebuah anchor link yang mana anchor link ini bisa berupa tulisan yang terlihat ataupun hanya sebuah objek yang tidak bisa terlihat oleh pembaca. Dan tentunya pada tempat-tempat tertentu kita membuat tulisan berupa link untuk memanggil anchor link. Sebagai contoh kita telah membuat beberapa anchor link pada setiap pharagrap, kode anchor link yang kita sisipkan seperti ini :

>

>

--> pharagrap pertama --> pharagrap kedua --> pharagrap ketiga

Coba klik masing-masing link berikut : Kembali ke pharagrap Pertama ! Kembali ke pharagrap Kedua ! Kembali ke pharagrap Ketiga !

Pasang Statistik dan Tracker Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita >, sehingga kode tadi menjadi seperti ini :

Maka contoh hasilnya akan seperti ini :

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila kita ingin memperbesar atau memperkecil image tersebut, kita bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin kita tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

Kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, kita tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk  ukuran tinggi image, kita tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut. Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :

Untuk membuat image button langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang kita klik adalah tulisan Desiggen a Button bukan Design a Logo, contoh image button :

BLOG TOOLS Blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog b log milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita. Untuk mendapat tool user online status, salah satunya kita bisa mendapatkan dari www.Geovisite.com,, untuk langkah-langkahnya silahkan ikuti langkah berikut : www.Geovisite.com 1. Ketik alamat website menuju www.geovisite.com 2. Klik tulisan Register yang berada di bawah gambar Geo counter Flash 3. Tulis alamat email kita pada kotak kosong di samping tulisan Email 4. Tulis address blog milik kita disamping tulisan URL. Contoh : http://p-tiok.blogspot.com 5. Tulis kata untuk login di samping tulisan Login (4/12). Contoh : 6. Tulis password yang di inginkan disamping tulisan password (4/8) . Contoh : 7. Pilih waktu yang sesuai dengan daerah kita disamping tulisan Location . contoh :untuk  daerah jakarta adalah Asia/Jakarta (GMT+7) 8. Pilih kategori yang sesuai dengan blog kita di samping tulisan Category . Contoh : Internet 9. Pilih bahasa yang sesuai dengan blog kita di samping tulisan Language of your site . Contoh : English 10. Pilih judul blog kita disamping tulisan Title. Contoh : Rubrik Elektronik  11. Tulis deskripsi dari blog milik kita pada kotak di samping tulisan Description . Contoh : All about Electronic, tips, maintenance, until how to service the equipment of electronic 12. Klik tombol yang berlogo disket 13. Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad 14. Silahkan close window browser kita 15. langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML milik  kita

• • • •

Sebagai tambahan, situs penyedia yang lainnya kita bisa kunjungi di : http://www.neoworx.net http://www.webfooted.net http://www.fastonlineusers.com http://www.histats.com

Blogroll Alternatif  . Apa itu Blogroll? Blogroll atau di sebut juga Link Exchange atau tukeran link antar blog atau website adalah menyimpan link address milik orang lain pada blog/website milik kita. Apa manfaat dari blogroll? Mungkin secara sekilas para kita berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab dengan itu tentu saja kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar. Dengan adanya blogroll banyak sekali manfaat yang kita dapatkan, antara lain yaitu mempererat tali silaturahmi atau tali persaudaraan diantara pemilik blog/website. selain itu semakin banyak blog kita di link oleh blog lain maka semakin baik pula posisi rangking blog kita pada Search Engine semacam Google, Yahoo, Msn serta teman-temannya. Tentu saja sama-sama kita ketahui bahwa setiap pemilik blog/website berkeinginan bahwa blog/website miliknya mempunyai rangking yang baik pada search engine. Makanya budayakan tukeran link   jangan pelit, karena kalau kita pelit memberi link ya tentu saja tidak akan ada yang mau pasang link addres milik kita pada blog mereka. Terus apa hubungannya dengan judul di atas? Bagi para kita yang baru membuat blog dan baru memiliki blogroll hanya beberapa saja mungkin tulisan ini tidak terlalu bermanfaat, tapi mungkin barangkali nanti setelah link  kita jumlahnya sampai ratusan atau bahkan bah kan ribuan informasi ini bisa jadi bermanfaat. Memang seperti yang tadi kita katakan di awal bahwa bertukar link atau link Exchange sangat bermanfaat, tetapi kita kalo link kita sudah mencapai ratusan atau bahkan ribuan tentu saja akan menemui masalah, yaitu tentu saja link ini akan memakan tempat yang banyak dan jadi tidak enak untuk di pandang mata para pengunjung. Nah jika kita mempunyai masalah demikian, maka kita akan memberikan beberapa alternatif jalan keluarnya, Yaitu antara lain : Blogroll dengan marquee

yang paling banyak di gunakan oleh para blogger untuk menghemat space pada blog adalah dengan menggunakan perintah marquee.

Contoh membuat blogroll dengan perintah marquee :

Rubrik Elektronik

User Online

free Blog Template

Authorize service

Blog D'Tree



Kode diatas tidak baku harus di tuliskan persis seperti di atas, tapi bisa di sesuaikan dengan kondisi dan keinginan kita. Kode yang bisa di rubah adalah :

scrollamount="2" -->

angka "2" adalah menunjukan kecepatan gerakan, jika ingin

lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"

direction="up" -->

tulisan "up" menunjukan arah gerakan keatas, kalau ingin di

rubah tinggal ganti kata "up" "u p" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .

width="50%" -->

tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari

tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"

height="200" -->

tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika

ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .

Ada variasi lain, yaitu dengan memakai tabel, contoh :

Rubrik Elektronik User Online free Blog Template Authorize service Blog D'Tree

Blogroll dengan menu dropdown

Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh di bawah :



4. Nah, ganti kode di atas dg kode html di bawah ini:

- Archives -



5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH. 6. Selesai.

Untuk kita yang memakai template baru, langkahnya lebih mudah yaitu : 1. login dulu, tentunya dengan id kita 2. klik LAYOUT 3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive 4. Klik Edit pada kotak Blog Archive tadi 5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek  6. Klik Save Changes

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk  Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, kita ambil contoh untuk menu Dropdown milik kita pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan kita copy kode HTML di bawah : tulisan disini yang akan muncul duluan duluan

tulisan di sini yang akan muncul muncul

Sebagai contoh untuk menu Dropdown milik kita :

- Blog Tutorial - Membuat Blog setting Blog Memilih Template warna & huruf Posting Artikel Read more (1) Text area Blogger Emoticons Yahoo!Emoticons Download Gratis

Hasilnya akan seperti ini :

.

Membuat Link (1) Dalam dunia blog, tentu kita tidak asing lagi dengan yang namanya link. Apabila kita seorang blogger, tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau kita tidak bisa membuat link, ini dapat berakibat kita akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik  membuat link ini, kita akan mengulasnya dalam beberapa sub bagian yakni : Link pada postingan Jika kita membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang kita ikuti pada sebuah website di internet, lalu kita ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang kita ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika kita tertarik silahkan kita klik disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut : 1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini. 2. Klik ikon yang bergambar seperti ini yang berada pada toolbar, maka setelah itu akan muncul tulisan http://  pada window baru yang berbentuk seperti gambar di bawah ini :

3. Isi kotak yang ada tulisan tersebut dengan alamat situs yang kita inginkan, misalkan : http://www.nshodiq.blogspot.com 4. Klik OK. Selesai

Link dengan window baru Mungkin kita punya pikiran, kalau kita membuat sebuah link trus pembaca mengkliknya, kita kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik  salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog kita tetap ada dan halaman yang baru di klik akan muncul terpisah.Ketika kita mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara : 1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu

yang ada pada toolbar. 2. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.nshodiq.blogspot.com : klik disini

maka disini kita harus menambahkan embel-embel kode HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah : klik di sini

atau : klik di sini

atau bisa juga seperti ini : klik di sini

Buat Links di sidebar

Bila kita berkeinginan membuat link kepada teman kita di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik) 1. Sign in di blogger dengan id kita 2. Klik menu TEMPLATE 3. Klik Edit HTML 4. Klik Edit 5. Klik Find (on this page)… --> untuk mempercepat pencarian

6. Tuliskan kata dimana kita ingin tempatkan, contoh di blog kita adalah Links para sahabat, klik Find 7. Tuliskan link yang kita inginkan, contoh jika kita ingin membuat link ke blog kita, maka kode yang di tulis adalah :

Blog Tutorial

8. Klik Save Template Changes. Selesai Jika kita sedang mengotak-atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya kita copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila kita melakukan kesalahan, kita bisa mengembalikan kesemula karena sudah mempunyai backup >

(kode dalam satu baris)  jika ingin dalam window baru :

(kode dalam satu baris) Link berjudul Untuk memperjelas bahasan ini, silahkan kita kembali ke halaman atas blog ini lalu arahkan mouse kita ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan Mau belajar bikin website sendiri silahkan klik disini . Nah sekarang mungkin kita sudah mengerti maksud kita, jadi dalam sebuah link ada kata-kata untuk  menekankan ajakan kita kepada para pembaca untuk mengklik link tersebut. Untuk membuat

 judul lin ini sangat mudah, yak  i kita hany harus men mbahkan title=" ... " pada link yan kita buat. Co toh seperti yang kita b rikan di ata :

d"> ini contoh merah

hasilnya seperti ini :

ini contoh merah

atau bisa juga seperti ini : ini contoh merah

Hasilnya tetap sama : ini contoh merah untuk mengetahui kode warna sangat gampang, kita bisa menggunakan bantuan program photosop, kita tinggal sorot warna yg di kehendaki, nanti kode warnanya akan di tampilkan. Kode-kode diatas tidak hanya berlaku pada postingan saja, akan tetapi berlaku juga pada edit HTML untuk kode template. Klik kotak di samping tulisan c_color_heading kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan heading Klik kotak di samping tulisan c_color_link_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround link  Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link  Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom Tulis ukuran lebar yang sesuai dengan sidebar blog kita (kalau mau di tempatkan di sidebar) contoh : 160 Di samping tulisan Show Screen Names ada dua radio button, sebaiknya pilih yes, pilih No  juga boleh Di samping tulisan Image Size ada dua radio button, sebaiknya pilih Full-Size , pilih halfSize juga boleh Disamping tulisan Rows, pilih berapa baris yang ingin muncul (terserah) Disamping tulisan Title, tulis kata yang kita suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja Di bagan bawah, ada tulisan Stat Tracking Script , copy kode script yang di berikan lalu paste pada program notepad , silahkan save terlebih dahulu Kembali ke bagian atas Klik tmbol bertuliskan Preview and Get Code Copy eluruh kode yang berada di bawah tulisan Recent Readers Widget Display & Code , lalu paste ke dalam notepad Silahkan klik tulisan Logout yang berada di bagian atas untuk keluar dari account kita Silahkan close window situs tersebut. Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita, karena kode ini merupakan Java Script , maka cara memasukan kodenya sama dengan memasukan kode HTML,.

Membuat menu D'tree Beberapa waktu yang lampau, kita 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 ke jadian tersebut tidak terulang kembali. Saran kita, apabila kita memasang suatu script atau image yang bersumber dari milik orang lain, sebaiknya bersegeralah untuk menyimpannya pada account milik kita, akan tetapi sebelum mengambilnya tentu kita harus minta izin terlebih dahulu kepada pemilik script tersebut, etika nya seperti itu. Misalkan seperti ini, apabila kita 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 kita mempunyai intelegensi yang cukup lumayan bagus, maka kita yakin tidak usah kita terangkanpun akan memahami bagaimana untuk membuat menu dtree dari kode diatas sehingga link-link milik kita dapat di pasang pada kode-kode di atas. Dengan tidak ada maksud kita untuk merendahkan kita yang masih belum mengerti, maka kita akan mencoba menerangkannya, akan tetapi untuk lebih memudahkan maka kita telah membuat sebuah menu dtree buatan kita yang telah kita sertakan link-link di dalamnya : source code dari menu yang kita 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, kita akan mencoba mengulasnya agar lebih mudah untuk di pahami : Jika kita 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 kita menginginkan menu yang di simpan menjadi induk, kita 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 d.add(10,3,' isi ke 1',' 1 ','isi isi ke 2',' 2','isi isi ke 3',' 3','isi isi ke 4',' 4 ','isi isi ke 5'' 5''isi isi ke 6'); 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 kita 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 kita 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 href="http://amen24.googlepages.com/dtree.css" type="text/css" />

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

Open all | Close all

7. Klik tombol Simpan Perubahan Template 8. 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 href="http://amen24.googlepages.com/dtree.css" type="text/css" />

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 kita)

Open all | Close all

11. Klik tombol Simpan 12. Klik pada elemen yang barusan di buat, tahan lalu geser pada tempat yang di inginkan (di drag & drop) 13. Klik tombol Simpan yang berada di sebelah atas 14. Selesai. Silahkan lihat hasilnya

Sumber rujukan : http://www.google‐book.com http://www.photobucket.com http://www.blogspot.com http://www.help.blogspot.com http://www.comunity.blogspot.com http://www.tutorialweblog.com http://www.kolom‐tutorial.blogspot.com http://www.ilmukomputer.com