membuat sitemap keren pada blog

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...

19 Comments

mantapp nih.. izin pakai yak
Nice artikel

Wah sayang untuk blogger, kalau bisa buat wordpress jos nih

wah ilmu baru nih kebetulan ane cari sitemap buat taroh di blog makasih adminn, saya terapin dulu ah

sitemap itu berpangaruh sekali buat blog atau cuma untuk sekedar tambahan saja?

itu tambahan mas gedget untuk memudahkan pengunjung mengetahui isi blog

Bisa dijelasin gak gan scriptnya satu per sati biar makin paham?

klo mw di jelasin satu persatuu banyak gan,, tapi inti nya scrip bagian atas meupakan scrip yang mengatur bentuk si sitemap itu sendiri baik warna,bentuk table seperti di gambar dll,,dan scrip bagian bawah adalah scrip dimana isi dari si sitemap itu sendiri yang merupakan isi blog yang kita miliki,, kurang lebih seperti itu

membuat sitemap gk sesimpel yang saya pikirkan ternyata?!!!!

Mantap https://inirifany.blogspot.com

TERIMAKASIH ATAS SHARE INFORMASINYA SANGAT BERMANFAAT&nbsp

Silahkan berikan komentar anda tentang artikel dan situs blog ini.
Terima kasih telah berkunjung
EmoticonEmoticon