Cara Membuat Daftar isi di Blog Seperti Seo Friendly Template Terbaru

Cara Membuat Daptar Isian Blog Yang Sangat Mudah Dengan cara Sangat Mudah Contoh Gambar

cara membuat daptar isi yang seperti gambar di ,agar blog kita kelitan lebih Seo Friendly .dan agar menudahkan pengunjung blog kita memlih menu di daftar isi blog ,agar pengunjung blog merasa yaman untuk memilih judul blog yang dia cari.

Dan Kelebihanya Menu Daftar isi Blog yang Di Atas Udah Memakai Menu RedMore + Gambar maka dari itu ,di sebut menu daftar isi seperti mirip Seo Friendly ,maka ga bakal meyesal bila sobat memasang menu daptar isi seperti Seo Friendly ,maka dari itu saya dani blogger akan membahas cara membuat menu daftar  isi di Blog Seperti Seo Friendly

5/11/cd-tester-psx-playstation-2-terbaru_9.html">cd tester stik Playstation 1danigames

2 kemudian kamu download aplikasi emulator psx

3 siapkan joytik komputer

4 pertama kamu instal aplkasi emulator psx maka akan tampil seperti gambar di bawah ini

TOTURIAL BLOGCOM

1 Kamu login ke Blogger pilih menu Halaman

2 Lalu buat menu Halam Baru di blogger ,kemudian pilih manu HTML

3 Kemudian lalu ambil kode Script di bawah inih ,copy paste kan ke menu HTML 

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

#toc-outer {

  color:black;

  font:normal 11px/14px Arial,Sans-Serif;

  height:auto;

  margin:0 auto;

  overflow:hidden;

  padding:0;

  text-align:left;

}

#loadingscript {

  padding:0px 0px;

  height:37px;

  text-indent:-9999px;

  color:transparent;

  background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;

}

.itemposts {

    float: left;

    height: auto;

    overflow: hidden;

    width: 47%;

    box-shadow: 1px 1px 5px #C3C3C3;

    background: none repeat scroll 0% 0% #F9F9F9;

    border: 1px solid #FFF;

    margin: 3px 5px 8px;

    padding: 0px 3px;

}

.itemposts h6 {

    border-bottom: 1px solid #CCC;

    color: #333;

    font: bold 12px Arial;

    height: 15px;

    overflow: hidden;

    text-transform: none;

    margin: 0px 0px 5px;

    padding: 2px 6px !important;

}

.itemposts h6 a:hover {

  color:#38f;

  text-decoration:none;

}

.itemposts img {

  background-color:#fff;

  border:1px solid #ccc;

  -moz-border-radius:3px;

  -webkit-border-radius:3px;

  border-radius:3px;

  float:left;

  height:65px;

  margin:0 7px 5px 0;

  padding:3px;

  width:65px;

  z-indent:99999px;

}

.itemposts .iteminside {}

.itemposts .itemfoot {

    border-top: 1px solid #CCC;

    clear: both;

    overflow: hidden;

    padding: 4px 5px;

}

.itemposts .itemfoot a.itemrmore {

  color:#333;

  float:right;

  font-weight:bold;

  text-decoration:none;

}

.itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}

#itempager {

  clear:both;

  padding:10px 0;

}

#pagination,

#totalposts {

  color:#000;

  display:block;

  font:bold 10px Verdana,Arial,Sans-Serif;

  margin-bottom:10px;

  text-align:center;

  padding:0;

}

#pagination span, #pagination a {

    color: #FFF;

    display: inline;

    margin: 0px 1px;

    padding: 2px 5px;

    text-indent: 0px;

    background-color: #068BC9;

    background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%);

    border: 1px solid #3161C2;

    text-decoration: none;

    border-radius: 10px;

}

#pagination a:hover {background-color:#333}

#pagination span.actual {background-color:black}

#pagination span.hidden {display:none}

</style>

<script>

var showPostDate   = true,

    showComments   = true,

    idMode         = true,

    sortByLabel    = false,

    labelSorter    = "JQuery",

    loadingText    = "Loading...",

    totalPostLabel = "Jumlah posting:",

    jumpPageLabel  = "Halaman",

    commentsLabel  = "Komentar",

    rmoreText      = "Selengkapnya &#9658;",

    prevText       = "Sebelumnya",

    nextText       = "Berikutnya",

    siteUrl        = "http://toturialblogcom.blogspot.co.id/",

    postPerPage   = 10,

    numChars       = 150,

    imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";

</script>

<script src="http://yourjavascript.com/1183493241/rifan-pagination.js"></script>

4 kemudian ganti yang alamat blog yang http://toturialblogcom.blogspot.co.id denagan alamat blog anda kemudian lalu save dan lihat hasil nya