Pasang Sitemap Responsive Sederhana di Blog

Kode Iklan Di Sini
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.

You Might Also Like:

Disqus Comments