Membuat sitemap unik blog

Membuat sitemap unik blog

Pentingkah SITEMAP??

Jawabannya : Penting Bangetttt.....

Ada alasan tersendiri kenapa sitemap itu penting bagi blog yang sobat buat, sitemap berfungsi menampilkan semua artikel yang ada pada di blog sobat, jika artikel itu baru maka akan ada tulisan di akhir judul yaitu "new", yang artinya tulisan tersebut baru dibuat.bisa dilihat gambar di bawah ini:

Pasti sobat bertanya-tanya kenapa postingan yang muncul hanya satu saja ?? baik akan saya jelaskan, pada sitemap yang tampil hanya satu artikel di karenakan postingan di blog saya masih satu saja, belum ada artikel lainnya.

Bagi sobat yang baru berkecimpung dalam hal ngeblog mungkin belum paham akan hal ini, untuk awal yang baik sebuah blog harus dipasangkan sitemap walau hanya satu artikel saja yang berada di dalam blog sobat.

Akan saya jabarkan apa itu Sitemap, sitemap adalah suatu alat yang berfungsi membantu untuk webmaster guna memudahkan dalam pengenalan peta situs dalam suatu website. tentunya sama halnya dengan website, blogger/blog pada umumnya juga memerlukan sebuah sitemap.kenapa begitu ?? itu diakrenakan agar supaya mesin pencari seperti google.com bisa dengan mudah mendeteksi konten yang ada di dalam blog sobat.

MULAI MEMBUAT SITEMAP !!

Baca juga :


Setelah panjang lebar saya jelaskan apa itu sitemap, kini kita akan memulai membuat sitemap itu sendiri. langkah-lahkahnya bisa sobat ikuti di bawah ini:

<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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));

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{t

ext-transform:uppercase;

}

.new{

color:#FF5F00;

font-weight:bold;

font-style:italic;

}

.postname{

font-weight:normal;

background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);

background:-webkit-gradient(linear,center 60,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

}

.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://Mas genli .com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>


KETERANGAN:

http://mas genli.com : Pada mas genli.com diatas ganti dengan Url blog sobat.

1. Login ke blogger.com

Sobat harus login terlebih dahulu di blooger atau bisa klik disini login supaya untuk menghemat waktu sobat agar tidak membuka tab baru.

2. Masuk ke blog sobat

Setelah sobat sudah login, langkah kemudian klik blog sobat yang mau di buat sitemap, jika blog sobat ada banyak pilih salah satu saja blognya.

3. Masuk tata letak

Jika sobat sudah masuk di halaman blog sobat, maka akan ada menu di samping kiri pada layar dekstop sobat, kemudian pilih tata letak.

4. Tambahkan widget Html / Javascript

Perlu sobat ketahui, sebuat sitemap bisa ditempatkan di halaman atas atau samping kiri atau kanan blog sobat, sesuaikan dengan keinginan mau di tempatkan atau diletakkaan dimana sitemap tersebut. kemudian sobat bisa menambahkan sebuah widget baru seperti gambar di bawah ini :

Kemudian sobat bisa memilih widget yaitu html/javascript jangan lupa klik tombol + seperti gambar di bawah ini:

5. Copy code Html/JavaScript

Saatnya sobat mengcopy sebuah kode html/javascript yang ada di bawah ini supaya sobat bisa membuat sitemap dengan tampilan yang unik untuk blog sobat, silahkan copy kode html/javascript di bawah ini :

Jika sobat sudah copy kode tersebut dan di paste di widget yang telah di buat terlebih dahulu tadi, tidak lupa sobat harus mengganti warna yang di blog dengan warna ungu dengan nama blog sobat contoh http://mas genli.com/ diganti menjadi http://www.belajar-ngeblog88.blogspot.com. kemudian klik tombol simpan.

6. Lihat hasilnya

Sobat tinggal melihat hasil yang di peroleh dengan tampilan sitemap yang unik dan menarik serta beda dengan sitemap yang lainnya. sebetulnya sitemap juga bisa di pasang di laman blog sobat, baik akan saya jabarkan lebih rinci lagi.

SITEMAP DI LAMAN !!

Tadi sudah ngebahas cara membuat sitemap melalau tataletak dan menambahkan widget html/javascript, sitemap bisa di letakkan dilaman atau di buat laman, caranya di bawah ini :

1. Membuat menu sitemap di laman

Sobat terlebih dahulu membuat menu laman terlebih dahulu, dengan cara masuk ke blogger dan pilih menu laman di sebelah kiri layar dekstop sobat, kemudian buat laman baru seperti contoh di bawah ini:

Jika sobat sudah membuat menu laman, kemudian tidak lupa copy kode html/javascript diatas dan pastekan di laman yang sobat buat tadi kemudian save dengan nama bebas kalau saya saya beri nama "index". cukup mudahkan membuat sitemap mulai dari penambahan widget atau di letakkan di menu laman.

Note !!

Aturlah dengan baik sebuah widget apapun itu, agar sebuah tampilan blog sobat berantakan, kebanyakan widget juga bagus untuk performa blog sobat. jika kebanyakan widget yang berada di subah blog sobat itu tidak baik dan akan membuat berat load blog sobat menjadi lambat. perhitungkan matang-matang widget apa saja yang harus ada didalam blog sobat.

selamat mencoba