Cara membuat sitemaps atau daftar isi yang bagus dan keren
Jumat, 29 Desember 2017
 |
| Sitemaps |
Pengertian Sitemaps
Sitemaps atau daftar isi pada sebuah blog ataupun website merupakan suatu halaman yang berisi tentang baris-baris judul yang ada pada blog tersebut, yang memiliki fungsi sebagai alat bantu untuk mempermudah dlam pencarian sebuah atau beberapa artikel yang dibutuhkan oleh pengguna.biasanya sitemaps atau daftar isi dibuat secara otomatis untuk menuju link judul blog tersebut,
Sitemaps atau daftar isi memiliki banyak manfaat bagi pemilik blog ataupun bagi para pengunjung.
Agar terlihat lebih profesional maka kita harus tau bagaimana caranya untuk membuat sitemaps atau daftar isi pada blog yang kita miliki, usahakan membuat daftar isi yang bisa membuat para pengunjung blog menjadi betah dan nyaman, untuk itu maka kita ikuti bagaimana -
Cara membuat sitemaps atau daftar isi yang bagus dan keren.
Langkah - langkah Cara membuat sitemaps atau daftar isi yang bagus dan keren adalah sebagai berikut ;- Silahkan log in ke akun blogger yang anda miliki
- Setelah berhasil log in ke akun blogger langsung saja menuju Dashboard Blogger
- Pilihlah menu Page atau Halaman
- Pilih New page atau Halaman baru
- Isi dibagian judul yang tersedia dengan nama Sitemaps atau Dafar isi atu Table of content juga boleh.
- Lihat menu dibawah judul, disitu ada Compose dan HTML, jangan sampai keliru, silahkan anda pilih mode HTML.
- Setelah memilih mode HTML, anda copy dan paste kode HTML yang telah saya persiapkan dibawah
- Setelah semuanya selesai langsung saja anda publish dan coba liahat hasilnya
- Selamat anda telah berhasil membuat Sitemaps atau Daftar isi yang bagus dan keren.
1. Cara membuat sitemaps atau daftar isi yang bagus
cara yang pertama, mode tampilan daftar isi yang pertama ini sangat simple dan sederhana, silahkan di copy dan pastekan pada halaman HTML langkah-langkahnya seperti yang telah saya jelaskan tadi, kodenya adalah sebagai berikut ;
<div style="overflow:auto; 2px solid
#030303; margin: auto; padding: 6px; width: 100%;
height:280px; background-color: #9cfcf4; text-align: left;">
<script style="text/javascript" src="
2. Cara membuat sitemaps atau daftar isi yang bagus dan keren ke 2
cara yang ke dua adalah sebagai berikut, kode sitemaps atau daftar isi dibawah ini akan menampilkan daftar isi berdasarkan pada kategory dan label pada blog yang anda miliki, pastinya juga sangat ringan saat loading, kode daftar isinya adalah sebagai berikut ;Nb; ganti tulisan yang berwarna merah dengan URL blog anda
<style type=text/css">
#toc{
width:98%
margin:6px auto;
border:1px solid #e0b91e;
-webkit-box-shadow:5px 5px 9px 2px rgba(0,0,0,0.2);
-moz-box-shadow:5px 5px 9px 2px rgba(0,0,0,0.2)
box-shadow:5px 5px 9px 2px rgba(0,0,0,0.2);
}
.labl{
Color:#5ff9ff;
font-weigh:bold;
margin:0 -5px
padding: 1px 0 2px 12px
background:-moz-linear-gradient(right,#f1fca5
0%,# 1b8b8b 45%);
background:-webkit-gradient(linear,left 10,right 80,
color-stop(0.20,#085e89),color-stop(1,#bde8fd));
border:1px solid #2a93dd;
border-radius:5px;-moz-border-radius:4px;
-webkit-border-radius:5px;box-shadow:4px 4px 2px #bab9b9;
-moz-box-shadow:4px 4px 2px #bab9b9;
-webkit-box-shadow;4px 4px 2px #bab9b9;display:block;
}
.labl a{
color: #fbfdfd;
}
.labl:first-letter{text-transform:uppercase;
}
.new{
color:#ff65b1
font-weigh:bold;
font-style:italic:
}
.postname{
font-weigh:normal;
background:-moz-linear-gradient(right,#bde7fe
0%,#fefcfc 40%);
background:webkit-gradient(linear,left 80,right 10,
color-stop(0.6,#fefcfc),color-stop(1#bde7fe));
}
</style>
<div id="toc">
<sript
src="https://googledrive.com/host/OByNodV_m9cVLROpmWFgwZ1NmdW8/"
type="text/javascript"></script>
<script
src="http://www.tujuwan.com/feeds/posts/default?max-result=9999&alt=json-in-
script&callback=loadtoc">
</script></div>
3. Cara membuat sitemaps atau daftaf isi yang bagus dan keren ke 3
cara yang ke tiga, cara yang ke tiga ini juga akan menampilkan sitemaps / daftar isi berdasarkan kategori dan labels, kodenya adalah sebagai berikut :
<style>
p.labels a {
color:#f9fefe
text-transform: uppercase;
font-size: 15px;
font-weight: 655;
border bottom: 1px solid #dbd9d9
display: block;
padding: 9px
background: #5c3c51;
}
a.post-titles {color: #1e5c3d;}
ol li{list-style-type:decimal:line-height:26px;}
.sitemaps-link{display:none}
</style>
<script type="text/javascript"
src="http://yourjavascript.com?7366511402
/sitemaps.js"></script>
<script src="/feeds/pst/default?max-results=9999&
amp;alt=json-in-sript&
callback=bloggersitemap"></script>
4. Cara membuat sitemaps atau daftar isi yang bagus dan keren ke 4
cara yang ke empat, anda juga bisa membuat daftar isi dengan menggunakan cara yang ini, sitemaps atau daftar isi yang ini juga memiliki fungsi yang sama namun mempunyai bentuk yang berbeda, kodenya adalah sebagai berikut;
<script src="http://mastergomaster.googlecode.com
/files/data/daftar%20isi%blog.js"></sript>
<script src="http://www.tujuwan.com/feeds/post/default?max-results=9999&:json-in-sript&callback=loadtoc'></sript>
5. Cara membuat sitemaps atau daftar isi yang bagus dan keren ke 5
cara yang ke lima ini juga memiliki fungsi yang sama, dan menampilkan sitemaps atau daftar isi berdasarkan kategori dan label, untuk kodenya adalah sebagai berikut;<div style="background-color:#aadff1; border: 2px solid
#020209; height: 450px; margin: auto; overflow; auto; padding: 4px;
text-align: left; width: 100%">
<script src="http://mastergomaster.googlecode.com/files/daftar%isi%20blog.js"></script>
<script src=http//www.tujuwan.com/feeds/post/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
6. Cara membuat sitemaps atau daftar isi yang bagus dan keren ke 6
cara yang ke enam memiliki cara dan fungsi yang sama yaitu menampilkan sitemaps atau daftar isi berdasarkan kategori dan labelnya, kodenya adalah sebagai berikut;<div style=overflow; border: 2px solid #000009;
margin: auto; padding: 5px; width: 100%;
heigh:277px; background-color; none; text-align: left,">
<script style="text/javascript"src="
Itulah beberapa pilihan Sitemaps atau daftar isi, anda bisa mencobanya satu persatu agar anda mengetahui bentuk tampilannya.
Mengapa blog yang kita miliki memerlukan sitemaps?
Sitemaps merupakan sebuah file yang memuat tentang halaman blog/website yang kita miliki yang berfungsi untuk memberitahukan kepada mesin pencari Google tentang content yang terdapat pada blog kita.
Sebuah blog yang kita kelola sangat memerlukan sitemaps atau daftar isi, karena dengan adanya sitemaps pada blog/website dapat meningkatkan kinerja perayapan mesin pencari Google kepada situs anda, semakin besarnya sebuah blog/website akan semakin membutuhkankan sitemaps/peta situs, kenapa begitu? karena tanpa menggunakan sitemaps akan berdampak buruk pada situs anda, situs anda dapat diabaikan oleh mesin pencari.
Sitemaps atau daftar isi sangat berperan penting untuk sebuah blog ataupun website, dengan adanya sitemaps atau daftar isi pada blog/wesite yang kita miliki maka akan mempermudah mesin pencari atau search engine Google akan lebih mudah dalam mendeteksi, menjelajahi, dan meraih halaman - halaman yang terdapat pada blog atau website yang kita miliki.
Fungsi Sitemaps atau daftar isi Blog
Sitemap atau daftar isi ini juga dapat kita fungsikan untuk submit peta situs yang berbasis XML.
Sitemaps atau daftar isi memiliki banyak manfaat dan memiliki peran yang sangat penting, baik bagi pemilik blog ataupun bagi pengunjung blog yang kita miliki, ada beberapa fungsi dan manfaat Sitemap atau daftar isi pada blog, diantaranya adalah sebagai berikut;
- Sitemaps atau daftar isi dapat mempermudah kita untuk melihat atau mengecek content yang kita miliki.
- Sitemaps atau daftar isi dapat mempermudah para pengunjung untuk mencari artikel yang mereka butuhkan.
- Sitemaps atau daftar isi dapat menambah link internal pada blog yang kita miliki.
- Sitemaps atau daftar isi dapat meningkatkan kinerja search optimization engine
- Sitemaps atau daftar isi dapat difungsikan sebagai link pengait antara artikel yang satu dengan artikel yang lainnya.
- Sitemaps dapat digunakan untuk mengirimkan meta data kepada google.
