Home » » 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 & sharing Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail dan Ringkasan Posting

Previous
« Prev Post

0 comments:

Comment Page:

Post a Comment

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox