• Madjongke.com
  • Kontak
  • Facebook

Madjongke

Bacaan Santai Kehidupan Sehari-hari

  • Beranda
  • Cinta
  • Kehidupan
  • Kesetiaan
  • Wanita/Cewek
  • Cowok/Pria
  • Kendaraan
  • Lainnya
    • Kata-kata
    • Travel
    • Berita
    • Komik
    • Suami
    • Mertua
    • Resep Masakan
    • Anak
    • Kisah nyata
    • Mantan
    • Lain-lain
Beranda » blog » sitemap blogger » Cara Membuat Sitemap Blogger Canggih Dan Keren

Cara Membuat Sitemap Blogger Canggih Dan Keren

sitemap
Setelah sebelumnya saya membagikan cara membuat sitemap rapi, kali ini saya akan memberikan cara membuat sitemap atau daftar isi blogger yang canggih dan juga keren. Untuk sitemap yang ini bisa di lihat dulu disini.

Caranya seperti biasa, login ke blogger kemudian buat posting atau halaman baru.

Kemudian tempelkan kode di bawah ini pada isi postingan

<div style="padding: 10px; text-align: left;">
<div id="cl_option">
<img alt="Loading...." src="https://www.google.com/webmasters/tools/images/progress_spinner_24x24.gif" /> </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var madjongke = 500;

<script>
var cl_summlen = madjongke;
var all_entries; var entries; var all_labels = []; var json;

function createEntries(json){
var entries_obj_list = [];
var entries = json.feed.entry;
for(var i=0; i<entries.length; i++){
var entry = entries[i];
var entry_obj = new Object;
entry_obj.id = entry.id.$t;
entry_obj.title = entry.title.$t;
entry_obj.href = getEntryHref(entry);
entry_obj.content = getEntryContent(entry);
entry_obj.labels = getEntryLabels(entry);
entry_obj.published = entry.published.$t.substr(0, 10);
entries_obj_list.push(entry_obj);
}
return entries_obj_list;
}
function getEntryById(id){
for(var i=0; i<all_entries.length; i++){
if(all_entries[i].id == id){return all_entries[i];}
} return null;
}
function getEntryContent(entry){
return entry.content ? entry.content.$t : entry.summary.$t;
}
function getEntryHref(entry){
var links = entry.link;
for(var i=0; i<links.length; i++){
if(links[i].rel == "alternate"){return links[i].href;}
}
return null;
}
function getEntryLabels(entry){
var labels = [];
var categories = entry.category;
if(!categories){return labels;}
for(var i=0; i<categories.length; i++){
var label = categories[i].term;
if(!isExists(all_labels, label)){all_labels.push(label);} // while collecting all labels
labels.push(label);
}
return labels;
}
function getSomeEntries(cmp){
entries = [];
for(var i=0; i<all_entries.length; i++){
var entry = all_entries[i];
if(cmp(entry)){entries.push(entry);}
}
return entries;
}
function isExists(array, val){
for(var i=0; i<array.length; i++){
if(array[i] == val){return true;}
} return false;
}
function onLoadFeed(json_arg){
json = json_arg;
setTimeout("onLoadFeedTimeout()", 100);
}
function onLoadFeedTimeout(){
entries = createEntries(json);
all_entries = entries;
showHeaderOption();
showEntries(entries);
}
function showEntries(entries){
var s = "";
for(var i=0; i<entries.length; i++){
var entry = entries[i];
s += "
";
s += titleCode(entry);
s += "<span style='font-size:90%'>Label: " + labelsCode(entry);
s += " Pada " + publishedDateCode(entry) + "</span>";
s += "
";
}
s += "
";
s += "<div style='text-align:left; margin-top:10px; font-family:Verdana; font-size:70%'>
";
s += "<a href='http://www.madjongke.com/2012/05/membuat-sitemapdaftar-isi-canggih-keren.html' title='Buat sitemap'>SITEMAP</a>";
s += "</div>
";
document.getElementById("cl_content_list").innerHTML = s;
}
function showHeaderOption(){
var s = "";
s += "<table>";
s += "
<tr>";
s += "<td style='text-align:right'>Lihat Dengan : ";
s += "<td><select onchange='sortBy(this.value.substr(1), this.value.substr(0,1))'>";
s += "<option value='0published'/>Tanggal";
s += "<option value='1title'/>Judul";
s += "</select>";
s += "
<tr>";
s += "<td style='text-align:right'>Pilih Label : ";
s += "<td><select onchange='showPostsWLabel(this.value)' id='cl_labels'>";
s += "<option value='*'/>Semua Label";
for(var i=0; i<all_labels.length; i++){
var label = all_labels[i];
s += "<option value='"+label+"'/>" + label;
}
s += "</select>";
s += "</table>
";
document.getElementById("cl_option").innerHTML = s;
}
function shortenContent(entry){
var content = entry.content;
content = stripHTML(content);
if(content.length > cl_summlen){
content = content.substr(0, cl_summlen);
if(content.charAt(content.length-1) != " "){content = content.substr(0, content.lastIndexOf(" ")+1);}
content += "...";
}
entry.content = content;
return content;
}
function showHideSummary(obj){
var p = obj.nextSibling;
while(p.className != "cl_content"){p = p.nextSibling;}
var id = p.id;
var entry = getEntryById(id);
var content = shortenContent(entry);
if(p.innerHTML == ""){
p.innerHTML = content + "
";
obj.innerHTML = "&#9660;";
obj.title = "Tutup ringkasan";
} else {
p.innerHTML = "";
obj.innerHTML = "&#9658;";
obj.title = "buka ringkasan";
}
}
function sortBy(attribute, asc){
var cmp = function(entry1, entry2){
if(entry1[attribute] == entry2[attribute]){return 0;}
else if(asc=='1'){return entry1[attribute].toLowerCase() > entry2[attribute].toLowerCase();}
else{return entry1[attribute].toLowerCase() < entry2[attribute].toLowerCase();}
}
entries.sort(cmp);
showEntries(entries);
}
function stripHTML(s) {
var c;
var intag = false; var newstr = "";
for(var i=0; i<s.length; i++){
c = s.charAt(i);
if(c=="<"){intag = true;}
else if(c==">"){intag = false;}
if(c == ">"){newstr += " ";}
else if(!intag){newstr += c;}
}
return newstr;
}
// --------------------- functions returning HTML code -------------------- \
function labelsCode(entry){
var s = "";
if(entry.labels.length == 0){return " (tidak berlabel) ";}
for(var j=0; j<entry.labels.length; j++){
var label = entry.labels[j];
s += "<a href='javascript:showPostsWLabel(""+label+"")' ";
s += "title='Tampilkan semua pada label ""+label+""'>" + label + "</a>";
s += (j != entry.labels.length-1) ? ", " : "";
}
return s;
}
function publishedDateCode(entry){
var y = entry.published.substr(0, 4);
var m = entry.published.substr(5, 2);
var d = entry.published.substr(8, 2);
var s = "<a href='javascript:showPostsInDate(""+y+"")' title='Tampilkan semua saat "+y+"'>" + y + "</a>/";
s += "<a href='javascript:showPostsInDate(""+y+"-"+m+"")' title='Tampilkan semua saat "+y+"/"+m+"'>" + m + "</a>/";
s += "<a href='javascript:showPostsInDate(""+y+"-"+m+"-"+d+"")'title='Tampilkan semua saat "+y+"/"+m+"/"+d+"'>" + d + "</a>";
return s;
}
function titleCode(entry){
var s = "<span title='Buka ringkasan' onclick='showHideSummary(this)' style='cursor:pointer'>&#9658;</span> ";
s += "<b><a href='"+entry.href+"'>" + entry.title + "</a></b>
";
s += "<span class='cl_content' id='"+entry.id+"'></span>";
return s;
}

// ----------------------- selection functions ------------------------------ \
function showPostsInDate(date){
var cmp = function(entry){return entry.published.indexOf(date) == 0;}
var entries = getSomeEntries(cmp);
showEntries(entries);
}
function showPostsWLabel(label){
var cmp = function(entry){
if(label == "*"){return true;}
for(var i=0; i<entry.labels.length; i++){
if(entry.labels[i] == label){return true;}
}
return false;
}
var entries = getSomeEntries(cmp);
showEntries(entries);
document.getElementById("cl_labels").value = label;
}
</script>
<script src="http://www.madjongke.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=9999">

</script> </div>
<div style="clear: both;">
</div>

Hal penting yang perlu di perhatikan adalah kode yang berwarna merah rubah dengan alamat blog kamu.

Jika sudah lihatlah hasilnya. Semoga bermanfaat.
Rohmad Nur Hidayat, Rabu, 16 Mei 2012

Bagikan

#blog #sitemap blogger #Terbaru
Artikel Terkait
Lebih baru
Lebih lama
Beranda

10 Terpopuler

  • Cerita Cinta Terlarang Dengan Istri Orang (Nyata)
    ....Suaminya merantau untuk bekerja sehingga kami dengan leluasa menjalin hubungan. Dia begitu baik dan sangat dewasa hingga membuat aku ben...
  • Kisah Cinta Terlarang Om Dan Keponakan (Nyata)
    Kisah ini benar-benar dialami Oleh teman Madjongke.com sendiri. Sebut saja namanya Ida, Ida merupakan Wanita dari Kota A dan punya Paman (ad...
  • 12 Kalimat Pengganti Untuk Tanya 'Sudah Punya Pacar Belum?'
    Dengan teman satu aktivitas saja kadang kamu tidak bisa mengetahui secara pasti dia punya pacar atau tidak, apalagi dengan orang yang belum...
  • 5 Cara Menentukan Nominal Komisi Makelar Mobil, Jika Dia Tidak Menentukan Tarif Pasti
    Tarif suka rela karena makelar memiliki rasa sungkan atau sudah menganggap kita paham nominal yang akan diberikan. Namun kadang kita berpiki...
  • 10 Arti Kata Hmm Dari Wanita Saat Chat, Kamu Yang Mana?
    Penggunaan kata hmm sebenarnya digunakan untuk menunjukkan kondisi sedang berpikir. Seharusnya setelah menggunakan kata itu ada kalimat teru...
  • Asal Usul Sejarah Panggilan Om dan Tante, Banyak Yang Salah Kaprah?
    Asal Usul Panggilan Om dan Tante? Lagi cari artikel yang membahas tentang itu yah? Pas banget nih! Artikel kali ini akan membahas secara khu...
  • 5 Alasan Mobil Atau Motor Plat B Bekas Lebih Murah
    Sudah menjadi pemahaman orang daerah bahwa motor atau mobil plat B memiliki harga jual kembali yang lebih murah. Maka banyak sekali orang d...
  • 20 Kata-kata Sedih Anak Tiri Kurang Kasih Sayang
    Saat awal-awal menjadi anak tiri, oleh orang tua tiri masih terkesan disayangi, diperhatikan, dan seolah menjadi prioritas utama. Tapi seir...
  • 5 Tipe Kenek Pekerja Bangunan (Asisten Tukang), Nomor 4 Bikin Tuan Rumah Untung
    Asisten Tukang bangunan atau biasa disebut Kenek, merupakan profesi pekerja bangunan yang memiliki tugas untuk melayani Tukang bangunan. Seb...
  • Tambal Ban Panggilan 24 Jam Salatiga 6285-8783-080-27 (Motor)
    Tidak perlu mendorong motor untuk mencari bengkel tambal ban di wilayah Salatiga. Kini hadir jasa tambal ban 24 jam untuk Kota Salatiga. ...
Beranda | Tentang | Kontak | Privacy Policy | Syarat Dan Ketentuan | Sitemap
Copyright © 2012-2025 Madjongke - All Rights Reserved
Powered by Blogger