Cara Membuat Halaman Daftar Isi Di Blog, Menambahkan Sitemap Pada Blog --- Assalamualaikum, pada postingan kali ini, admin sempatkan untuk membuatpostingan tutorial untuk blog blogspot/blogger.com, kali ini tentang bagaimana Cara Membuat Halaman Daftar Isi Di Blog. Daftar isi atau biasa juga disebut sitemap (bukan webmaster) sangat baik baik dan berguna untuk sebuah blog atau website, khususnya bagi pengunjung untuk mencari sebuah artikel/postingan tertentu, maka secara otomatis akan menambah page views site kita.
Arsip
Cara Membuat Halaman Daftar Isi Di Blog sbb:
DEMO Daftar Isi
1. Masuk ke akun blogger.com anda
2.Pilih Blog lalu pilih menu Halaman
3. Selanjutnya klik Laman Baru
4. Isi judul --> klik tab HTML lalu copy-paste kode berikut :
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.BLOG-ANDA.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
5. Setelah itu pilih Pertinjau untuk melihat, Publiskan untuk menerbitkan halaman.
6. Selesai ^_^

0 komentar :

Poskan Komentar

Dimohon Untuk Tidak Melakukan KOMENTAR SPAM!!
- Memasukkan Link Aktif
- Promo/Iklan
- Komentar Tidak Sesuai Postingan
- Posting Berualang-Ulang