Cara Membuat Daftar Isi di Blog dengan Java Script

Blog yang bagus tidak hanya memiliki penampilan yang mengesankan, tetapi juga memiliki navigasi yang baik sehingga pengunjung dapat menjelajahi blog dengan mudah. Salah satu komponen di dalam blog yang dapat membantu pengunjung untuk menjelajahi blog adalah Daftar Isi atau Table Of Content, daftar isi merupakan halaman yang berisi daftar artikel-artikel dib log kita dengan lengkap. Dulu saya pernah memberikan tutorial membuat daftar isi di blog, tapi dengan penampilan yang sangat sederhana. Sekarang saya akan memberikan tutorial cara membuat diblog dengan java script buatan http://modification-blog.blogspot.com/, yang memiliki penampilan yang elegan dan keren. Untuk contoh atau demonya anda bisa melihat gambar di bawah ini atau dengan membuka daftar isi blog forantum ini. Tunggu apalagi sobat.... Ayo kita membuatnya, cara membuatnya adalah sebagai berikut:



LANGKAH 1
1. Login ke blogger.
2. Masuk ke Rancangan dan pilih Edit HTML
3. Letakkan kode di bawah ini, di atas kode ]]>

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }

4. Selenjutnya cari kode , lalu letakkan kode dibawah ini diatas kode .



Penting !!!: Ubah NAMABLOGANDA dengan nama blog sobat sendiri...
2. Klik Terbitkan.....

Selesai...... Sekarang blog anda mempunyai daftar isi atau table of content, semoga pengunjung blog betah berkunjung ke blog sobat.

Cara Membuat Cursor Animasi

Waaawww, 5 hari yang lalu ada yang request ke email saya dari mas "A". Begini katanya, "Mas, saya mau tau cara membuat cursor yang unik seperti yang ada di profil friendster dan yang ada di blog lainnya. Tiap kali saya blogwalking saya selalu ngiri nih liat blog teman yang punya cursor yang unik itu. Bantuin saya donk mas, saya juga mau bikin yang seperi itu...". Setelah baca request itu saya langsung kaget! Kaget bukan karena saya tidak tau caranya, tapi kaget karena itu adalah request pertama yang masuk ke inbox saya, hehe... Ok, kali ini saya akan menjelaskan cara membuat cursor animasi seperi yang diminta mas "A" itu.

Untuk memasang sebuah cursor animasi di blog, langkah pertama yang harus kita lakukan adalah menyiapkan cursor yang akan dipakai. Cari aja di mbah google, atau kalau mau cepat klik aja disini. Setelah anda sampai di situs tersebut, pilih dan kemudian simpan file cursor anda (biasanya berekstensi .ani). Jika sudah, upload file cursor itu ke sebuah image hosting, misalnya Photobucket.com. Setelah meng-upload, simpan url cursor tersebut.

Sekarang kita, beralih ke pemasangan di blog.

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML 

3. Cari kode yang hampir sama dengan kode berikut:

body {

font: 100% Arial, Helvetica;

background: #f3f6f7;

color: #333;

}

4. Udah ketemu kan? Selanjutnya paste kode berikut di bawah kode body { :

cursor: url("URL-CURSOR-ANDA");

5. Terakhir, klik Save Template.

Selamat mencoba...

Jangan lupa kasih komentar ya...

Kegunaan Dari Sebuah Blog

BLOG?? blog ini bisa diibaratkan sebagai rumah, bahkan ibarat sebuah pulau. Dimana, orang akan lebih senang berkunjung jika pada rumah / pulau tersebut menyediakan suguhan yang mereka inginkan. (Itu sih kalo menurut saya)

Dengan Blog sendiri, kita akan mempunyai sebuah rumah tempat tinggal dalam dunia maya. Dimana kita bebas mengekspresikan maupun memfermak Blog sesuka hati kita.

Semakin cantik dan uptudate suatu Blog, maka traffic maupun pengunjungpun, akan semakin meningkat.

Blog / website yang baik biasanya mempunyai kriteria - kriteria tertentu, seperti adanya Header, body, sidebar, dan footer.

Jadi satu halaman sebuah Blog / website yang baik terdiri dari kriteria - kriteria di atas.

Sebagai gambaran lihat ilustrasi gambar di bawah ini:

Dari illustrasi gambar Di atas, sebuah Blog mempunyai fitur-fitur itu semua.

Menambah Chatbox

Anda adalah pemilik blog?? Masih bingung ingin menghias dengan apa?
Ini adalah salah satu jawabannya.
Dengan menggunakan chatbox pengunjung blog anda akan bisa chating secara gratis di blog anda. Caranya mudah kok ikuti saja petunjuk petunjuk ini,
Baca Bismillah, Lalu :
1. Masuk ke Sini
2. Daftarkan diri anda di situ secara gratis.
3. Klik Get your own free Cbox now!
4. Masukan data diri anda