Cara Membuat Site Map atau Daftar Isi Versi Anchor Text Keren

Sitemap atau Peta Situs atau Daftar Isi adalah sebuah lokasi yang menempatkan semua artikel yang pernah dipostingan anda menjadi satu halaman. Site Map ini berperan sangat penting sebagai pengganti "Search" pada blog anda. Karena akan tampail semua postingan anda, walaupun itu artikel baru maupun artikel yang sudah lama. Alangkah baiknya blog anda dipasangkan Sitemap. Tujuannya adalah supaya Pengunjung atau Visitor tidak kebingungan mencari artikel apa saja yang ada di blog anda. Selain itu Sitemap tidak perlu diubah-ubah. Kerena ketika kita membuat "Postingan baru" dan anda memposting nya, Maka Otomatis Sitemap ini akan mengindex postingan tersebut. Oke Sitemap kali ini adalah Versi Anchor Text. Langsung saja kita praktekan.^

Screenshoot :

Cara Membuat Site Map atau Daftar Isi Versi Anchor Text Keren

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Laman.
3. Laman Kosong.

Proses Pembuatan :

1. Dashboard - Laman
2. Buatlah Laman Kosong.
3. Copy & Paste kode berikut ini, dan Paste di bagian HTML.

<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/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>

<script src="http://maycyber-download.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Wajib Baca :

Silakan anda ganti URL Alamat Blog saya dengan URL Alamat Blog anda.

4. Simpan, kemudian Publikasikan.

Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, atau anda kurang mengerti?! Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, lihatlah halaman statis tersebut. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Site Map atau Daftar Isi Versi Anchor Text Keren

Cara Membuat Site Map atau Daftar Isi Versi Anchor Text Keren

2 Responses to "Cara Membuat Site Map atau Daftar Isi Versi Anchor Text Keren"