WuSqyOgjkDlVD9T3DwbScpWy4QmNOXpt1I6JND8M

Cara Membuat Sitemap Blogger Keren Dan Responsive

Cara Membuat Sitemap Blogger. Kita tahu bahwasanya sitemap blogger merupakan sebuah halaman atau page yang berisikan semua link postingan berdasarkan label atau kategori.

Cara Membuat Sitemap Blogger Keren Dan Responsive

Untuk blogger sendiri pada dasarnya sudah tersedia untuk default sitemapnya, hanya saja dari segi tampilannya kurang bigitu bagus. Dengan membuat sitemap yang keren tentunya akan menjadi nilai lebih untuk sebuah blog khusunya dimata pengunjung. Salah satu sitemap blogger keren dan responsive yang bisa kamu coba adalah sitemap seo.

cara-membuat-sitemap-blogger-keren

Sitemap seo merupakan sitemap blogger yang keren dengan menampilkan sitemap otomatis sesuai dengan label postingan. Setiap label nantinya akan menampilkan judul postingan. Berikut untuk tampilan sitemap seo.

sitemap-seo-blogger

Untuk detail contoh sitemap seo ini, silahkan klik disini.

Cara Menambahkan Sitemap Seo Pada Blogger

1. Buat Halaman Baru / Page

Untuk langkah yang pertama kamu buat terlebih dahulu halaman baru / page dan berikan nama Sitemap.

2. Copy - Paste Kode Sitemap Seo

Selanjutnya kamu tinggal copy pastekan kode sitemap seo dibawah 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: #3498DB;

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{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="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>

<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

 Untuk kode sitemap seo diatas bisa kamu download juga disini ( Download Sitemap Seo Responsive ). Setelah itu kamu tinggal publikasikan saja dan lihat untuk hasilnya.


Semoga informasi ini bermanfaat dan yang pasti selamat mencoba.

Related Posts
Kak Ula
Sharing informasi produk kecantikan dan kesehatan

Related Posts

Posting Komentar