Cara Membuat Daftar Isi di Blogspot

Setelah beberapa hari lalu saya mengedit artikel Cara Membuat Daftar Isi di Wordpress dan membuat artikel Cara Membuat Daftar Isi di Wordpress dengan SiteMap Generator.. Maka untuk melengkapi artikel tersebut saya buat artikel tentang Cara Membuat Daftar Isi di Blogspot. Cara ini saya temukan di blog guru saya, O-Om. Berikut adalah screenshotnya :

Bagaimana caranya?

• Masuk ke blogger dengan akun Anda.
• Lalu masuk ke Layout
• Add a Gadget >> HTML / Javascript
• Copy Paste kode di bawah ini :

<div id="toclink"><a href="javascript:showToc();"><font color="#808000"><b> Lihat Semua Daftar Posting</b></font></a>
</div>
<script style="text/javascript" src="http://melodanta.com/blogtoc.js"></script>
<script src=" http://namabloganda.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

• Lalu Add a Gadget lagi >> HTML / Javascript
• Copy Paste kode di bawah ini :

<div id="toc"></div>

• Lalu pindah ke Edit HTML, cari kode <b:skin><![CDATA[/* dan paste kode dibawah ini tepat dibawahnya

/* Show Table of Contents
-----------------------------------------
*/
#toc {
border: 0px solid #78B749;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #cccccc;
color: #444;
padding-left: 5px;
font-weight:bold;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:95%;
text-decoration:none;
text-align: Left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:95%;
text-decoration:underline;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
text-align: left;
font-size:95%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

• Save dan lihat hasilnya

Untuk demonya bisa dilihat di SINI. Ada yang ingin menambahkan?

Hasil Pencarian:

cara mengisi blog . cara membuat daftar isi pada blog . cara membuat daftar isi blog . membuat daftar isi di blog . cara membuat daftar isi . membuat daftar isi di blogspot . cara membuat daftar isi di blog . membuat daftar artikel blog . cara membuat daftar isi di blogger . membuat daftar isi blog . membuat daftar isi blogspot . membuat daftar isi di blogger . membuat daftar isi pada blog . cara membuat daftar isi blogspot . cara membuat daftar artikel . cara mengisi blogger . cara membuat daftar isi pada blogger . pembuatan daftar isi . daftar isi blogger . cara buat daftar isi di blogger .

Anda Menyukai Artikel di Blog Ini? Masukkan Alamat Email Anda untuk Berlangganan:

Artikel Populer Sejarah Internet di Dunia Cara Membuat Flash Disk Menjadi Bootable dengan Unetbootin Awal Sejarah Internet di Indonesia Cara Cepat Akses Internet Lewat Handphone Pasang Paket Speedy Family Unlimited Sendiri Sony PS1 Emulator untuk PC Buku Gratis di Kick Andy Wordpress Theme : 25 Oktober 2009 Inilah 33 ATM yang Dipasangi Skimmer 100+ Dofollow Forums Download Opera 10 with Turbo Tutorial Setting Emulator ePSXe Download Ubuntu Muslim Edition - Linux Sabily 9.10 (Gaza) Bermain Rubik Online Selamat Datang Ubuntu 9.10 Karmic Koala Partition Wizard Home Edition, Alternatif Software Partisi untuk Windows Daftar Situs Penyedia Email Gratis Download Microsoft Office 2010 Beta Gratis nowGoogle.com adalah Multiple Search Engine Popular Bukti Pembayaran dari Adsense Bayaran Ketiga Dari Neobux Dot Com Fake SMS, Aplikasi HP s60v3 untuk Iseng-Iseng Cara Membuat Tulisan Terbalik dengan Flip Text Generator AirMouse : Mouse yang Langsung Dipakai di Tangan Google Rancang Tablet PC Baca Koran Jawa Pos via PDF Tutorial Membuat Spoiler Sederhana di Blogspot Daftar Game Bajakan Terlaris 2009 Sistem Operasi Symbian Sekarang Open Source Ikut Kontes 'nowGoogle.com adalah Multiple Search Engine Popular'

Artikel yang Berkaitan : Tutorial Membuat Spoiler Sederhana di Blogspot Cara Meletakkan CommentLuv di Blogspot SEO : Breadcrumb di Google Snippet SEO : Memasang Breadcrumb di Blogspot Membuat “Random Post” versi 2 di Blogger Cara Membuat Daftar Isi di Wordpress dengan Sitemap Generator Mengubah Daftar Judul Seluruh Posting di Blogger Mengubah Header “About Me” di Blogger Cara Menambah Widget di Bawah Header Blogspot Memasang Popular Pages di Blogger dan TypePad Cara Membuat Related Post di Blogger Wordpress 2.9 Beta 1 Telah Dirilis Wordpress Plugin : 11 November 2009 Bukti Pembayaran AdsenseCamp Wordpress Theme : 13 September 2009 Wordpress Plugin : 11 September 2009 Cara Menghindari Copy Paste Artikel Blog Wordpress Plugin : 7 September 2009 SEO : Memasang BreadCrumb di Wordpress Cara Manual SEO : BreadCrumb di Wordpress Submit Blog Dofollow dan CommentLuv Anda How to Present Archieve Menu at Blogger How to Eliminate Banner Add Blogger Membuat Navbar Blogger Menjadi Auto Hide Membuat Link Feed Terbuka di Halaman Baru untuk Blogger Langkah Mudah Memasang Adsense di Blogger Menambah Tombol Digg dalam Blogger Menghapus Link SubScribe Post di Blogger Mengganti ATOM dengan RSS di Blogger Menambah Footer Baru di Blogger

Tags : Blog, Blogger, Blogspot, Cara Membuat, Daftar Isi, Daftar Isi di Blogspot, Internet, Membuat Daftar Isi, Tips dan Trik, Tutorial Blog