www.88-computer.com: Cara Buat Daftar Isi

Setelah sekian lama saya tidak posting, kali ini saya akan share mengenai Daftar Isi.

Ini adalah ke empat kalinya saya berbagi tentang Cara Membuat Daftar Isi. Jadi Daftar Isi ini adalah Versi ke empat.

Daftar Isi Versi 4 ini lain dari Daftar Isi biasanya. Daftar Isi Versi 4 ini menampilkan gaya rak buku yang di tata secara rapi.

Untuk tampilannya, silahkan klik Disini.

Gimana..? Tertarik untuk membuatnya..?

Ikuti langkah berikut..!

1. Masuk Dasbor

2. Pilih Enteri Baru

3. Pilih Tab Edit HTML

4. Copy Kode dibawah ini

<style>#daftar-isi-body{         width:560px!important;         height:600px!important;         padding:30px 40px;         margin:0 auto;} #daftar-isi-wrap
{         margin: 0 auto;} .box-posting
{         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6sZYEV8-6JuL_l7rncl0Uxu_Lv-e8-dSHELKnfF1nM_OEPniURmwzzTliSUj-jBnBxu0Iz8Xhm40ikUoAfU2cwQX6VXbesyuC7wl-B1mTUTgg0dCod6l_RAL7yyDDNc_bwIUuUoLc-y8/s1600/bg-box.png);         background-position:bottom center;         background-repeat:no-repeat;         overflow:hidden;         cursor:pointer;         float:left;         height:140px;         width:248px;         margin:-50px 0 0 0;} .box-posting img
{         height:46px;         width:46px;         float:left;         margin:20px 0 0 25px;         background-color:#000000;         border:1px solid #000000;         -webkit-border-radius: 30px;         -moz-border-radius: 30px;         border-radius: 50%;} .box-posting .judul-posting
{         float:left;         height:35px;         margin:0;         width:220px;} .box-posting .judul-posting a{         font-family:Aldrich,Serif !important;         color:#12127D!important;         text-shadow:0 0 1px rgba(0,0,0,0.9);         margin:-40px 0 0 80px;         display:block;         font-size:13px !important;         line-height:18px!important;         font-weight:bold !important; } .box-posting .judul-posting a:hover{         color:#000000!important;} .box-posting:hover
{         border-left-color:#C6EB04;}  #totales
{         text-align:center;         color:#12127D !important;         text-shadow:0 1px rgba(0,0,0,0.2); } #loadingscript
{         color:#000000;         font-family:Federant;         font-size:100px;         letter-spacing:-10px;         text-align:center;         text-shadow:-5px 0 1px #444;} #paginacion
{         color:#BBB;         font-size:24px;         font-weight:bold;         height:35px;         line-height:28px;         padding:0;         margin:0 auto;         text-align:center;} #paginacion span,#paginacion a
{         display:inline-block;         font-size:13px !important;         line-height:24px;         font-weight:bold;         margin:0 1px;         width:25px;         height:25px;}#paginacion a, #paginacion span.actual
{         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ5cvuNrPHS5BEi_QSFH63XX9OFEy9bOJoGdXHnVVe0oIPZL7WhzTKZpUbml9MehDeG5crkL0YIixLuRR8YOmiaB3I5SAtaiQxAMG33v89G7ztx27sgrb5Uii0QQXN5K1MG3gVcJl6A2M/s1600/page-link.png);         background-position:top center;         background-repeat:no-repeat;         color:#000000 !important;         text-shadow:0px 1px 0px rgba(255,255,255,0.1);} #paginacion span.actual
{         color:#000000 !important; } #paginacion a:hover
{         color:#FFF !important;} #paginacion .nextprev-link, #paginacion span.nextprev-link
{         border:none;         color:#000000 !important;         text-shadow:0px 1px 0px rgba(255,255,255,0.1);         width:100px;         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0xK_sHEGUqmiEsc0pi0IWMudFpf6MAQW0YIe3sQGOOWTqlW4nRC-4z8sAm53gtcm89WFYWC_Bi9A-RIkpq7KrMbECKKSa22FE9hEULzvj5ZLC-pFEA8dx9-gJ3No3pEJSQgNq40jbdI/s1600/nextprev.png);         background-position:top center;         background-repeat:no-repeat;}</style> <script type="text/javascript">                   var jumlahposting = 18;
                  var urlblog = "http://88-enterprise.blogspot.com/";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://www.ami.ac.uk/courses/ami4900_ed/u03/unit_3_sec_2/images/originals/index_clip_image001_0000.gif";

</script><script language="javascript" src="http://ubloseven.googlecode.com/files/DIV4.js"></script>