Cara Membuat Sitemap Blog Keren Dengan jQuery

Cara Membuat Sitemap Blog Keren Dengan jQuery - Sitemap atau peta situs atau juga daftar isi dari sebuah situs website maupun blog digunakan agar kita lebih mudah melihat isi dari suatu situs web ataupun blog. Dengan menggunakan sitemap atau daftar isi kita atau visitor dapat dengan mudahnya melihat seluruh artikel yang ada dalam blog tersebut dengan masing-masing label atau kategori yang berbeda-beda. Sebelumnya blog Ficri Pebriyana telah menulis artikel mengenai Cara Membuat Sitemap Blog Otomatis Valid HTML5, namun tampilannya hanya biasa-biasa saja berbeda dengan yang ini agak sedikit keren dan menarik dengan efek jQuery yang bisa kita klik dan naik turun untuk setiap labelnya.

Baru-baru ini saya berfikir bahwa sitemap juga termasuk ke dalam teknik SEO, mengapa demikian ? Banyak sekali yang Mencari Blog Zombie, lalu jika telah menemukan blog zombie kita bisa memasang sitemap blog utama kita kedalam blog zombie kita yang berkualitas, dengan begitu setiap artikel yang ada di blog utama akan mendapatkan Backlink dari blog zombie, inilah manfaat lainnya dari penggunaan sitemap di blog. Jadi alangkah baiknya kita memasang sitemap blog yang menarik dan keren di blog zombie agar bisa menarik perhatian pengunjung untuk membuka blog utama kita. Langsung saja bagi Anda yang ingin membuat sitemap blog keren dengan efek jquery silahkan baca tutorialnya dibawah ini :

DEMO

1. Masuk ke Blogger.com
2. Klik Laman
3. Klik Laman Baru => Laman Kosong
4. Berikan judul Sitemap
5. Ganti Compose menjadi HTML
6. Copy dan Paste kode script berikut :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap.css" rel="stylesheet"></link>
<div class="table-of-content" id="table-of-content">
<span class="loading">Loading...</span></div>
<script>
var toc_config ={url:'http://www.ficripebriyana.com',containerId:'table-of-content',showNew:10,newText:' - <strong style="font-weight:bold;font-style:italic;color:red;">News !!!</strong>',sortAlphabetically:{thePanel:true,theList:true}
,maxResults:9999,activePanel:1,slideSpeed:{down:400,up:400}
,slideEasing:{down:null,up:null}
,slideCallback:{down:function(){}
,up:function(){}}
,clickCallback:function(){}
,jsonCallback:'_toc',delayLoading:0}
;</script>
<script src="https://ficri-pebriyana-js.googlecode.com/svn/sitemap.js"></script>

7. Klik Publikasikan

Catatan :
- Ganti http://www.ficripebriyana.com dengan URL Blog Anda.
- Jika jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"/>

sudah ada di blog sobat silahkan hapus saja.

Update :
23 Mei 2016
http://www.ficripebriyana.com/2016/03/cara-membuat-sitemap-tabulasi.html

Sekian artikel mengenai Cara Membuat Sitemap Blog Keren Dengan jQuery. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Ficri Pebriyana

Blogger yang jarang nulis artikel :D

Bagikan Artikel ini