Skip to main content

Download Sitemap Keren, SEO Dan Responsive Mobile Friendly Di Blog



Sitemap atau daftar isi satu situs website atau situs dari blogger blogspot ini penting buat data dan dokumen page halaman disebuah situs, berfaedah buat berikan area berita pada semua pengunjung situs itu biar tahu semua isi artikel pada situs kalian. Kesempatan saat ini saya bakal berikan tips komplit cara bikin sitemap bagus serta seo tanggap di situs. Sitemap ini bisa dikatakan bagus automatic dan fast loading di situs, kelebihan dari sitemap ini merupakan bentuk nya yang bagus dengan berlatarkan warna biru, sesuai buat situs kalian yang berlatarkan warna biru jadi nya menyatu pada situs dengan tampilan sitemap.

Sesungguhnya sitemap sama saja dengan blockquote atau biasa dijelaskan dengan pembungkus catatan yang udah kami buat di : Taktik Bikin Dan Memanfaatkan Catatan Blockqoute Bagus Di Situs sama sama udah ada lewat cara standard bawaan dari blogger namun nampak biasa dan tak menarik. Dikarenakan dengan itu bikin sitemap situs dengan tampilan bagus dapat berubah menjadi perhatian dan nilai tambah dimata pandang pengunjung dan pengunjung bakal jadi senang di situs yang kita buat.

Sebagai nilai makin dari sitemap ini yaitu dengan optimisasi SEO atau Search Engine Optimization jadi akan tidak bikin situs anda berubah menjadi tidak baik dipandangan search engine, google atau bing. Sitemap ini udah diatur dengan demikian rupa dengan program automatic bakal tampak sama dengan cap atau category yang udah di imbuhkan ke dalam tulisan. Oleh karenanya dengan ada nya program automatic, tiap-tiap kita up-date artikel tulisan langsung bakal masuk ke dalam daftar daftar sitemap, bakal terkumpul berubah menjadi satu dengan artikel yang lain yang sama seperti cap category yang udah ditetapkan.

Karena ada program automatic kita tak usah lagi masukkan satu satu tiap-tiap up-date artikel ke dalam daftar peta situs atau sitemap. Bikin serta menempatkan sitemap di situs pun tak usah butuh keterampilan kapabilitas kuasai dalam kode program HTML, lantaran disinih bakal menyiapkan script html sitemap yang udah jadi, oleh karenanya kalian tinggal mengcopas serta paste ke dalam halaman situs

Baca Juga : 3 Tips Mudah Agar Blog Diterima Oleh Google Adsense
Baca Juga : 3 Langkah Mudah Menghubungkan Domain dengan Blogspot
Baca Juga : Cara Membuat Blog gratis untuk pemula lengkap disertai gambar

Cara Membuat Sitemap SEO Responsive Di Blogger

Berikut ini akan saya beri panduan langkah untuk langkah langkah membuat sitemap di blogger. Kami telah sediakan kode nya yang telah jadi, dengan itu kalian tinggal pasang pada halaman website kalian.

Sitemap  1

<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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://maxoke.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

 

Sitemap 2

<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Sedang Mengambil Data . . .</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://maxoke.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
monthNames: [ // Array of month names
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>

Catataan : Untuk kalimat atau code dan link yang saya beri tanda dengan block warna biru, bisa kalian ganti dengan sesuai punya kalian.

 Cara Memasang Script Sitemap

Pada tutorial ini kalian bisa mengikuti nya untuk membuat sebuah halaman di blog untuk dijadikan sebagai halaman sitemap atau peta situs.

Langkah 1: Masuk ke Dashboard Blogger > Pilih Menu Halaman atau Page Buat Halaman Baru.
Langkah 2: Dari mode Compose Masuk kedalam mode HTML.
Langkah 3: Paste code tersebut kedalam nya.

Sesudah semua step telah kalian kerjakan, saat ini sitemap anda telah jadi bagus, automatis, search engine optimization dan responsif mobile friendly. Bila ada kekeliruan atau error pada script sitemap nya, kalian dapat adukan pada admin dengan comment di bawah. Bila kalian ingin memperoleh up-date tan artikel paling baru mengenai dunia blogging serta internet pemasaran, yuk subscribe website ini.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar