Login To Facebook
Δ Selamat Datang Di Otocomputer Δ

Cara Membuat Daftar Isi di Blogspot

cara membuat daftar isi 300x245 Cara Membuat Daftar Isi di Blogspot
Bagaimana caranya?
  • Masuk ke blogger dengan akun Anda.
  • Lalu masuk ke Layout
  • Add a Gadget >> HTML / Javascript
  • Copy Paste kode di bawah ini :
  • <div id="toclink"> <a href="javascript:showToc();"> <img border="0" src="http://www.geocities.com/oom_directory/images/add2.png"/><font color="#808000"><b> Lihat Semua Daftar Posting</b></font></a> </div> <script style="text/javascript" src="http://www.geocities.com/danta_lia/blogtoc.js"></script> <script src=" http://namabloganda.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
  • Lalu Add a Gadget lagi >> HTML / Javascript
  • Copy Paste kode di bawah ini :
  • <div id="toc"></div>
  • Lalu pindah ke Edit HTML, cari kode <b:skin><![CDATA[/* dan paste kode dibawah ini tepat dibawahnya
  • /* Show Table of Contents ----------------------------------------- */ #toc { border: 0px solid #78B749; background: #ffffff; padding: 5px; width:500px; margin-top:10px; } .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #cccccc; color: #444; padding-left: 5px; font-weight:bold; width:250px; } .toc-header-col2 { width:75px; } .toc-header-col3 { width:125px; } .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:95%; text-decoration:none; text-align: Left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; } .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:95%; text-decoration:underline; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; } .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; text-align: left; font-size:95%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; }
  • Save dan lihat hasilnya

0 comments:

Poskan Komentar

Silahkan Komentar anda.Jangan spam ya...

"U Comment I Follow"

 
Template by: widodo dc © 2010