3 Model Sitemap Keren dan Cara Memasangnya di Blog

Ini dia 3 Model Sitemap Keren yang bisa dipilih untuk Blog Anda

Sitemap dapat menampilkan seluruh atau sebagian dari postingan kita di blog, tergantung bagaimana kita mengatur dan memilih kode yang akan menampilkan model sitemap, jika dilihat secara kasat mata, sitemap merupakan daftar isi dari sebuah blog.

Menampilkan sitemap diblog membantu para pengunjung mengetahui isi dari blog kita, termasuk juga postingan paling lawas sekalipun. 

Memasang sitemap di blog juga mempunyai keuntungan tersendiri terhadap blog kita, yaitu adanya tautan atau link hidup di dalam blog yang kita kelola, hal ini dapat menjadi salah satu cara agar blog kita dapat dioptimasi dengan baik.

Ada banyak model sitemap yang tersedia di internet, dengan berbagai model dan coraknya membuat kita dapat memilih salah satu diantara yang paling bagus dan cocok dipasang di blog kita, dari sekian banyak model sitemap, 3 model sitemap inilah yang akan saya jadikan contoh model sitemap dan cara memasangnya di blog.

Pertama, masuk ke akun blog anda, lalu klik Laman, kemudian klik laman baru dan berilah laman baru anda dengan judul sitemap.



Kedua, pilih badan postingan yang model HTML, lalu paste kode berikut ke dalamnya, dan terakhir klik publikasikan.

Berikut kode dan 3 model sitemap yang bisa anda pilih
1.  

<style scoped="scoped" type="text/css"> #show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px} #show-cat ul{margin:0;border-top:1px solid #ccc;padding:0} #show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0} #show-cat ul li a{display:block;padding:10px} #show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none} #show-cat ul li a,#navi-cat a,#navi-cat span{font-size:12px} #show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff} #show-post{float:left;width:60%} #show-post ul li{list-style-type:none} #navi-cat{padding:20px 0} #navi-cat a{margin-right:10px;border:1px solid #ccc} #navi-cat a,#navi-cat span{padding:5px 10px} #navi-cat span{float:right} </style> <div id="show-cat"> </div> <div id="show-post"> <script type="text/javaScript"> var cat_home=alamat url blog anda';cat_numb=11;cat_pre='Prev';cat_nex='Next'; var cat_name;var cat_start;var cat_class; function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+=' <li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li> '}dw+='</ul> ';dw+='<div id="navi-cat"> ';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div> ';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+=' <li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li> '}dw+='</ul> ';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>'); </script> </div> <div style="clear: both;"> </div>

ket: ganti tulisan yang berwarna merah dengan alamat url blog anda

2.

</script>
<link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap-v1.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap-v1.js"></script>
<script src="AlamatBlogAnda/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
    var accToc = true;
</script>
<script src="https://sites.google.com/site/bloghostingbagus/javascript/daftarisiv2.js" type="text/javascript"></script>

ket: ganti tulisan yang berwarna merah dengan alaamt url blog anda

3.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="http://dte-project.googlecode.com/svn/trunk/accordion-toc-skin.css" rel="stylesheet"></link>
<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="http://www.dte.web.id/2011/11/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">▶ Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://www.zaenalabidin.web.id/',
    containerId: 'table-of-content',
    monthNames: [
        'Januari',
        'Februari',
        'Maret',
        'April',
        'Mei',
        'Juni',
        'Juli',
        'Agustus',
        'September',
        'Oktober',
        'November',
        'Desember'
    ],
    oldestFirst: false,
    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="http://dte-project.googlecode.com/svn/trunk/accordion-toc-2.js"></script>

ket: ganti tulisan yang berwarna merah dengan alamat url blog anda.

Selamat mencoba, semoga berhasil.

Popular posts from this blog

Syahadah Qiro'ati

Image
Syahadah Qiroati; Penghargaan atas sebuah Kesungguhan Ini adalah sebuah catatanku saat masih kuliah dulu, tidak ada maksud untuk menyombongkan diri, tidak pula pamer terhadap gelar tertentu. Sekitar tahun 2003, saya mulai mengajar di Madrasah Diniyah Ismaliyah Seturan (Madis). Saat itu status saya masih mahasiswa S1 di UIN Sunan Kalijaga Yogyaakrta, seperti yang pernah saya tulis sebelumnya, bahwa semasa kuliah saya tinggal di Masjid Al-Jihad seturan, Catur tunggal Depok, Sleman, sebagai 'orang masjid', membantu mengajar di Madis, boleh dibilang sebagai sebuah 'kewajiban'. MADIS sendiri menurut saya sama dengan Taman Pendidikan Al-Qur'an (TPA) yang ada di Jogja pada umumnya, sebab kegiatan dan jam belajarnya pun sama, ada belajar mambaca Al-Qur'an, hafalan surat pendek, menulis huruf arab, materi-materi keislaman, mewarnai dan kegiatan-kegiatan lainnya, dan jam masuk dan pulangnya pun sama dengan TPA pada umumnya, yaitu mulai pukul 16.00 - menj
Read more

Proposal Renovasi Tempat Wudlu

Image
Contoh Proposal Renovasi Tempat Wudlu    RENOVASI PEMBANGUNAN TEMPAT WUDHU/KAMAR MANDI MASJID BAITUSSALAM Muqaddimah Masjid dengan umat Muslim merupakan satu kesatuan yang tidak dapat dipisahkan. Kemakmuran masjid dengan aktivitas ibadah kepada Allah SWT maupun mempererat ukhuwah Islamiyah merupakan suatu ciri keberhasilan umat Muslim. Masjid Baitussalam Dusun I Sidoarum mempunyai berbagai kegiatan rutin maupun insidental yang bertujuan untuk peningkatan ketaqwaan umat kepada Allah SWT, membina generasi penerus (anak-anak dan remaja), mempererat ukhuwah Islamiyah dan membantu saudara-saudara sesama muslim. Bentuk kegiatan yang telah dilakukan adalah pengajian umum rutin setiap malam Jum’at Pahing, pengajian remaja dan ibu-ibu, peringatan hari besar Islam, sosial kemasyarakatan (perawatan jenazah, bantuan sosial, dll), serta pelaksanaan Taman Pendidikan Al Qur’an. Tempat wudhu merupakan salah satu sarana utama masjid yang ditujukan untuk para jama’ah. Wudhu merupakan
Read more

Mading Remaja Masjid

Image
Mading Remaja Masjid Baitussalam mading remaja masjid Mading (Majalah Dinding) merupakan sebuah kreatifitas untuk mengekspresikan sebuah ide atau gagasan yang dituangkan lewat sebuah tulisan / gambar yang terpampang di area Mading. Dalam rangka menyambut Ramadhan 1435 H. remaja masjid Baitussalam telah menyiapkan Mading sebagai wadah para remaja untuk dapat berpartisipasi dalam mengisi Mading tersebut. Mading yang dibuat kali ini cukup unik, Misalnya gambar yang sudah umum beredar di masyarakat mengenai logo dan merk sebuah perusahaan, tulisannya diganti dengan kata-kata yang menggelitik, misalnya logo dan tulisan mie sed*p diganti menjadi bismillah setiaap mau makan. Proses penempelan materi dan pembuatan mading kali ini membutuhkan waktu sekitar 3 jam, ada sekitar 15 remaja putra dan putri turut serta dalam pembuatan mading ini, mereka terlihat cukup antusias dan bersemangat, walau ini adalah pertama kalinya mereka membuat mading di Masjid Baitussalam, tetapi has
Read more