Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail dan Ringkasan Posting
April 17, 2016
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:
5. Ganti alamat blognya
6. Publish !!!
Cek Juga: Model Tampilan Daftar Isi Lainnya
Beres. Good Luck!
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 ►", 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>
<script> var showPostDate = true, showComments = true, idMode = true, sortByLabel = false, labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "Jumlah posting:", jumpPageLabel = "Halaman", commentsLabel = "Komentar", rmoreText = "Selengkapnya ►", 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
« Prev Post
Next
Next Post »
Next Post »
No comments on Daftar Isi Blog (Sitemap) dengan Gambar Thumbnail dan Ringkasan Posting
Post a Comment