Cara Membuat Daftar Isi / Sitemap Blogger Dengan Mudah Dan Cepat

Banyak sekali blogger yang bertanya bagaimana Cara membuat daftar isi pada blogger, atau dengan kata lain menambahkan menu daftar isi atau sitemap di blog nya yang akan di kelompokan menurut label.

konten
Kebanyakan tutorial di luaran hanya memberikan sitemap untuk mesin yang biasa di sebit sitemap.xml, tetapi mereka lupa membagikan sitemap untuk para pengunjung blog nya, untuk memudahkan dan memberikan pengalaman berselancar para visitor di blog kita.

Dengan ini saya akan memberikan beberapa tips dan cara membuat nya, Insya Allah tutorial disini bisa dengan mudah di pahami, karena saya juga baru menerapkannya di situs web saya. untuk memudahkan para pengunjung di blog anda yaitu dengan memberian arah lalu lintas yang baik di blog anda, mugkin ini contoh sitemap yang akan saya bagikan kepada anda.
contoh daftar isi

Lumayan bagus untuk tampilan blog perdana, jika anda tertarik untuk membuat yang seperti ini, silahkan ikuti langkah-langkah berikut ini, jika anda memang tidak tertarik anda boleh close halaman ini dengan memberikan komentar dan saran bagi saya, cukup adil kan ? berikut beberapa langkah mudahnya :
  • Anda masuk ke Dashboard blogger anda, kemudian anda pergi ke "Laman" dalam bahasa inggris "Page" tepat berada di bawah "Pos" Anda, lihat gambar di bawah ini terlebih dahulu, point satu untuk pergi ke laman, point 2 untuk membuat halaman baru (kosong), setelah anda masuk ke laman (1) anda buat halaman baru (2), tepat seperti gambar di bawah ini.

    tutorial 1
Tapi perbedaan dalam menulis tag HTML dengan postingan biasa anda, disini anda jangan memasukan tulisan dengan mode compose tetapi anda harus menulis nya dengan mode HTML, agar kode bisa di convert oleh bahasa pemrograman, tepat seperti penampakan di bawah ini
tutorial 2
 
  • Gambar di atas telah di isi oleh coding untuk daftar isi tersebut, nah jika anda kebingungan, ini dia coding yang saya gunakan hingga bisa menjadi seperti penampakan gambar perama :

<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,center 60,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.imammunandar.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

  • Ganti kode warna merah yang di cetak tebal dngan url blog anda
  • Setalah anda ganti kemudian anda Publikasikan laman tersebut.
Sekarang blog anda telah mempunyai sitemap atau daftar isi, tapi apakah selesai sampai disana ? tentu belum, anda perlu menempatkan sitemap anda itu pada home di blogger anda, cara nya bagaimana A ? ada dua versi cara penerapannya
  1. Melalui widget pada blogger yang disebut dengan "Page"
  2. Melalui tag HTML pada template blogger
Untuk masalah page saya tidak menjelaskan, karena cara nya sangat mudah, anda pasti sudah tau cara nya, saya akan menjelaskan dengan tag HTML, karena ini adalah pembacaan coding, atau dengan kata lain memanggil code ke tampilan, langsung saja :
  • Kembali anda masuk ke Dashboar nya milik anda.
  • Kemudian kembali ke halaman, kemudian anda klik "lihat".  
  • Catat atau save dulu Url sitemap anda (2) di notepad.
  • Kemudian masuk ke menu template kemdian klik HTML
  • Dan letakan ini coding untuk menempatkan atau pemanggilan arwah sitemap pada template anda. Kemudian Simpan template.
<div class='top-navigationnbt'>
<div class='menu-nbttop-container'>
<ul class='menunbt' id='top-navnbt'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.imammunandar.com/p/site.html'>Daftar Isi</a></li>
</ul> </div>
  • Ganti yang berwarna merah dengan Url yang tadi anda simpan di Notepad.
  • Maka penampkanna akan seperti ini
  • Selesai
Begitulah kira-kira cara membuat daftar isi versi Aa Imam, semoga anda tidak puas, karena kalau anda puas anda tidak akan berkunjung lagi kesini.
Terima kasih telah menyimak.
Tags :

Related : Cara Membuat Daftar Isi / Sitemap Blogger Dengan Mudah Dan Cepat

0 Response to "Cara Membuat Daftar Isi / Sitemap Blogger Dengan Mudah Dan Cepat"

Post a Comment

PERHATIAN !!!

Terima Kasih Telah Berkunjung.
Saya sangat senang dengan pengunjung saya yang memberikan komentar setiap kali selesai membaca artikel saya, itu adalah cara untuk memberitahu saya bahwa dia telah membaca artikel saya, dan membuat saya dengan senang hati akan mengunjungi blog pengunjung tersebut (jika pengunjung mempunyai blog)

- Berkomentar Dengan Baik Dan Sopan
- No Link Aktif
- Boleh Rekomendasi
- Suka ? Bagikan !