Cara Membuat Sitemap Mudah Di Blogger Post Atau SideBar

Cara Membuat Sitemap Mudah Di Blogger Post Atau SideBar


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

DEMO

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

Cara Membuat Daftar Isi Mudah Di Blogger Post Atau SideBar


visit link download

Comments

Post a Comment

Popular posts from this blog

ABLiker APK Latest v1 1 Free Download For Android

Image
ABLiker APK Latest v1 1 Free Download For Android AB Auto Liker Welcome friends today we are going to share an amazing app for Android users. Sometimes you see that your Friends photos are getting several hundreds or even thousands of likes. If their Social following is so huge, If you can�t complete then in getting more followers. Then AB Auto Liker is the answer for you don�t wait so long to build of ABLiker APK (AB Auto liker) Android app and you will start seeing hundreds of sharing�s and likes onward. ABLiker APK is one of the best, great and working app, which enable you to get real Auto Likes on your FB profile for completely free. This is an auto liker sharing system app. By using this application, you get likes. As long as you keep this app on, you will get likes on your FB profile. You do not need to do anything except selecting the photos, on which you want to get likes. It does not store any information of your FB account for your own peace of mind, we recommend you to crea...
Read more

Cara Install Windows 10

Image
Cara Install Windows 10 Wahai Sobatt...Kali ini Swallors akan ngasih tau cara Menginstall Win 10 Windows 10 Update Tool yang Tepat  Meskipun alat update Windows 10 sangat lurus ke depan Anda memerlukan versi yang tepat untuk hardware Anda. Langkah pertama adalah menentukan apakah Anda menjalankan mesin 32-bit atau mesin 64-bit. Meskipun Anda dapat membaca tentang nuansa masing-masing dalam artikel kami Anda dapat memeriksa apa versi Windows Anda sedang berjalan dengan hanya melihat di tempat yang sama di kedua Windows 7 dan Windows 8 yang kita disorot dalam bagian sebelumnya pada memeriksa aktivasi Windows Anda . Sama panel / menu yang memberitahu Anda jika komputer Anda diaktifkan juga memberitahu Anda "Jenis Sistem" Anda. Pada Windows 7 itu hanya akan memberitahu Anda bahwa itu adalah sistem operasi 64-bit atau 32-bit tapi di Windows 8 itu akan benar-benar (dan membantu) baik memberitahu Anda jika Anda menjalankan Windows 32-bit atau Windows 64-bit sebagai serta apa arsitek...
Read more

Adobe Photoshop CS6 13 0 1 Extended Free Software

Image
Adobe Photoshop CS6 13 0 1 Extended Free Software Majestia is an internet turn-based method recreation wherein you could combat against different players in exciting battles lasting no greater than 5 mins. these battles take region on a putting of three-by way of-five tiles in which you could capture sources, invocation portals, and plenty more. On every flip, you acquire some of assets relying on the tiles you have occupied. With these sources, you may use playing cards for your flip that allow you to summon armies and mythical heroes, as well as forged spells or set traps. one of the most important factors of Majestia is the heroes, that may assist make your fundamental armies drastically more potent. Like what happens in most different strategy video games, your troops are divided into three different sorts: infantry, cavalry, and distance attacks. every type has its own strengths and weaknesses and your process as standard is to make the get the most out of each one ... and help th...
Read more