Selasa, 02 Mei 2017
Sitemap adalah daftar isi yang berisikan semua artikel yang telah kita buat,dengan adanya daftar isi maka akan memudahkan pembaca dalam mencari artikel anda yang ada pada blog.
Membuat sitemap pada blog ada banyak macamnya,entah itu secara otomatis,ataupun secara manual seperti sitemap yang ada pada blog saya ini.Karena daftar isi itu penting untuk blogger,sebaiknya anda tidak membuat yang biasa-biasa aja,melainkan membuat daftar isi yang bagus seperti mengunakan slide.
Penasaran?Silahkan coba cara dibawah ini untuk tutorial pembuatan sitemap yang bagus dan juga lebih menarik.
Saya mempunyai tiga label beserta isinya sebagai berikut:
Anime:Naruto,One Piece
Blogger:Cara Seo
Masakan:Bakso
Maka cara membuatnya sebagai berikut:
Sebelumnya bukalah notepad di PC anda lalu buat 2 notepad untuk bagian badan dan bagian penting
Pertama buat badan untuk label dan artikelnya,dengan cara dibawah ini:
<div id="pertama">
Anime
</div>
<div class="Anime">
<a href="ganti url artikel naruto">Naruto</a>
</div><div class="Anime">
<a href="ganti url artikel one piece">One Piece</a>
</div>
<div id="kedua">
Blogger
</div>
<div class="Blogger">
<a href="ganti url artikel cara seo">Cara Seo</a>
</div>
<div id="ketiga">
Masakan
</div>
<div class="masakan">
<a href="ganti url artikel bakso">Bakso</a>
</div>
Baca Juga
Setelah itu buat bagian penting untuk Label dan artikel yang tadi,seperti cara dibawah ini:
Setelah itu silahkan keblog anda,lalu pilih LAMAN>>LAMAN BARU>>HTML,ingat html ada disebelah compose atau dibawah pembuatan judul seperti dibawah ini:
lalu gabungkan bagian tubuh dan bagian penting hingga seperti dibawah ini :
Kalau sudah selesai silahkan simpan atau publikasikan,maka hasilnya akan seperti dibawah ini:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#pertama").click(function(){
$(".Anime").slideToggle("slow");
});
$("#kedua").click(function(){
$(".Blogger").slideToggle("slow");
});
$("#ketiga").click(function(){
$(".masakan").slideToggle("slow");
});
});</script>
<style>
#pertama,#kedua,#ketiga {
padding: 5px;
text-align: left;
background-color: #DC143C;
color:#ffffff;
border: solid 2px #DC143C;
}
.Anime, .Blogger, .masakan {
padding: 5px;
text-align: center;
background-color: #FFF8DC;
color:#DEB887;
border: solid 2px #DC143C;
display: none;
}
</style>
</head>
Setelah itu silahkan keblog anda,lalu pilih LAMAN>>LAMAN BARU>>HTML,ingat html ada disebelah compose atau dibawah pembuatan judul seperti dibawah ini:
lalu gabungkan bagian tubuh dan bagian penting hingga seperti dibawah ini :
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#pertama").click(function(){
$(".Anime").slideToggle("slow");
});
$("#kedua").click(function(){
$(".Blogger").slideToggle("slow");
});
$("#ketiga").click(function(){
$(".masakan").slideToggle("slow");
});
});
</script>
<style>
#pertama,#kedua,#ketiga {padding: 5px;
text-align: left;
background-color: #DC143C;
color:#ffffff;
border: solid 2px #DC143C;
}
.Anime, .Blogger, .masakan {
padding: 5px;
text-align: center;
background-color: #FFF8DC;
color:#DEB887;
border: solid 2px #DC143C;
display: none;
}
</style>
</head>
<div id="pertama">
Anime
</div>
<div class="Anime">
<a href="ganti url artikel naruto">Naruto</a>
</div><div class="Anime">
<a href="ganti url artikel one piece">One Piece</a>
</div>
<div id="kedua">
Blogger
</div>
<div class="Blogger">
<a href="ganti url artikel cara seo">Cara Seo</a>
</div>
<div id="ketiga">
Masakan
</div>
<div class="masakan">
<a href="ganti url artikel bakso">Bakso</a>
</div>
Kalau sudah selesai silahkan simpan atau publikasikan,maka hasilnya akan seperti dibawah ini:
Anime
Blogger
Masakan
Lalu silahkan tinggal sesuaikan tergantung label dan artikel yang anda punya,dan setiap anda membuat artikel maka juga harus mengupdate daftar isi yang anda buat ini.
Ya itu dia Cara Membuat Sitemap menarik dengan slide pada blog ,memang agak rumit sih tapi hasilnya akan memuaskan,dan anda membuatnya cuman sekali doang maka tidak akan merepotkan maupun sia-sia karena anda juga mendapat ilmu baru,Terima kasih sudah mau membaca,jangan lupa tinggalkan komentar ya hehehe.
