Cara mudah membuat widget sitemap unik dan keren di blogger

Pada malam ini saya akan berbagi sebuah artikel yang berkaitan dengan dunia blogger, pada saat ini saya akan membahas bagaimana cara membuat sitemap di blogger. Nah sebelum membahas lebih lanjut apakah sobat sudah tahu apa itu sitemap? ya sitemap adalah daftar isi atau biasa di sebut dengan kumpulan artikel yang ada di dalam sebuah blogger bisa di lihat di dalam sitemap jika dalam sebuah buku itu di namakan dengan daftar isi jika di blogger daftar isi ini berganti nama yaitu sitemap, bagaimana sobat sudah paham atau belum hehehe
Disini saya akan berbagi bagaimana cara membuat sitemap unik dan keren di blogger bagi sobat yang penasaran ingin mencoba bisa mengikuti langkah-langkahnya di bawah in.


Caranya :



1. Login ke akun blogger anda masing-masing

2. Pilih Menu Laman

3. Buat Laman Baru

4. Pilih Mode HTML

5. Copy code HTML di bawah ini pastekan ke dalam laman baru yang kita buat tadi setelah itu beri judul dari laman tersebut "Sitemap" jika sudah langsung publish dan lihat hasilnya

blogger-add-a-new-blank-pageblogger-compose-to-mode-html

KODE HTML



<link rel="stylesheet" href="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.css"/>
<div id="tabbed-toc" class="tabbed-toc"><span class="loading">Memuat&hellip;</span></div>
<script>
var tabbedTOC = {
blogUrl: "http://namabloganda.blogspot.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>





  • Note : Ganti URL yang di beri tanda warna kuning tersebut dengan URL situs anda masing-masing



Pengaturan Lanjutan


































































Blog UrlGanti URLnya dengan alamat blog Anda.
ContainerIdID elemen yang akan digunakan sebagai penampung JSON yang sudah diproses (abaikan jika tidak perlu).
ActiveTabDigunakan untuk menentukan nomor urut tab yang aktif (nilai 1
akan membuat tab di urutan pertama menjadi aktif, begitu pula konten
tab pertama juga akan terbuka saat pertama kali halaman diakses).
ShowDatesGanti nilainya menjadi true untuk menampilkan waktu terbit posting.
ShowSummariesGanti nilainya menjadi true untuk menampilkan ringkasan posting.
showThumbnailsGanti nilainya menjadi true untuk menampilkan thumbnail posting (tidak direkomendasikan karena akan membuat halaman lama termuat).
ThumbSizeDigunakan untuk menentukan ukuran thumbnail.
NoThumbURL gambar cadangan untuk posting yang tidak memiliki gambar di dalamnya.
MonthNamesDigunakan untuk menentukan nama-nama bulan sesuai dengan sistem penanggalan di negara tempat Anda tinggal.
NewTabLinkJika bernilai true, semua tautan akan membuka di tab/jendela baru saat diklik.
MaxResultsJumlah maksimal posting yang akan ditampilkan.
PreloadDigunakan untuk menentukan waktu penundaan pemuatan JSON. Gunakan satuan milidetik atau cukup tuliskan "onload" agar widget ini memuat setelah keseluruhan halaman telah selesai termuat.
SortAlphabeticallyfalse untuk menyortir posting secara normal berdasarkan bulan terbit, true untuk menyortir posting berdasarkan alfabet.
ShowNewfalse untuk menyembunyikan tanda New!. Ganti dengan angka untuk menentukan berapa banyak posting terbaru yang ingin ditandai dengan label New!.
NewTextMarkup HTML bebas untuk membuat label New! pada posting-posting terbaru.
Cara mudah membuat widget sitemap unik dan keren di blogger