Tutorial Blogger : Cara Buat Sitemap Yang Keren

Tutorial Blogger : Cara Buat Sitemap Yang Keren

Tutorial Blogger : Cara Buat Sitemap Yang Keren - Hello sob...jumpa lagi nih hehe. Malam ini ane akan share sebuah tutor khusus buat pengguna platform Blogger.

Sitemap...sudah tau kan yang namnya Sitemap?

Yap, Sitemap adalah sebuah halaman yang menampilkan semua artikel yang telah di post. Ada banyak diluar sana tutorial yang membahas tema ini.

Artikel Terkait >> Tutorial Blogger : Cara Mudah Membuat Sitemap XML Blogger

Berikut screenshot dari Sitemap yang akan dibuat :
Tutorial Blogger : Cara Buat Sitemap Yang Keren
Sitemap
Gimana...keren kan? Yaiyalah wkwkwk :v

Langsung aja yah sob...silahkan dibaca baek-baek artikelnya!

Langkah - Langkahnya :
1. Copy script dibawah ini
<div dir="ltr" style="text-align: left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}
.table-of-content .toc-header:hover{background-color:#fdfdfd}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{color:#fc4f3f}
.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}
.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#a2a2a9;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat konten...</span></div>
<script>
var toc_config = {
url: 'http://www.dunia-teknologi.com/',
containerId: 'table-of-content',
showNew: 10,
newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</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://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"></script>
</div>
*NB : Ganti teks yang berwarna merah dengan link blog sobat

 2. Login ke Blogger >> Tata Letak >> Tambahkan Gadget >> HTML / JavaScript
Tutorial Blogger : Cara Buat Sitemap Yang Keren
Blogger >> Tata Letak >> Tambahkan Gadget >> HTML / JavaScript
3. Setelah terbuka, klik tab HTML
Tutorial Blogger : Cara Buat Sitemap Yang Keren
Tabl HTML
 4. Silahkan paste script diatas
Tutorial Blogger : Cara Buat Sitemap Yang Keren
Paste Kode Di Tab HTML
Selesai!!!

Mudah bukan...Silahkan dicoba yah tutor diatas.


Sekian dulu artikel yang berjudul Tutorial Blogger : Cara Buat Sitemap Yang Keren. Untuk tutorial Blogger selanjutnya.

loading...

Subscribe to receive free email updates:

0 Response to "Tutorial Blogger : Cara Buat Sitemap Yang Keren"

Posting Komentar

Silahkan komentar tentang Artikel ini, yang saya harapkan kalian bisa berkomentar megikuti peraturan seperti di bawah ini :

1. Harap berkomentar yang sopan.
2. Dilarang komentar link aktif, karna akan dianggap Spam.

Komentar akan dilihat banyak orang, jadi keluarkanlah komentar terbaik anda !!