Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail dan Ringkasan Posting

Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail
Cara Membuat Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail (Image) dan Ringkasan Posting (Summary).

DAFTAR isi blog yang ini unik. Tampilannya seperti halaman depan blog simple dengan auto readmore. (Lihat DEMO).

Kodenya dishare oleh DTE dan digunakan oleh Maskolis untuk desain template Johny Wuss dan sejumlah templata seo friendly lainnya.

Daftar isi berupa gambar thumbnail dan ringkasan posting ini cocok buat galeri foto, video, dan blog toko online (online store).

Umumnya daftar isi blog (sitemap for user) berupa daftar judul posting. Yang ini beda, dilengkapi gambar dan ringkasan. Keren 'kan?

Ini Dia Cara Membuatnya:

1. Page > New Page
2. Isi kolom judul dengan Sitemap atau Daftar Isi
3. Centang Mode HTML
4. Copas kode berikut ini:

<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination_default-theme.css"/>
<script> var showPostDate = true, showComments = true, idMode = true, sortByLabel = false, labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "Jumlah posting:", jumpPageLabel = "Halaman", commentsLabel = "Komentar", rmoreText = "Selengkapnya &#9658;", prevText = "Sebelumnya", nextText = "Berikutnya", siteUrl = "http://cb-simplestore.blogspot.com/", postPerPage = 10, numChars = 370, imgBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC"; </script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination.js"></script>

5. Ganti alamat blognya
6. Publish !!!

Cek Juga: Model Tampilan Daftar Isi Lainnya

Beres. Good Luck!

Labels: Desain Blog
0 Komentar untuk "Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail dan Ringkasan Posting"

1. Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *