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

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!

Thanks for reading Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail dan Ringkasan Posting | Labels: Desain Blog edit this post
0 Komentar untuk "Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail dan Ringkasan Posting"

Contact Form

Name

Email *

Message *