Cara Membuat Sitemap Sederhana dan Menarik - Banyak cara yang dilakukan untuk mengoptimalkan blog atau membuat blog kita agar tampil menarik karena itu salah satu yang membuat pengunjung betah dan gak bosan untuk mampir di blog kita, nah sobatku sekalian kalian tau apa itu Sitemap, Sitemap yaitu daftar isi atau daftar menu di blog dengan adanya Sitemap maka pengunjung akan lebih mudah dalam memilih judul yang ada di blog kita. Baiklah mari kita mulai cara membuat Sitemap.
Sebelum memulai sebaiknya sobat memberikan Label pada masing-masing artikel di blog sobat liat gambar1, klik Label Isilah sesuai dengan kebutuhan blog sobat dan yang perlu di ingat sobat harus membedakan nama pada label seperti contohnya : TUTORIAL, DOWNLOAD, TV ONLINE dan lain-lain, Mengapa harus kita pasang label pada setiap artikel? karena kalau tidak di pasang Sitemap yang akan sobat pasang di blog tidak akan berjalan dan yang terlihat hanya menu atau daftar isi blog yang kosong!
 |
| gambar 1 |
Setelah selasai, Berikut cara membuat Sitemap ikuti langkah yang saya berikan di bawah ini :
- Buatlah Laman baru di blog sobat dan pilih HTML - gambar 2
 |
| gambar 2 |
- Copy semua script di bawah ini ke laman blog sobat.
- Terakhir yang sobat perlu lakukan yaitu merubah URL , lihat script di bawah yang berwarna merah gantilah dengan URL atau alamat blog sobat.
- Klik Simpan.
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F0; background-color: rgba(0, 0, 0, 0.93); repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #407E39; } .dafis-label{ background:url(-) repeat-x scroll 0 0 #407E39; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #407E39; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKoXz4pKkbqFg-aacVRQ5PXj91Dh045xyeiXgw9A7D9LWYuKdWumXkew5p1wX5SUyOK857fpXGLUqW3gcPW6Fx4NIVNpivTgg4kRSC_8JFNIdMxIo_XAl9pXbdrmE0HruM4Pksg1hbcvs/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://yanmil.googlecode.com/svn/daftar.isi.YanMil-TV.js" type="text/javascript"></script>
<script src="http://yan-mil.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
- Sobat bisa lihat hasilnya seperti gambar di bawah ini
Selamat Mencoba...!
No comments: "Cara Membuat SiteMap Sederhana dan Menarik"
Post a Comment