Daftar Isi

Cara Membuat Sitemap Mudah Di Blogger Post Atau SideBar


Membuat daftar isi / sitemap di blog kita mungkin penting bagi pengunjung blog kita, pasalnya pengunjung blog kita akan mudah melihat apa saja yang ada di blog kita jika ada daftar isi. Nah, kali ini saya akan membagikan tutorial cara membuat Sitemap dengan mudah di blog.

Seperti biasa, fitur dari Sitemap ini adalah semua postingan di blog kita akan disortir menurut Label dan artikel baru yang dibuat dalam jangka waktu 1 bulan terakhir akan ada tanda "NEW!!" jadi pengunjung tahu artikel yang baru kita buat dan yang sudah lama di blog kita. Namun disajikan dengan UI (User Interface) yang berbeda dan lebih elegan.

Kita bisa memasang widget ini di sidebar ataupun di postingan/laman.

  • Untuk yang ingin memasang di sidebar, Pilih Tata Letak > Tambahkan Gadget > HTML JavaScript.
  • Untuk yang ingin memasang di postingan atau laman, pilih mode HTML jangan yang Compose.


Copy Script di bawah ini dan letakkan di tempat yang agan inginkan.
<style type="text/css">#toc{ width:99%; margin:5px auto; border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); } .labl{ color:#FF5F00; font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE)); border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block; } .labl a{ color:#fff; } .labl:first-letter{t ext-transform:uppercase; } .new{ color:#FF5F00; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%); background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); } .postname li{ border-bottom: #ddd 1px dotted; margin-right:5px } </style> <br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script><script src="http://pc-blogz.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Note: Ganti kode warna Merah dengan alamat blog agan.

Coba pratinjau terlebih dahulu dan kemudian Save


Nah, sekian tentang Cara Membuat Daftar Isi Mudah Di Blogger Post Atau SideBar

Cara Membuat Daftar Isi Mudah Di Blogger Post Atau SideBar

Membuat daftar isi di blog kita mungkin penting bagi pengunjung blog kita, pasalnya pengunjung blog kita akan mudah melihat apa saja yang ada di blog kita jika ada daftar isi. Nah, kali ini saya akan membagikan tutorial cara membuat Daftar Isi dengan mudah di blog

Labels: ,

Post a Comment

  1. Replies
    1. Sip dah :d Thanks bang sudah berkunjung

      Delete
  2. Mantap gan :)

    jika berkenan kunjungi http://night002.blogspot.com

    ReplyDelete
    Replies
    1. Siip gan :) Thanks sudah berkunjung :d

      Oke, langsung ngacir ke lokasi (c)

      Delete
  3. Replies
    1. Sama sama sob :d thanks sudah nyungseb di blog ini :-d

      Langsung meluncur ke lokasi sob :d :)

      Delete
  4. boleh dicoba nih widget daftar isinya ane lihat demonya lumayan simpel juga hehe :D

    Nih gan kalau berkenan intip blog jelek punya ane hihihi :D http://puloblog.blogspot.com

    ReplyDelete
    Replies
    1. Wah thanks sob udah nyungseb di blog ini :)

      Langsung ngacir ke lokasi sob :)

      Delete
  5. Keren gan, demonya juga simple tapi menarik. Mampir ya b-(

    ReplyDelete
  6. Demonya simple tapi keren gan, penting ea? nanti ane terapin ke blog :D

    ReplyDelete

Jangan buang waktu percuma untuk membuat komentar SPAM atau sekedar mencari backlink. Karena kedua komentar tersebut akan langsung dihapus.
Admin online 12/7

Author Name

MKRdezign

Contact Form

Name

Email *

Message *

Theme images by Ollustrator. Powered by Blogger.