Pasang Sitemap Responsive Sederhana di Blog - sobat bloggers, salah satu penunjang kelengkapan blog adalah dengan adanya sebuah laman khusu yang menyediakan rangkuman seluruh artikel blog kita. Jadi dengan cara ini dapat memudahkan para pengunjung untuk mencari lebih banyak lagi semua artikel yang ada di blog Anda.

Pasang Sitemap Responsive Sederhana di Blog

Cara Pasang Sitemap Responsive Sederhana di Blog :

  • Anda login ke akun blogger
  • Masuk ke menu Edit HTML
  • copy kode css di bawah ini, lalu taruh tepat di atas kode ]]></b:skin> atau</style>.
  #bp_toc {border:1px solid #f5f5f5;background:#ffffff;padding:5px;width:100%;
margin-top:10px;}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {background:#edf1ec;color:#000000;padding-left:5px;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:90%;text-decoration:none;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:90%;text-decoration:underline;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding-left:5px;font-size:80%;}  

  • save template Anda.
  • Kemuadian Anda buka menu Laman>>Buat Laman Baru(jika sudah punya sitemap sebelumnya, silahkan hapus kode-nya) >> pada mode HTML Anda masukan kode javascript di bawah ini. lau Simpan.
  <div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://aisuka-project.googlecode.com/svn/blogtoc_orig.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>  

Note: Agar berjaga-jaga, silahkan Anda upload ulang kode javasript
https://aisuka-project.googlecode.com/svn/blogtoc_orig.js
yang berwarna merah ke hosting Anda sendiri. Bisa Anda upload ke google drive :)


  • Save template Anda !
  • Untuk DEMO , Anda bisa melihatnya langsung di laman Sitemap blog ini.
Dilarang Copy-Paste artikel di blog ini dan apabila kami menemukan artikel dicuri tanpa mencantumkan sumber link blog Amplopcokelat.com maka tak segan akan kami laporkan !

Berlangganan artikel Gratis langsung via email...

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar