20 August 2014

Membuat Daftar Isi Keren dan Unik

Membuat Daftar Isi Keren dan Unik

Daftar isi atau sitemap adalah semua isi dari blog yang akan ditampilkan baik itu dalam sebuah sidebar ataupun didalam sebuah postingan. Tujuannya yaitu memudahkan para pengunjung atau pembaca blog kita untuk melihat artikel-artikel atau postingan kita yang lainnya, yang nantinya akan membuat pengunjung lebih lama di blog kita.

Jika sobat ingin memasang daftar isi keren ini silahkan ikuti langkah berikut :

Silahkan sobat buat Laman baru, lalu pilih HTML jangan Compose, lalu masukkan Code ini dalam laman HTML.

 <div id="bp_toc" style="text-align: center;">
<img alt="Loading" src="http://1.bp.blogspot.com/-eC-ppa9u7uc/U2YGiSDQovI/AAAAAAAAIL0/eqsLkxdIgXA/s1600/loader.gif" title="Loading" /></div>
<script src="https://aisuka-project.googlecode.com/svn/blogtoc_orig.js" type="text/javascript"></script><br />
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=100&amp;callback=loadtoc" type="text/javascript"></script><br />
<div style="clear: both;">
</div>
</div>
<style>
#bp_toc {padding:10px;}  .toc-header-col1 {padding:10px;background-color:#1c94b9;width:60%} .toc-header-col2 {padding:10px;background-color:#1c94b9;width:20%;} .toc-header-col3 {padding:10px;background-color:#1c94b9;width:20%;} .toc-header-col1:hover, .toc-header-col2:hover, .toc-header-col3:hover {background-color:#1983a4;box-shadow:inset 0 0 2px rgba(0,0,0,0.1);} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:96%;text-decoration:none;color:white;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {font-size:96%;text-decoration:none;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#f0f0f0;padding:5px;padding-left:5px;font-size:89%} .toc-note{text-align: center; margin-bottom: 10px; font-size: 1.6em; display: block; clear: both;}
</style> 

Mungkin itu saja tutorial "Membuat Daftar Isi Keren dan Unik" Like dan share tutorial ini yaa.
Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic