cara membuat Sitemap otomatis khusus pada template Viomagz
cara membuat daftar isi / Sitemap otomatis pada template Viomagz
Sitemap atau Daftar isi harus ada pada setiap situs atau blog, namun terkadang untuk beberapa template blogger berbeda script nya. tak heran jika kita membuat sitemap dan memasukkan script yang tidak sesuai dengan template, maka tampilan nya akan error atau bahkan blank tidak ada sama sekali.
Lantas bagaimana untuk memasang sitemap atau daftar isi pada template Viomagz ?
Sebenarnya sama saja cara pemasangan nya dengan cara yang umum dilakukan, namun yang membedakan hanya pada script nya saja, dan setiap script bervariasi tergantung dari tampilan nya sendiri.
baca juga : cara memasang iklan in feed di blog
Dibawah ini merupakan kiat cara memasang sitemap atau daftar isi otomatis di halaman statis pada template viomagz versi 2.6 ke atas seperti contoh pada gambar dibawah.
Widget sitemap ini sendiri menggunakan JavaScript buatan dte.web.id yang sudah dimodifikasi oleh Mas Sugeng supaya tampilan daftar isinya akan menyesuaikan dengan template template VioMagz.
jadi sitemap atau daftar isi ini sendiri sudah di modifikasi dan disarankan oleh sang pembuat template nya sendiri.
Ok tak perlu berlama lama lagi Langsung saja, berikut dibawah ini langkah-langkahnya:
1. Pertama anda masuk ke Dashboard Blogger.com
2. Kemudian pilih menu "Halaman"
3. Klik opsi "Halaman Baru" untuk membuah sebuah halaman statis baru.
4. Selanjutnya ganti mode tulisan dari "Compose" menjadi "HTML"
5. Silahkan anda masukkan judul Sitemap atau Daftar isi terserah anda.
6. Selanjutnya, silahkan anda salin dan tempelkan kode dibawah ini pada bagian kolom HTML nya:
baca juga : cara memasang iklan in feed diantara widget popular post
7. Ganti yang saya tandai merah dengan URL blog milik anda.
8. Langkah terakhir yaitu silahkan anda "Publikasikan"
baca juga : cara memasang anti copas dan klik kanan di blog dengan css
Selesai, Sangat mudah bukan, dan sama saja cara memasang sitemap di blog pada umum nya.
Dan cara ini saya dapatkan langsung dari sang pembuat Template nya yaitu mas Sugeng, karena saya pun memakai template Viomagz dari mas sugeng.
Sitemap atau Daftar isi harus ada pada setiap situs atau blog, namun terkadang untuk beberapa template blogger berbeda script nya. tak heran jika kita membuat sitemap dan memasukkan script yang tidak sesuai dengan template, maka tampilan nya akan error atau bahkan blank tidak ada sama sekali.
Lantas bagaimana untuk memasang sitemap atau daftar isi pada template Viomagz ?
Sebenarnya sama saja cara pemasangan nya dengan cara yang umum dilakukan, namun yang membedakan hanya pada script nya saja, dan setiap script bervariasi tergantung dari tampilan nya sendiri.
baca juga : cara memasang iklan in feed di blog
Dibawah ini merupakan kiat cara memasang sitemap atau daftar isi otomatis di halaman statis pada template viomagz versi 2.6 ke atas seperti contoh pada gambar dibawah.
Widget sitemap ini sendiri menggunakan JavaScript buatan dte.web.id yang sudah dimodifikasi oleh Mas Sugeng supaya tampilan daftar isinya akan menyesuaikan dengan template template VioMagz.
jadi sitemap atau daftar isi ini sendiri sudah di modifikasi dan disarankan oleh sang pembuat template nya sendiri.
Ok tak perlu berlama lama lagi Langsung saja, berikut dibawah ini langkah-langkahnya:
1. Pertama anda masuk ke Dashboard Blogger.com
2. Kemudian pilih menu "Halaman"
3. Klik opsi "Halaman Baru" untuk membuah sebuah halaman statis baru.
4. Selanjutnya ganti mode tulisan dari "Compose" menjadi "HTML"
5. Silahkan anda masukkan judul Sitemap atau Daftar isi terserah anda.
6. Selanjutnya, silahkan anda salin dan tempelkan kode dibawah ini pada bagian kolom HTML nya:
baca juga : cara memasang iklan in feed diantara widget popular post
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://kangfatian.blogspot.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: true, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: true, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 60, // 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: ' – <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>7. Ganti yang saya tandai merah dengan URL blog milik anda.
8. Langkah terakhir yaitu silahkan anda "Publikasikan"
baca juga : cara memasang anti copas dan klik kanan di blog dengan css
Selesai, Sangat mudah bukan, dan sama saja cara memasang sitemap di blog pada umum nya.
Dan cara ini saya dapatkan langsung dari sang pembuat Template nya yaitu mas Sugeng, karena saya pun memakai template Viomagz dari mas sugeng.