PriztianRyo-Tech. sharing about tech news,android,blog,internet,photosop,windows,and many more

Wednesday, 31 January 2018

Cara Membuat Sitemap Blogger Keren Terbaru

Cara Membuat Sitemap Blogger Keren Terbaru
sitemap keren blogger
Cara Membuat Sitemap Blogger Keren Terbaru - Ya, ini adalah postingan terbaru saya setelah berganti domain kemarin. Pada postingan ini saya akan membuat tutorial cara membuat sitemap keren terbaru di blogger 2018. Sebelum saya membagikan script sitemap blogspot terbaru ini saya akan menjelaskan untuk apa sih sitemap blogger ini? fungsinya apa? dan kenapa banyak cari sitemap yang keren?

Kalau menurut saya sendiri, sitemap ini berisi kumpulan link artikel kita dari awal hingga akhir dan dikelompokkan sesuai kategorinya. Jadi agar dapat mempermudah para visitor / pengunjung blog kita untuk mencari beberapa artikel yang diinginkan. Dan untuk tampilannya dibuat menarik agar memanjakan mata para pengungjung. Kalau tampilannya yang biasa-biasa saja kan banyak yang mudah bosan kan.

Ok, langsung saja untuk tutorial cara membuat sitemap otomatis di blogger terbaru.

TUTORIAL CARA MEMBUAT SITEMAP DI BLOGSPOT

  • Pertama kita buat halaman dulu dengan cara, klik menu halaman dan klik halaman baru 
    Cara Membuat Sitemap Blogger Keren Terbaru
    klik halaman baru
  • Lalu pindah mode ke HTML, dan beri judul menjadi "Sitemap". Pada bawahnya isi dengan code dibawah ini 
    Cara Membuat Sitemap Blogger Keren Terbaru
    masukkan kode
<style type="text/css">
#toc{width:100%;margin:5px auto;border:1px solid #1a66f1;
-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: #1a66f1;
border:1px solid #1a66f1;
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><span style="font-family: inherit;"><span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;">
</span></span><script src="http://www.priztianryo.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div> 

Jangan lupa untuk mengganti link blognya menjadi blogmu. jika sudah klik publikasikan. Jika terjadi error saat publikasikan, hiraukan saja.

  • Seperti ini nanti jadinya 
    Cara Membuat Sitemap Blogger Keren Terbaru
    jadi
  • Selesai
Bagaimana mudah sekali bukan? Jika kamu terjadi error saat mempublikasikan silahkan hiraukan saja. Jika kamu mengikuti perintah pesan error itu malah nanti sitemapnya tidak akan muncul jadi hiraukan saja. 

Ok, sampai disini dulu postingan saya kali ini. Jika kamu rasa bermanfaat, bisa kamu bagikan ini kepada teman-teman kamu yang mengalami permasalahan serupa. Saya mohon maaf apabila ada kesalahan dalam tutorial kali ini.

Sampai jumpa.

No comments:

Post a Comment