Membuat halaman sitemap di blogger

Halaman sitemap yang akan kita buat bukan sitemap.xml yang digunakan untuk sitemap di google search coonsole maupun webmaster lainnya.
Sitemap yang akan kita buat merupakan sebuah halaman statis yang berisikan tentang sitemap mirip daftar isi yang memudahkan pengunjung blog menemukan artikel yang di cari.

Cara membuat halaman sitemap di blogger

I. Membuat halaman statis baru yang berisi sitemap

1. Klik Halaman, Halaman Baru.

2. Pindah mode penulisan ke mode HTML.
3. Pada bagian judul, anda beri judul sitemap.
4. Masukkan kode berikut ini

<style>
#jauhari-sitemap-wrapper {font-size:13px}
#jauhari-sitemap-wrapper li {position:relative;padding:.385em 0 .385em 6.923em;border-top:none;border-bottom:1px solid #f6f6f6}
#jauhari-sitemap-wrapper span {position:absolute;left:0;color:#444}
#jauhari-sitemap-wrapper a {font-weight:bold}
#jauhari-sitemap-loading-msg {height:100px;line-height:100px;text-align:center;font-weight:bold;letter-spacing:1px;font-size:18px;color:#bbbbbb}
</style>
<script>
(function(c,m){var h=window;var l=document;var e="jauhari-sitemap-wrapper";var g="jauhari-sitemap-loading-msg";var b=h.location;var n=b.protocol;var f=b.hostname;var k=0;l.write("<div id='"+e+"'><ol></ol><div id='"+g+"'>"+m+"</div></div>");var a=l.getElementById(e);var d=l.getElementById(g);var j=l.getElementById(e).getElementsByTagName("ol")[0];function i(o){var p=l.createElement("script");p.src=n+"//"+f+"/feeds/posts/summary?alt=json-in-script&callback=wijs_get_sitemap&start-index="+o+"&max-results=150";a.appendChild(p)}h.wijs_get_sitemap=function(E){var A=E.feed.entry;var u=parseInt(E.feed.openSearch$totalResults.$t);var x=A.length;var jauhari="";for(var s=0;s<x;s++){var o=A[s];var C=o.title.$t;var p;var D=o.link;var y=D.length;for(var r=0;r<y;r++){if(D[r].rel==="alternate"){p=D[r].href;break}}var z=o.published.$t;var q=z.substring(0,4);var t=z.substring(5,7);var v=z.substring(8,10);var B=c.replace("dd",v).replace("mm",t).replace("yyyy",q);jauhari+="<li><span>"+B+"</span><a href='"+p+"'>"+C+"</a></li>"}j.innerHTML+=jauhari;k+=x;if(k<u){i(k+1)}else{d.parentNode.removeChild(d)}};i(1)})("dd/mm/yyyy","Loading......");</script>

5. Terakhir klik Publikasikan untuk menyimpan.

II. Menampilkan halaman link di bagian tab halaman utama blog

1. Klik Tata Letak, Pada Layout bagian tab silahkan anda klik Tambahkan Gadget, Pilih yang Halaman.

2. Untuk bagian Judul kosongkan saja, berikutnya klik Tambahkan Item Baru.
3. Berikutnya pada bagian kolom nama, silahkan anda ketik "sitemap". Nanti dikolom ke-2 secara otomatis akan muncul URL halaman yang berisi sitemap yang sebelumnya anda buat.
4. Terakhir klik Simpan.

Demikianlah cara membuat halaman sitemap di blogger, semoga bermanfaat.

Comments

Mendaftarkan blog di google search

Mendaftarkan blog di google search console merupakan sebuah cara yang digunakan sebagai salah satu upaya agar blog yang kita miliki dapat diindex oleh mesin pencarian google, dengan begitu blog kita akan muncul di hasil pencarian google. Apa itu google search console? Google Search Console adalah layanan gratis yang ditawarkan oleh Google untuk membantu Anda memantau, mempertahankan, dan memecahkan masalah terkait kehadiran situs web Anda di hasil pencarian Google. Beberapa fitur utama dari Google Search Console Pemantauan Kinerja Anda dapat melihat seberapa baik situs Anda tampil di hasil pencarian, termasuk jumlah klik, tayangan, dan posisi rata-rata. Perbaikan Masalah Alat ini membantu Anda mengidentifikasi dan memperbaiki masalah yang mungkin mempengaruhi visibilitas situs Anda. Pengelolaan Indeks Anda dapat meminta Google untuk mengindeks halaman baru atau menghapus halaman yang tidak diinginkan dari hasil pencarian. Laporan Keamanan Google Search Console memberikan informasi...

Mencadangkan tema blogger

Sebelum mengganti tema blogger , sebaiknya anda membuat cadangan tema yang sedang anda gunakan. Agar nantinya tema tersebut dapat anda gunakan kembali disuatu hari nanti atau untuk jaga-jaga saja saat anda menemukan kegagalan saat mengedit tema blogger, maka anda dapat menggunakan kembali tema yang anda cadangkan. Ada 2 pilihan cara membuat cadangan tema di blogger, yaitu: mendownload tema dalam bentuk .xml menggunakan aplikasi notepad catatan. Cara mencadangkan tema blogger A. Mendownload tema yang sedang digunakan Pilihan pertama yaitu membuat cadangan tema dengan cara mendownload tema yang sedang anda gunakan. 1. Login di blogger.com. 2. Klik Tema , Cadangkan . 3. Klik Download . 4. File hasil download harus berbentuk . xml . B. Menggunakan aplikasi notepad atau catatan Pilihan kedua yaitu dengan cara memanfaatkan aplikasi notepad atau aplikasi catatan. 1. Login di blogger.com. 2. Klik Tema , Edit HTML , lalu anda copy atau salin semua kode-kode pada editor HTML. 3. Buka notepad ata...

Membuat halaman contact form di blogger

Tujuan pembuatan halaman contact form atau formulir kontak bertujuan untuk memudahkan pengunjung blog berkomunikasi secara pribadi ke admin blog. Pesan pada contact form yang terkirim akan diteruskan ke inbox gmail milik admin blog, dalam hal ini gmail yang digunakan adalah gmail yang digunakan untuk membuat blog. Sebenarnya blogger telah menyediakan gadget contact form yang di tempatkan pada bagian sidebar blog, namun kebanyakan pemilik blog memilih menyembunyikannya dan memilih untuk membuat halaman contact form sendiri dengan berbagai variasi di halaman statis. Cara membuat halaman contact form di blogger I. Menambahkan gadget contact form pada bagian sidebar Langkah pertama adalah menambahkan gadget contact form pada bagian sidebar atau anda juga dapat meletakkannya dibagian footer blog. 1. Pertama anda klik Tata Letak . 2. Berikutnya anda klik Tambahkan Gadget pada layout sidebar. 3. Berikutnya cari dan klik Contact form atau formulir kontak . 4. Simpan . II. Menyembunyikan gadg...

Perbaikan thumbnail postingan blogger yang blur part 1

Gambar kecil atau thumbnail biasanya digunakan dibagian halaman utama blog apabila memakai readmore, popular posts, related posts, recent post. Blur pada thumbnail ini sering kali disebabkan karena sering mengganti tema, sering mengedit postingan yang nantinya blogger akan mereset pengaturan pada gambar postingan yang berakibat gambar thumbnail pecah atau blur. Blur pada thumbnail juga dapat disebabkan oleh pengguna yang merubah ukuran gambar didalam tema blog tanpa memperhatikan kualitas thumbnail yang akan muncul. Sebenarnya blur pada thumbnail ini dapat diatasi dengan cara merubah kode pada tema maupun merubah kode gambar pada postingan itu sendiri. Disini kita akan mencoba memperbaiki thumbnail yang blur dengan cara merubah kode gambar pada postingan, cara ini terbilang cukup ampuh namun memiliki beberapa kelemahan diantaranya: Setelah ganti tema maka thumbnail akan kembali blur, sehingga kita harus mengeditnya kembali satu-persatu. Setelah update pada gambar postingan maka gambar ...

merubah teks link newer post

Link newer post terletak di bagian bawah postingan blog, fungsinya yaitu sebagai navigasi yang apabila diklik maka pengunjung akan diarahkan ke halaman postingan yang lebih baru. Untuk merubah teks link tersebut dengan nama yang anda inginkan, misalnya dengan kata previous , anda cukup merubah kode HTML yang berada didalam editor HTML tema. Berikut cara merubah teks link newer post 1. Login di blogger.com. 2. Berikutnya anda klik Tema , Edit HTML . 3. Berikutnya anda cari kode berikut ini <data:newerPageTitle/> 4. Berikutnya anda hapus kode tersebut, dan ganti dengan kata previous atau yang sesuai dengan apa yang anda inginkan. 5. Terakhir anda klik Simpan . Cara ini berlaku untuk tema bawaan blogger yang belum responsive semisal simple bold, awesome, travel dan lainnya. Untuk melihat tutorial mengenai cara merubah teks pada link Older Post, silahkan klik disini . Demikianlah cara merubah teks link newer post pada blogger.com, semoga bermanfaat.

Jauhari Top

Cari Blog Ini