Cara Membuat Daftar Isi Pada Blog
Posted by 
Pingin Punya daftar isi Seperti yang Blog saya? Caranya gampang kok!
Langkah langkahya sebagai berikut :
1. Login
2. masuk ke layout => page element
3. kemudian add gadget
4. pilih html / javascript
5. dan kemudian copy script dibawah ini :
Langkah langkahya sebagai berikut :
1. Login
2. masuk ke layout => page element
3. kemudian add gadget
4. pilih html / javascript
5. dan kemudian copy script dibawah ini :
<div class='widget-content'>
<style type="text/css">
.bgsGR_CommBox, .bgsGR_CommBox-cumulus, .Label .widget-content {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9eVMo-qhfFZh4TpckgkdCcXLLw3GmzswcqARHQ9MRsLpSe9fg0r0mGvGQ85AniW_TucfOSkXgmu-kQskUzTlVL_Da4HDXO63Y_Vg2a9K65jGSFoATVqZiTnTnT4zM71PTsZI2J7Wj6w/s1600/cooltext582586229.png) bottom center repeat;border:5px groove #666;font:Droid normal;font-size:10px;color:#CCFFFF;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-transition:all 2s ease-in;-moz-transition: all 2s ease-in;-webkit-transition:all 2s ease-in;}
.bgsGR_CommBox-cumulus {float: left;margin: 5px; opacity: 0.2;filter:alpha(opacity=20);}
.Label .widget-content {margin: 20px auto;width: 285px;height: 400px;overflow: auto; opacity: 0.2;filter:alpha(opacity=20);}
.bgsGR_CommBox { overflow:auto;height:200px; padding:15px 10px 10px 0;opacity:0.1;}
.bgsGR_CommBox:hover, .bgsGR_CommBox-cumulus:hover, .Label .widget-content:hover{opacity:1.0; filter:alpha(opacity=100);}
.bgsGR_CommBox a{color:#cb5d03;font-size:12px;font-weight:bold;text-decoration:none;}
.bgsGR_CommBox a:hover{text-decoration:underline;color:#33FF00;font-style:normal;}
</style>
<div class="bgsGR_CommBox">
<script src="http://kode-daftar-isi-mahmud.googlecode.com/files/mhmudammadftrisi.js">
</script>
<script src="http://inginsukses19.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div>
<style type="text/css">
.bgsGR_CommBox, .bgsGR_CommBox-cumulus, .Label .widget-content {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9eVMo-qhfFZh4TpckgkdCcXLLw3GmzswcqARHQ9MRsLpSe9fg0r0mGvGQ85AniW_TucfOSkXgmu-kQskUzTlVL_Da4HDXO63Y_Vg2a9K65jGSFoATVqZiTnTnT4zM71PTsZI2J7Wj6w/s1600/cooltext582586229.png) bottom center repeat;border:5px groove #666;font:Droid normal;font-size:10px;color:#CCFFFF;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-transition:all 2s ease-in;-moz-transition: all 2s ease-in;-webkit-transition:all 2s ease-in;}
.bgsGR_CommBox-cumulus {float: left;margin: 5px; opacity: 0.2;filter:alpha(opacity=20);}
.Label .widget-content {margin: 20px auto;width: 285px;height: 400px;overflow: auto; opacity: 0.2;filter:alpha(opacity=20);}
.bgsGR_CommBox { overflow:auto;height:200px; padding:15px 10px 10px 0;opacity:0.1;}
.bgsGR_CommBox:hover, .bgsGR_CommBox-cumulus:hover, .Label .widget-content:hover{opacity:1.0; filter:alpha(opacity=100);}
.bgsGR_CommBox a{color:#cb5d03;font-size:12px;font-weight:bold;text-decoration:none;}
.bgsGR_CommBox a:hover{text-decoration:underline;color:#33FF00;font-style:normal;}
</style>
<div class="bgsGR_CommBox">
<script src="http://kode-daftar-isi-mahmud.googlecode.com/files/mhmudammadftrisi.js">
</script>
<script src="http://inginsukses19.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div>
KETERANGAN :
1. Warna Biru itu merupakan link untuk background, bisa anda ganti dengan link anda gambar background anda sendiri.
2. Warna Merah itu ganti dengan alamat Blog sobat.
Semoga sukses!
