Sebenarnya ada banyak tutorial / cara mempercantik tampilan blog ,termasuk cara yang satu ini, yaitu Cara Membuat Sitemap Di Blog ,dan bagi saya pribadi emang cantik dan keren tampilan nya dari yang saya buat sebelumnya dengan cara saya sendiri.
Nah kebetulan cara ini saya dapatkan dari hasil petualangan saya ,yang secara tidak sengaja pula saya mampir di sebuah halaman milik dari ContohBlog.com ,disitulah saya memperhatikan serta mengikuti Cara Membuat Sitemap Di Blog yang sampai pada saat ini masih terpasang di Laman https://mentortreni.blogspot.com , ops,, hampir lupa ucapin terima kasih kepada admin ContohBlog.com (Terima Kasih) admin CB atas ilmunya.
Mungkin sobat semuanya masih bertanya tanya "sekeren apa sih hasilnya", monggo di cek SITEMAP .
 |
| Accordion Sitemap |
Pasti sobat semua penasaran bagaimana Cara Membuat Sitemap Di Blog ,bisa sekeren ini , , tenang Sob saya akan kasih tau bagaimana caranya ,yuk simak penjelasan nya dibawah ini :
Pertama :
pastikan dulu template blog sobat sudah punya code seperti di bawah ini
Jika belum silakan copy code diatas letakkan tepat diatas code </head>
Baca Juga :
Kedua :
- Silakan masuk ke dashboard blogger
- Pada menu Laman -> Buat Laman Baru
- Di kolom judul kasih aja judul nya -> Sitemap
- Selanjutnya pada mode penulisan -> ubah mode Compose ke HTML
- Terus nya silakan Copy code di bawah ini lalu paste di kolom penulisan mode HTML
<link rel="stylesheet" href="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-skin.css"/>
<div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div>
<div class="credit-link"><a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">▶ Accordion TOC</a></div>
<script>
var toc_config = {
url: 'https://mentortreni.blogspot.com' containerId: 'table-of-content',
showNew: 10,
newText: ' – <strong style="font-weight:bold;font-style:italic;color:red;">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="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-1.js"></script>
<div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div>
<div class="credit-link"><a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">▶ Accordion TOC</a></div>
<script>
var toc_config = {
url: 'https://mentortreni.blogspot.com' containerId: 'table-of-content',
showNew: 10,
newText: ' – <strong style="font-weight:bold;font-style:italic;color:red;">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="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-1.js"></script>
Noted :
Silakan ganti terlebih dahulu text warna biru dengan link Url blog masing-masing
Mungkin cukup sekian aja dulu ya Cara Membuat Sitemap Di Blog ,silakan di praktekan dan semoga berhasil sesuai dengan harapan ^_^
Terima kasih
0 Komentar
Ditulis Oleh :