-->

Membuat Cool Sitemap di Blogger

Membuat Cool Sitemap di Blogger - halo selamat pagi para blogger semuanya, kembali lagi bersama saya guzko di blog yang sederhana ini. Mudah-mudahan blog ini bisa memberikan agan inspirasi.
oke kali saya akan sharing seperti judul diatas bagaimana Membuat Cool Sitemap di Blogger.


Sekilas saya jelaskan sedikit apa sih itu Sitemap ?
oke, sitemap adalah salah satu alat bantu bagi para webmaster yang mempermudah dalam pengenalan peta dari situs yang dibuat pada sebuah website atau blog. Dengan begitu mesin google akan lebih mudah menjelajah dan mendapatkan semua halaman-halaman yang ada di dalamnya. Sama halnya seperti website pada umumnya, blog juga memerlukan sitemap agar mesin pencari dapat dengan mudah mencari atau mendeteksi konten didalamnya.

sumber:https://id.wikipedia.org/wiki/Sitemaps

oke langsung saja ya gan,....

pertama login ke blogger anda, jika sudah pilih menu Laman dan buat laman baru, seperti gambar berikut ini :


kemudian pilih tab HTML bukan yang compose :


jika sudah sekarang agan inputkan kode dibawah ini, setelah itu simpan laman dan lihat hasilnya.


.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }


*NB :
Ganti :http://guz-kopyok.blogspot.co.id dengan URL blog anda.

Sitemap untuk blog anda sudah siap

sekarang lihat hasilnya gan...,
oke sekian dulu ya gan tutorial singkat dari saya. Mudah-mudahan bisa membantu agan dalam membuat sitemap untuk blog agan. Bila ada yang kurang jelas, bisa langsung tinggalkan jejak di komentar ya gan...

semoga tutorial Membuat Cool Sitemap di Blogger bisa bermanfaat., kita jumpa lagi dilain waktu dengan tutorial yang berbeda....
seee....uuuuu

Click to comment