Cara Membuat Daftar isi Blog Keren, Menarik dan Terbaru -
SANDAIZER BLOG SHARE Kali ini Saya Akan Membuat
Tutorial tentang Cara Membuat Daftar isi Blog Keren dan Menarik.
Kemarin Saya Sempat Stres Karna Blog ini Masuk ke
Google Sandbox, Semua
Artikel yang Saya Posting tidak Muncul di
Google.
Hati Saya Sempat Sedih, Tapi itu tidak Menghalangi Hobby Saya Sebagai
Blogger
Kemarin Saya Membuat Artikel tentang
Cara Menghapus Label Pada Blogger untuk Pemula
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.
Baiklah, Jika Sobat ini Membuat Daftar isi Seperti di Blog
Gilang Prf, Mari ikuti Tutorialnya :
- Login ke Blogger.com
- Buat Entri kan ada dua tuh Compose dan HTML. Pilih HTML
- Masukan Kode HTML dibawah ini
<div id="bp_toc" style="text-align: center;">
</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&max-results=100&callback=loadtoc" type="text/javascript"></script><br />
<div style="clear: both;">
</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> <div style="text-align:center">
<span style="float:right; color:#000000;">Get this<a target="_blank" href="http://gilangtongtong.blogspot.com/2014/11/blackfriday.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>
Terakhir Publishkan Entri. Mungkin Cuma Sampai di situ Tutorial
Cara Membuat Daftar isi Blog Keren, Menarik dan Terbaru