Rabu, 02 Oktober 2019

Cara mudah Membuat Sitemap Untuk Blogger.



Kalian punya blog? Tapi ga punya sitemap? Hmmm jangan deh. Kalian wajib banget buat sitemap ini. Dikarenakan sitemap ini memiliki peranan penting bagi blog kalian. Apalagi jika kalian ingin punya blog lalu bisa menghasilkan uang Dari google AdSense? Nah sitemap ini sangat dibutuhkan.

Sitemap ini adalah daftar isi berupa postingan yang di sarankan bagi blogger yang ingin mengembangkan blognya. Karena sitemap ini memiliki fungsi agar blog kalian mudah untuk di rayapi oleh google bot.

Nah jika kalian tidak tau bagaimana caranya. Kalian hanya perlu membaca artikel ini sampai habis di karenakan saya akan mengajarkan ke kalian "Bagaimana Cara membuat Sitemap Otomatis pada blog kalian".

Caranya mudah kok.

1. Buat halaman baru.

Langkah pertama ini sangat mudah. Kalian hanya perlu membuat halaman baru pada blog kalian. Lalu kalian hanya harus memberikan judul pada halaman yang baru kalian buat. Kalian cukup menuliskan judul berupa " Sitemap" saja.

2. Masuk ke mode HTML

Nah setelah kalian membuat halaman baru Dan memberinya judul. Langkah selanjutnya adalah kalian harus masuk ke mode HTML dulu. Bagi kalian yang ga tau caranya, aku akan ngasih tau ke kalian. Lihat gambar di bawah ini.



Jika kalian melihat gambar di atas. Di situ ada tulisan berupa compose Dan HTML . Mode compose di pergunakan jika kalian ingin membuat halaman berupa tulisan , lalu jika mode html itu di peruntukan untuk membuat sebuah halaman dengan dasar code html . nah kurang lebih penjelasan singkat tentang mode compose dan html seperti itu.
dikarenakan kita akan membuat sitemap maka kita harus memilih mode HTML nya.
Jadi jangan lupa untuk memilih code HTML nya terlebih dahulu ya sobat.

3. Cope paste code berikut.

Jika kalian sudah melakukan apa yang saya katakan di cara yang pertama Dan kedua. Cara ketiga yang harus kalian lakukan adalah cukup mengcopy paste code HTML di bawah ini.

<div id="sitemap">Loading...</div>
<script> //<![CDATA[
var start=1;var max=150;var sitemapArr=new Array();function runsitemap(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemap&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemap(root){var elem=document.getElementById('sitemap');if(!elem)return;elem.innerHTML='';var feed=root.feed;if(feed.entry.length>0){for(var i=0;i<feed.entry.length;i++){var entry=feed.entry[i];var title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=="alternate"){var url=entry.link[j].href;if(url&&url.length>0&&title&&title.length>0){sitemapArr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runsitemap()} else{var print='';for(var x=0;x<sitemapArr.length;x++){print+='<li><a href=\"'+sitemapArr[x].url+'\" title=\"'+sitemapArr[x].judul+'\">'+sitemapArr[x].judul+'</a></li>'}
elem.innerHTML='<div class=\"title\">Total Post: '+sitemapArr.length+'</div><ol>'+print+'</ol>'}}} runsitemap();
//]]> </script>



Nah jika kalian sudah mengcopy paste kan code di atas . kalia harus segera mempublikasikannya. Jangan kalian rubah rubah. Di karenakan mode HTML di halaman itu sangat sensitive. Bisa bisa site mapnya ga muncul.


4. Masuk Ke edit HTML template.

Nah jika kalian sudah mempublikasikannya seperti langkah ke tiga tadi. Yang perlu kalian lakukan selanjutnya adalah. Masuk ke Edit HTML template kalian. Lalu pastekan code CSS di bawah ini di atas tag </style>



/* Sitemap Blogger Sederhana */
#sitemap .title {background-color:#448ccb; color:#fff; font-size:150%; font-weight:400; text-align:center; margin-bottom:20px; padding:15px;}
#sitemap a {color:#212121; text-decoration:none; transition:all .3s ease;}
#sitemap a:hover {color:#000;}
#sitemap ol {margin:0px; padding:0px;}
#sitemap ol li {color:#212121; font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}


Jika sudah lalu kalian harus langsung menyimpannya pada HTML template kalian.


5 Selesai !!!

Nah itu dia cara membuat site map otomatis pada blogger . jika kalian ingin melihat hasil sitemap nya kalian hanya perlu masuk ke halaman lalu klik lihat pada halaman yang berjudul site map. Jika site map tidak muncul atau blank. Kalian hanya perlu menunggu waktu saja . agar google merayapi blog kalian terlebih dahulu.


Jika menurut kalian artikel ini sangat  bermanfaat. Saya sangat berterima kasih jika kalian may membagikan nya ke teman atau kerabat terdekat kalian.


Terimakasih.


EmoticonEmoticon