April 17, 2016

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

April 17, 2016

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!

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

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

Post a Comment

Contact Form

Name

Email *

Message *