Site Map dengan CSS3 warna Biru

CSS3, SiteMap Motivation, Tutorial Blog, JavaScript.

Kali ini saya akan membagikan Tutorial Blog, Yaitu Membuat "Site Map dengan CSS3 warna Biru". Sebelum itu saya ingin bertanya, Apakah anda tahu apa itu SiteMap? Yah, SiteMap (Peta Situs) Adalah sebuah widget yang digunakan untuk mempermudah pengunjung dalam mencari Artikel-Artikel di Blog Kita.

Nah, Bagaimana cara Pemasangannya? Silahkan disimak baik-baik:

• Cara Membuat Site Map dengan CSS3 warna Biru

1. Login ke Akun Blogger Anda, Setelah itu Klik pada halaman seperti gambar di bawah, untuk masuk ke dashboard. 

2. Setelah Itu Klik Laman >>

3. Setelah Itu Buatlah Laman Baru >> Pilih Laman Kosong.

4. Setelah terbuka Berilah Judul Pada Laman anda, setelah itu edit menggunakan html.

Masukkan Kode di Bawah Ini >>

[<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap.css" rel="stylesheet"></link>
    <div class="table-of-content" id="table-of-content">
    <span class="loading">Loading...</span></div>
    <script>
    var toc_config = {
        url: 'http://utility-share.blogspot.com',
        containerId: 'table-of-content',
        showNew: 10,
        newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">New !!!</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://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap.js"></script>]

•  Ket : Ubah yang warna Biru tersebut menjadi Link anda.

5. Klin Publikasikan, Selesai. Sekarang lihatlah laman yang sudah anda buat.

DEMO

Nah, Itulah Tutorial Blog Kali ini, Membuat "Site Map dengan CSS3 warna Biru". Semoga Bermanfaat. Terima Kasih.