Cara Membuat Halaman Daftar isi | Blogger


Cara Membuat Halaman Daftar isi pada Blogger
Widget terbaru ini termasuk dalam kategori Horizontal Sosial Sharing Widget. Sitemap Page memang tidak banyak diperlukan untuk blog tapi ada beberapa dari sisi baik untuk memiliki halaman sitemap di menu. Halaman Sitemap pada dasarnya membantu untuk membuat navigasi Anda yang lebih mudah dan juga meningkatkan peringkat halaman blog kita karena membuat link internal blog kita. Yeah! Itu hal yang mengagumkan untuk meningkatkan dan menghubungkan internal ke halaman tersebut,

Anda akan melihat semua tulisan yang dipublikasikan di blog. Selain itu, juga membantu perayap mesin pencari untuk mengindeks konten dan halaman web menjadi lebih mudah. Jadi, dalam posting ini saya akan berbagi Cara Membuat Halaman Daftar isi, Arsip Blog, Sitemap/Blogmap pada blogger.

Screenshot:
Screenshot Halaman Daftar isi pada Blogger

Halaman sitemap ini dikembangkan dengan JavaScript dan CSS yang benar-benar membutuhkan link posting blog melalui Feed blog kita. Ini dibuat oleh Abu Farhan sehingga semua kredit mengarah pada mereka.

Jangan khawatir sobat! Anda mungkin berpikir bahwa hal itu akan sedikit sulit untuk menerapkannya di halaman blogger, tetapi itu tidak benar. Ini adalah tugas yang paling mudah untuk menyisipkan ini dalam blog kita. Cukup ikuti langkah-langkah sederhana di bawah ini.

1. Pergi ke Blogger >> Dashboard >> Halaman
2. Buat Halaman Baru >> Halaman Kosong
3. Masukkan Halaman Judul Milikmu
4. Kembali ke HTML Tab.
Paste di Tab HTML

5. Salin Kode Dibawah dan Paste di Tab HTML.

Kode Script:
<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>


<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://BEKANTANMAN.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

6. Ganti BEKANTANMAN Dengan Url/Domain Blog Anda .
7. Klik Tombol "Publikasikan"

Selesai! Selamat Mencoba :)

Untuk Tampilan Lainnya: Membuat Tabel Konten / Laman Arsip Blog


0 komentar:

Poskan Komentar

Rules !

* No Spam!
* No Promo
* No Haters
* No Pornography