Daftar Isi Blog Terbaik Lagi Keren Beserta Pemasanganya
mrghonie.blogspot.com - hay temen temen kali ini saya membuat sebuah tutorial cara membuat sitemap pada sebuah blog, atau jelasnya daftar isi. sangat disayangkan bukan kalau sebuah blog tidak ada daftar isinya.
ibarat sebuah buku, tentu membuat sipembaca merasa sangat sangat sangat kesulitan dalam membaca sebuah buku, begitupun sama dengan website, website pun sama, tampil pada home 1 layar tidak mungkin tampil sepenuhnya,
tentu tampil bebera saja.
buku kalau nggak ada daftar isinya gimana ?
sangat kesulitan bukan.
daftar isi terbaik sepanjang masa |
betapa pentingnya sitemap atau daftar isi di sebuah blog ?
sedikit cerita,
saya membangun blog ini awalnya bingung harus bagaimana, dari mana, langkah awal yang saya lakukan itu apa.
awalnya saya hanya menulis menulis dan menulis, namun setelah saya menyadari saya itu salah kalau hanya menulis saja, saya dulu sangat nggak suka membaca, namun setelah saya perhatikan,artikel yang saya tulis itu sia sia sebab tidak ada yang baca, seperti pepatah dulu, kalau kamu ingin dihargai maka kamu harus menghargai,
setelah saya ingat ingat , tentu saya harus rajin membaca supaya orang orang banyak yang baca artikel milik saya, mengapa begitu karena dunia internet marketing tidak diajarkan di bangku sekolah, oleh sebab itu harus rajin membaca, mencari wawasan mencaei pengalaman, saya seorang blogger tentu sangat dekat dengan dunia internet, dekat dengan google sehingga semua masalah saya, saya cari di google, sampai sekarang beginilah wujud blog milik saya,
back to topik.
hasil dari saya rajin membaca, saya menemukan sebuah ide, dimana saya membangun blog dengan 1 niche, tentu tanpa bantuan publisher lain saya pasti keberatan dalam membuat konten sehingga saya menemukan sebuah ide, apa itu ?
yaitu referensi, topik di blog saya yaitu STRATEGI MEMBANGUN WEBSITE SEO
maka saya membutuhkan referensi dari blog lain, dengan referensi maka saya dengan mudah MEMBUAT KONTEN BERKUALITAS membaca referensi dari blog lain yang sesuai dengan topik pada blog saya,
saya jelajahi semua isi dari blog yang saya jadikan referensi, tentu saya sangat kesulitan dalam pencarian ide kalau tanpa daftar isi, dari sinilah saya membicarakan mengapa DAFTAR ISI ITU HARUS DIBUTUHKAN pada sebuah blog, karena menurut saya daftar isi atau sitemap itu sangatlah penting,
mesin pencari juga membutuhkan daftar isi atau sitemap dalam merayapi sebuah blog,
begitulah ceritanya, gimana ? sangat penting bukan yang dinamakan sitemap ataupun daftar isi.
lanjut cara pemasangan daftar isi akan saya jelaskan dibawah ini
CARA PASANG DAFTAR ISI ATAU SITEMAP PADA BLOG
- masuk DASHBOARD BLOGGER
- klik halaman atau page
- tambahkan entry
- beri judul daftar isi
- masukan kode html dibawah ini di bagian html ya, bukan di compose lho ya.
<!--//Contoh Script Keren 1-->
<script src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script>
<script src="mrghonie.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
CONTOH 2
<!--//Contoh Script Keren 2-->
<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://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="https://www.infoseo.xyz/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
KETERANGAN
-ambil salah satu antara contoh 1 dan contoh 2
-ganti domain yang saya warnai merah dengan domain anda
DEMO KEDUA SITEMAP BISA KALIAN CEK DISINI
sitemap inilah yang digunakan mrghonie.blogspot.com
BEGITULAH daftar isi yang sangat keren dan cantik menurut Mr Ghonie
sekian CARA MENAMBAHKAN DAFTAR ISI DI BLOG terima kasih sudah membaca
jika anda mengalami kesulitan bisa ditanyakan di kolom komentar yah.
<!--//Contoh Script Keren 2-->
<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://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="https://www.infoseo.xyz/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
KETERANGAN
-ambil salah satu antara contoh 1 dan contoh 2
-ganti domain yang saya warnai merah dengan domain anda
DEMO KEDUA SITEMAP BISA KALIAN CEK DISINI
sitemap inilah yang digunakan mrghonie.blogspot.com
BEGITULAH daftar isi yang sangat keren dan cantik menurut Mr Ghonie
sekian CARA MENAMBAHKAN DAFTAR ISI DI BLOG terima kasih sudah membaca
jika anda mengalami kesulitan bisa ditanyakan di kolom komentar yah.
gan saya udah coba gan
ReplyDeletesibh bagus.
Deletesemoga senang dengan sitemapnya
eh perbedaan nya apa cth 1 sama cth 2 ?
ReplyDeleteyang 2 ada labelnya, yang satu nggak ada om.
Delete