The Official Blog Of Kang Mail

7/28/2015

Tips Membuat Sitemap Blog SEO Friendly

Sitemap alias daftar isi dari suatu  blog dipakai supaya kami lebih mudah menonton isi blog tersebut. Dengan memakai sitemap alias daftar isi bakal mempermudah pembaca untuk melihat semua artikel yang ada dalam blog tersebut dengan masing-masing label alias kategori yang tak sama-beda.

Sebab ada salah satu pembaca yang mengharapkan script dari sitemap semacam blog ini maka saya bakal berikan sitemap keren nan gratis untuk saudara sekalian pembaca setia blog ini. saya telah tak jarang mencari sitemap yang keren dengan tutorial search di Google bakal namun hasilnya tak memuaskan. tak sama dengan sitemap hasil olahan SEO Tools ini, tidak hanya simple juga enak untuk dilihat serta dibaca.

Tips Membuat Sitemap Blog yang Keren
Kali ini saya akan membagikan beberapa jenis sitemap, silahkan anda coba sendiri di blog sobat.  Tutorial membikinnya sangat mudah, silahkan buka add page alias laman baru kemudian tulis judul sesuai yang diharapkan, dapat daftar isi alias sitemap. seusai itu pastekan kode berikut di desain html.

Nah, ada pun caranya langsung saja masuk ke tipik Membuat sitemap pada blog, di blogspot :

  1. Masuk ke Dashboard Blogspot anda.
  2. Pillih menu PAGES (laman)
  3. Klik News page (halaman baru) >>Blank page
  4. Beri judul page/laman tersebut contohnya : Sitemap
  5. Pada halaman post >>> klik HTML
  6. Lalu pastekan kode berikut ini ke dalam HTML yang sudah anda buka.
  7. Klik Perbarui (Publish)
  8. Terakhir Silakan di klik View ( Lihat ) di halaman Sitemap atau Daftar Ini, yang sudah anda beri nama dari awal tadi. 

Style 1

<style>
#tocTable {
text-transform: capitalize;
font-family: monospace;
border-collapse:collapse;
text-align:left;
margin:0 0 5px;
}
#tocTable th,
#tocTable td {
border:1px solid #eee;
padding:10px 15px;
color: darkgrey;
}
#tocTable th {
background-color:darkgray;
font-weight:bold;
color:white;
}
#th-1 {
width:60%;
background-color:#5A930D;
}
#th-2 {width:15%},#th-3 {width:25%}
#tocTable td.toc-header-col-1,
#tocTable td.toc-header-col-2 {
padding:0 !important;
background-color:transparent;
}
#tocTable a {
display:block;
text-decoration:none;
padding:10px 15px;
background:none;
}
#tocTable td.toc-header-col-1:hover,
#tocTable td.toc-header-col-2:hover {
background-color:#fafafa;
}
#tocSort {
display:block;
width:220px;
color:#333;
cursor:pointer;
border:none;
outline:none;
background-color:#eee;
margin:0 0 2px 0;
padding:5px;
}
</style>
<script>
var theTotalPosts = 9999, // Tentukan jumlah maksimal posting
theOptions = "Sortir...", // Label opsi 1
theSortPosts = "Sortir berdasarkan Abjad", // Label opsi 2
theSortLabels = "Sortir berdasarkan Label", // Label opsi 3
theTitles = "Artikel", // Header tabel 1
theLabels = "Kategori", // Header tabel 2
theDates = "Publikasi", // Header tabel 3
theBlankLabels = "Tak Berlabel", // Label kosong
theSiteUrl = "http://www.kangmail.my.id"; // URL blog kamu
</script>
<script src="https://daftarseo.googlecode.com/svn/branches/script.js"></script>



Catatan: Yang saya tandai kuning silahkan diganti sesuai dengan blog atau website sobat.


Style 2

Silahkan di copas kode html berikut ke dalam html widget sobat.


<script src="https://goo.gl/fc6PQN" type="text/javascript"></script>
<script src="http://www.kangmail.my.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 13px;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link a{color: #242424; font-size: 12px;}
p ol li a{font-weight: bold;}
</style>


Tips Membuat Sitemap Blog SEO Friendly Rating: 4.5 Diposkan Oleh: Unknown

0 komentar :

Posting Komentar