Membuat site map unik mirip kang ismet diblogger

hallo bro, seperti yang saya katakan di artikel sebelumnya, see you to next article hehe jadi langsung juga setelah gua buat artikel tentang template megazine+responsive langsung gua buat artikel yang kali ini sedikit menarik karna jika kamu blogger, pasti kamu mengetahui blog kang *smet hehe sdikit sensor, ntar dikatain gua ngiklan, nah di blog beliau ada sebuah laman Site map yang unik,seo friendly. penampakannya seperti gambar yang ada dibawah, Cekicrotts :

gimana jika masih belum jelas silahkan buka sitemap blog ini yang saya pasang juga karna menarik banget sesuai dengan tipe saya, asek .
oke langsung saja,
langkah pertama yaitu kamu harus mempunyai akun blogger dan mempunyai blog, kalo ga punya jangan baca artikel ini ya .. --"
oke langkah ke-dua masuk ke page / laman dan buat laman baru dengan judul sitemap atau terserah apa yang kamu mau haha ,
next langkah ke-tiga tekan HTML lalu masukkan coding dibawah ini dengan baik dan benarr :

<style type="text/css" scoped="scoped">

/* Basic Skin for Multi Feed Loader */

.list-entries{background:white;border:1px solid #d8d8d8}.list-entries ul,.list-entries li{margin:0;padding:0;list-style:none}.list-entries li{padding:1em;border-bottom:1px solid #ddd}.list-entries .main-title{padding:0}.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#4f93c5;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0 !important}.list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222}.list-entries .title a:hover{text-decoration:underline;color:#5886a7}.list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin:0 1em 0 0;padding:0;float:left}.list-entries .summary{overflow:hidden;color:#999}.list-entries .more-link{border-bottom:none;}.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#82b965;padding:.5em 1em;position:relative;font-weight:bold;color:white}.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;right:.3em;border:4px solid transparent;border-left-color:white;margin-top:-4px}.list-entries .more-link a:hover{background-color:#71a555}

/* Custom CSS */

.list-entries {

  margin:7px;

  width:251px; /* Lebar widget */

  float:left;

  font-size:11px;

}

</style><br />

<br />

<div id="feed-list-container"></div><div style="clear:both;"></div><br />

<script type="text/javascript">

var multiFeed = {

    feedsUri: [

        {

            name: "Dofollow Link",

            url: "http://coffeebreak-blog.blogspot.com/",

            tag: "Dofollow Link"

        },

        {

            name: "Trik SEO",

            url: "http://coffeebreak-blog.blogspot.com/",

            tag: "Trik SEO"

        },

        {

            name: "Tutorial Blogger",

            url: "http://coffeebreak-blog.blogspot.com/",

            tag: "Tutorial Blogger"

        },

        {

            name: "Software",

            url: "http://coffeebreak-blog.blogspot.com/",

            tag: "Software"

        },

        {

            name: "Template Blogger",

            url: "http://coffeebreak-blog.blogspot.com/",

            tag: "Template Blogger"

        }

    ],

    numPost: 4,

    showThumbnail: true,

    showSummary: true,

    summaryLength: 80,

    titleLength: "auto",

    thumbSize: 72,

    containerId: "feed-list-container",

    readMore: {

        text: "Selengkapnya",

        endParam: "?max-results=8"

    }

};

</script><br />

<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js"></script>

<div style='clear: both;'></div>

</div>

Next sedikit penjelasan koding yang harus sedikit kamu ganti adalah link coffeebreak-blog.blogspot.com dengan alamat blog yang kamu punya, lalu bagian name : ganti dengan judul tag/label yang kamu inginkan, bagian tag: ganti dengan label/tag yang ada di blog kamu. lalu jika kamu ingin menambah kategori/label/tag tinggal tambahkan koding dibawah ini

       {

            name: "Judul kategori/tag/label",

            url: "URL blog anda",

            tag: "kategori/tag/label anda"

        }

jangan lupa menambahkan tanda koma (,) setalah tanda } yang ada dikoding, lalu  kamu juga bisa merubah ukuran dengan mengganti width yang ada pada koding dengan ukuran sesuai dengan keinginan kamu, nah kurang paham apa lagi silahkan scroll kebawah lalu klik kolom komentar terserah via facebook atau blogger saya baca juga kok .  next kalo udah selesai semua klik pertinjau setelah semuanya sesuai barulah save laman/page atau publikasikan ..

terima kasih men buat kamu yang udah baca artikel ini semoga membantu dan menambah sedikit pahala saya hehe, amin , jangan lupa gays pesan gua gosok gigi,mandi,makan yang banyak, biar kesehatanlu selalu terjaga. nah saya mengucapkan selamat malam buat kamu yang ingin tidur cepat malam ini , semoga mimpi indah, semoga diberi keshatan dan kekuatan dari yang maha esa agar kita smua dapat menjalan kan keseharian seperti biasa, bye kawan :*

SHARE THIS