membuat sitemap keren pada blog

sarjana beraksi

baca cermati dan pahamilah lalu terapkan semoga bermanfaat

MEMBUAT SITEMAP KEREN PADA BLOG

         Oke sobat  kali ini admin akan memberikan sedikit informasi tentang bagaimana cara membuat sitemap pada blog. Oke apa itu sitemap ? sitemap adalah sebuah halaman pada blog yang memungkinkan pengunjung lebih mudah mngetahui isi dari blog itu sendiri.

         Banyak sekali model sitemap dalam dunia website, tetapi di sini admin mempunyai sebuah sitemap yang menurut admin cukup menarik dan keren, contoh nya kurang lebih seperti gambar di bawah ini.

        Apa sih tujuan di buat sitemap ? sitemap ini di buat untuk bertujan mempermudah seseorang yang mengunjungi situs kita bisa mudah mengetahui isi content yang ada di situs kita. Dan sitemap juga adalah elemen pelengkap suatu situs bila tidak ada sitemap rasa nya situs tersebut kurang lengkap.

        Sitemap yang admin akan bahas ini mempunyai model table. Dan yang perlu sobat ingat sebelum memulai membuat sitemap ini pastikan terlebih dahulu content artikel yang sobat punya di situs sobat sudah sobat beri label. karena jika belum pembuatan sitemap ini tidak akan berhasil, di karenakan sitemap ini terkandung dari label artikel.

  Oke lah tidak perlu lama-lama langsung kita praktikan :

1.buka dashbord dari blog sobat dan pilih "laman" dan pilih "laman baru"

2.copy kan code di bawah ini dengan catatan : ubah font berwarna merah dengan alamat blog sobat.

<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: #3498DB;
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{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://sarjanaberaksi.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

3.Setelah itu pilih simpan.Dan silahkan sobat lihat hasil nya

Nahh kurang lebih nanti hasil nya akan seperti gambar di atas, Bila seperti gambar di atas berarti sobat telah berhasil membuat sitemap di blog sobat, Bila sudah tinggal sobat kembangkan saja. Oke mungkin sekian sedikit tutorial dari admin, bila ada yang kurang jelas silahkan tinggalkan komentar sobat di blog ini, Selamat mencoba dan semoga berhasil

created by : http://sarjanaberaksi.blogspot.com

loading...

baca juga