Cara Membuat Daftar Isi Otomatis Mudah dan Simple..

Wednesday, December 09, 2015

Cara Membuat Daftar Isi Otomatis Mudah dan Simple..

Yups, Jumpa Lagi...

Kemaren abis post cara "MENDAPATKAN DOMAEN .XYZ DENGAN MUDAH" sekarang ane akan share "Cara Membuat Daftar Isi Otomatis Mudah dan Simple"..

caranya gimana sih gan ??, baik ane kasih tau...

pertama-tama agan masuk ke bagian Laman, silahkan lihat gambar di bawah ini jika tidak tau..

setelah agan mengklick bagian "Laman" agan akan di alihkan ke halaman tersebut..

setelah masuk ke halaman tersebut silahkan agan klick "Laman Baru" di bagian atas, jika tidak tau silahkan lihat gambar di bawah ini...

Setelah agan mengklick "Laman baru" agan akan dialihkan kesebuah halaman seperti Page Post , Lalu silahkan agan klick bagian "HTML" di sebelah kanan "Compose", Jika tidak tau silahkan lihat gambar di bawah ini...

Selanjutnya silahkan agan copy scrip di bawah ini lalu pastekan di bagian HTML ..

<style type="text/css">

#toc{

width:99%;

margin:5px auto;

border:1px solid #ffffff;

-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

}

.labl{

color:#000000;

font-weight:bold;

margin:0 -5px;

padding:1px 0 2px 11px;

background:-moz-linear-gradient(right,#000000 0%,#000000 10%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#A9A9A9),color-stop(1,#ffffff));

border:1px solid #000000;

border-radius:4px;-moz-border-radius:4px;

-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;

-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;

}

.labl a{

color:#fff;

}

.labl:first-letter{t

ext-transform:uppercase;

}

.new{

color:#FF5F00;

font-weight:bold;

font-style:italic;

}

.postname{

font-weight:normal;

background:-moz-linear-gradient(right,#ffffff 20%,#000 40%);

background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#A9A9A9));

}

.postname li{

border-bottom: #ddd 1px dotted;

margin-right:5px

}

</style>

<br />

<div id="toc">

<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>

<script src="http://www.fikri-blog.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">

</script></div>

Silahkan agan ganti Link Yang bewarna "MERAH" dengan link "BLOG" agan-agan..

Jika sudah agan copy silahkan agan klick "Publikasikan" dan selesai..
Demo Hasil yang sudah jadi Klik "DISINI" ..

Jika agan-agan sedikit kesulitan silahkan comment atau chat facebook jika ane lagi ON bakal langsung ane bales secepatnya,Dan jika agan ingin mengganti warnanya silahkan comment nanti akan ane kasih tau code warnanya...

Terima kasih, Selamat mencoba...