Cara Pasang Daftar Isi Otomatis Di Blogspot

Sebagai tindak lanjut dari posting sebelumnya dengan topik Cara Pasang Daftar Isi Manual di Blogspot, Saya telah menjanjikan akan memposting tentang Cara Pasang Daftar Isi Otomotis di Blogspot, maka dari itu postingan ini adalah sebagai bentuk pemenuhan janji tersebut.

Kali ini saya tidak akan menjelaskan mengenai fungsi dan cara kerja dari Daftar Isi Otomatis ini, karena penjelasan yang cukup sudah saya sampaikan pada tutorial Cara Pasang Daftar Isi Manual di Blogspot, oleh karena itu bagi Anda yang belum pernah membacanya silahkan kunjungi dulu tutorial tersebut, gratis koq.

Cara pemasangan daftar isi manual dan daftar isi otomatis tidak berbeda, yang membedakan hanya kode-kode yang digunakan dan cara kerjanya saja, namun tidak salahnya klo saya memberikan contoh bentuk dari daftar isi otomatis tersebut seperti di bawah ini :

Blog Tutorial

1. CARA PASANG READMORE OTOMATIS
2. Cara Membuat Artikel Terkait (Related Post) Di Blogspot
3. Cara Sembunyikan Navbar Blogger

Cara Membuat Blog

1. Cara Membuat Blog di Multiply
2. Cara Sembunyikan Navbar Blogger
3. Panduan Membuat Blog

Cara Membuat Email

1. Cara Membuat Email di Google Lengkap Dengan Petunjuk Gambar

Cara Mempercantik Blog

1. CARA MEMBUAT KOTAK TEXT AREA
2. CARA MENGGANTI HEADER BLOG VERSI 2
3. Cara Membagi Postingan Menjadi 2 (dua) Kolom
4. Cara Membuat Gambar Berjalan
5. Cara Membuat Page Number-Navigasi Halaman
6. Cara Membuat Teks Berjalan Atau Efek Marquee
7. Cara Memperpendek Alamat Blog Dengan Domain Gratis
8. Cara Menambah Fitur Reply Pada Kotak Komentar - New !!
9. Cara Mengetahui Pengunjung Yang Online
10. Cara Mengganti Favicon atau Icon Address Bar
11. Cara Merubah Warna Baground Template
12. Cara Mudah Membuat Menu Navigasi pada Blogspot
13. Cara Pasang Translator (Penerjemah Bahasa) di Blog - New !!
14. Cara Sembunyikan Navbar Blogger
15. Menampilkan Huruf Besar Pada Awal Posting

Cara Memperpendek Alamat Blog

1. Cara Membuat Teks Berjalan di Menu Bar
2. Cara Memperpendek Alamat Blog Dengan Domain Gratis

Download MP3

1. FREE DOWNLOAD 75 MUSIK INDONESIA
2. Free Download Lagu-Lagu D'Masiv
3. Free Download Musik Indonesia
4. GRATIS DOWNLOAD LAGU-LAGU BAND KOTAK

Download Software

1. Cara Install Deep Freeze Versi 6.30.020.1818 - New !!
2. Cara Melindungi Sistem Komputer-Gratis Download DeepFreez - New !!
3. Cara Uninstall Deep Freeze - New !!
4. Internet Download Manager (IDM) 5.19 Build 2 Full
5. SOFTWARE DOWNLOAD SERBA BISA
6. WinRAR-Software Pengecil File

Ebook

1. CARA CARI DUIT DI INTERNET
2. Cara Menghasilkan Uang Lewat Email

Ganti Header Blog

1. Cara Mengganti Header Blog pada Blogger

Gratis Download

1. SOFTWARE DOWNLOAD SERBA BISA
2. Tips Download File di Ziddu.com
3. Tips-Trik Download di Ziddu.Com Dengan Browser Opera

Gratis Download Video

1. DOWNLOAD VIDEO KLIP MUSIK INDONESIA

Install Computer

1. Cara Install Driver Sound Pada Computer

Panduan Bisnis Online

1. CARA CARI DUIT DI INTERNET
2. Cara Menghasilkan Dolar Lewat Ziddu
3. Cara Menghasilkan Uang Dari Blog - New !!
4. Cara Menghasilkan Uang Lewat Email

SEO

1. Cara Meningkatkan Page View Melalui Popup Windows Automatically
2. Cara Menyembunyikan Title Blog pada Search Engine Result Page (SERP) - New !!
3. Cara Setting Blog Menjadi Dofollow
4. Daftar Social Bookmark Indonesia
5. Pasang Iklan Cara Meningkatkan Pengunjung
6. SEO : Pentingkah Meta Keyword dan Meta Description?
7. Seo Magic = Cara Mudah Meningkatkan Traffic - New !!

Seputar Komputer

1. Cara Install Deep Freeze Versi 6.30.020.1818 - New !!
2. Cara Mudah Mengembalikan Instal Windows
3. Cara Sembunyikan File Dengan Lock Folder Xp
4. Cara Uninstall Deep Freeze - New !!

Tips dan Trik

1. Cara Cepat dan Benar Memasang Iklan
2. Cara Membuat Text Area dan Textbox Area Berfasilitas Select All - New !!
3. Cara Menampilkan Kode HTML
4. Cara Menampilkan Kotak Komentar Di Bawah Postingan Blog
5. Cara Menghilangkan Border Image di Blog - New !!
6. Cara Meningkatkan Traffic Situs dan Blog Melalui Iklan Gratis
7. Cara Sembunyikan File Dengan Lock Folder Xp
8. Cara Setting Blog Menjadi Dofollow
9. Daftar Social Bookmark Indonesia
10. Tips Download File di Ziddu.com
11. Tips-Trik Download di Ziddu.Com Dengan Browser Opera

Tutorial

1. CARA PASANG READMORE OTOMATIS
2. Cara Install Driver Sound Pada Computer
3. Cara Membuat Artikel Terkait (Related Post) Di Blogspot
4. Cara Membuat Email di Google Lengkap Dengan Petunjuk Gambar
5. Cara Mengetahui Pengunjung Yang Online
6. Cara Mengganti Header Blog pada Blogger

Tutorial Blog

1. CARA MEMBUAT KOTAK TEXT AREA
2. Cara Membagi Postingan Menjadi 2 (dua) Kolom
3. Cara Membuat Page Number-Navigasi Halaman
4. Cara Membuat Recent Comment
5. Cara Membuat Text Area dan Textbox Area Berfasilitas Select All - New !!
6. Cara Memperpendek Alamat Blog Dengan Domain Gratis
7. Cara Menampilkan Kode HTML
8. Cara Menampilkan Kotak Komentar Di Bawah Postingan Blog
9. Cara Mengetahui Pengunjung Yang Online
10. Cara Mengganti Favicon atau Icon Address Bar
11. Cara Menghilangkan Border Image di Blog - New !!
12. Cara Merubah Warna Baground Template
13. Cara Mudah Membuat Menu Navigasi pada Blogspot
14. Cara Pasang Daftar Isi Manual Di Blogspot
15. Cara Pasang Daftar Isi Otomatis Di Blogspot
16. Daftar Social Bookmark Indonesia
17. Menampilkan Huruf Besar Pada Awal Posting

Widget by full-freemusic.blogspot.com

Berikut ini cara membuat dan memasang daftar isi otomatis, silahkan ikuti dengan cermat dan seksama langkah-langkah di bawah ini:

1. Login ke Blogger, Klik Layout/Tata Letak;

2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;

3. Cari dan pilih HTML/Javascript;

4. Copy paste kode di bawah ini ke dalam content yang telah tersedia, berikut ini kodenya :

"

"

5. Klik Tombol Save/Simpan.

Keterangan :
* Link yang berwarna merah, silahkan diganti dengan alamat Blog Anda;
* Width: 200px; adalah merupakan lebar dari kotak daftar isi otomotis dan boleh anda sesuaikan;
* Height: 100px; adalah merupakan tinggi dari kotak daftar isi otomotis dan boleh anda sesuaikan.

Cara Membuat Gambar Berjalan

Seperti apa sich yang dimaksud dengan gambar berjalan itu? Kayaknya tidak perlu saya jelaskan panjang lebar, silahkan saja lihat contohnya di bawah ini:



blog serba tersedia
Formula Bisnis



Gimana sudah paham khan dengan apa yang dimaksud gambar berjalan tersebut?

OK, kalau sudah paham sekarang mulai bahas Cara Membuat Gambar Berjalan. Cara Membuat Gambar Berjalan pada sidebar atau postingan dalam Blog hanya perlu menambahkan alamat URL gambar yang diinginkan ke dalam kode di bawah ini:



Letakkan disini alamat URL gambar Anda



Agar lebih mudah akan saya kasih contoh, tapi jangan lupa semua URL gambar pada contoh harus diganti sesuai URL gambar Anda, perhatikan di bawah ini:








Cara pasang gambar berjalan pada sidebar atau postingan, caranya sama dengan cara pasang teks berjalan, kalau Anda belum tau silahkan baca dulu Cara Membuat Teks Berjalan atau Efek Marquee.

Keterangan:
direction="up" = bisa diganti down (bergerak turun), left (bergerak ke kiri) dan right (berkerak ke kanan).
width="180" = untuk menentukan lebar area
height="200" = untuk menentukan tingginya area dan
scrollamount="2" = untuk menentukan kecepatan gerak.

Selamat Mencoba, Semoga Sukses

Cara Merubah Warna Baground Template

Apakah sudah bosan dengan warna baground template blog Anda? Jika iya, tenang saja Anda bisa mengganti warna baground template sesuai selera Anda.

Baground adalah latar belakang warna yang mengelilingi body template, lihat pada warna hijau yang saya tunjuk dengan anak panah pada gambar di bawah ini, itulah yang saya maksud baground tersebut.

Adapun Cara Merubah Warna Baground Template pada Blogspot adalah sebagai berikut :

1. Masuk ke Dashbord Blogspot Anda, pilih Tata Letak, lalu klik Edit HTML dan jangan lupa beri tanda centang pada kotak Expand Widget Template;

2. Cari kode seperti ini :

body {
background:#ccc;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:#000000;
font-size/* */:/**/small;
font-size: /**/small;
}

Setiap Template struktur kodenya berbeda-beda, tetapi inti kodenya hampir sama yaitu body {, jadi untuk lebih mudah melakukan pencarian gunakan saja tombol Find atau kalau mau cepat tekan Ctrl + F di keybord komputer Anda, lalu copy paste kode body { ke dalam kolom Find dan enter, ketemu dech.

3. Untuk mengganti warna bragound, pada tulisan #ccc (lihat contoh kode di atas) silahkan diganti dengan kode warna yang Anda suka.

4. Untuk melihat hasilnya, klik Pratinjau/Preview dan jika hasilnya telah sesuai keinginan Anda, silahkan klik Simpan/Save Template.

Bagaimana mudah bukan?

Cara Membuat Teks Berjalan Atau Efek Marquee

Cara membuat teks berjalan pada blog sebenarnya sudah pernah saya buat postingannya dengan judul Cara Membuat Teks Berjalan di Menu Bar, namun yang membedakannya dengan Cara Membuat Teks Berjalan atau Efek Merquee pada blog adalah code HTML yang digunakan dan cara pemasangannya, dimana jika Teks Berjalan atau Efek Merquee dipasangnya di sidebar atau dalam postingan.

Sebelum saya menerangkan cara mudah buat teks berjalan atau efek merque, terlebih dahulu saya akan mendemonstrasikan apa yang dimaksud dengan efek merquee tersebut, berikut ini contohnya :

1. Contoh Teks Bergerak Bolak-Balik Secara Horizontal

Teks Bolak-Balik Horizontal
1. Ini Adalah Code HTML Teks Bergerak Bolak-Balik Secara Horizontal

Teks Bolak-Balik Horizontal

2. Contoh Teks Berjalan Bolak-Balik Secara Vertikal

Teks Bolak-Balik Vertikal
2. Ini Adalah Code HTML Teks Bergerak Bolak-Balik Secara Horizontal


Teks Bolak-Balik Vertikal


3. Contoh Teks Berjalan Kekanan Secara Continu

Teks Kekanan Continu
3. Ini Adalah Code HTML Teks Berjalan Kekanan Secara Continu

Teks Kekanan Continu

4. Contoh Teks Berjalan Kekiri Sekali Saja

Berjalan Kekiri Sekali
4. Ini Adalah Code HTML Teks Berjalan Kekiri Sekali Saja

Berjalan Kekiri Sekali

5. Contoh Teks Berjalan Kekiri Kekanan Tiga Kali

Berjalan Kekanan Tiga Kali 5. Ini Adalah Code HTML Teks Berjalan Kekiri Kekanan Tiga Kali

Berjalan Kekanan Tiga Kali

6. Contoh Teks Berjalan Efek Bounce

Teks Berjalan Efek Bounce
6. Ini Adalah Code HTML Teks Berjalan Efek Bounce

Teks Berjalan Efek Bounce

7. Contoh Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

Teks Berhenti Jika Mouse Menyentuh Daerah Marquee
7. Ini Adalah Code HTML Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

Cara pasang code teks berjalan pada Sidebar blog adalah sebagai berikut :

1. Login ke Blogger, Klik Layout/Tata Letak;

2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;

3. Pilih HTML/Javascript;

4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;

5. Klik Tombol Simpan

Jika cara pasang code HTML ke dalam postingan, cukup copy paste kode tersebut ke dalam content postingan Anda.

Keterangan :
Width: Untuk mengatur panjang ruangan teks dalam satuan pixel.
Height: Untuk mengatur lebar ruangan teks dalam satuan pixel.
Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.