Cara Membuat Daftar Isi Versi 4

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/AVvXsEis3c29Ymnp_KVk8cTN_mCa7ASjFcd1ruhZaq7HEbjRh0meKZZyAmEyQ955N2jsrJH9G65T1PjrmcfB_pbAFNosf1Dtw_CHH4V9KhiSVhLtyeXZN6UoaPaoeZhwJWgDzlWyn2j7vAyqgws/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/AVvXsEgI5I5YS_P-popk-83TWQy8Z6ra5TgvLxljPt2myX_Ks-0eoiVA6HpGsVm9ajJKIYIBARyioHeeBC165awvj7kUQdpjMwasDevRqELgOKPbLXvWFgmrtu_jmmloAFZMxgGZT4ZbIjcx2qQ/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/AVvXsEghD3DlUML1T5GKAkQXvhdq_NM5OzcHRtPMbo6g_i5dIH29lBtuaptORKMhyG1Axm_RsPfqvLOp22vsDz5FSANZzulbNa4ifzm9TCOUrvhjsPw3oPm7bpuubD3ZdONMeIbO0XZquTYtvNk/s1600/nextprev.png);         background-position:top center;         background-repeat:no-repeat;}</style> <script type="text/javascript">                   var jumlahposting = 18;
                  var urlblog = "http://ubed-ubloseven.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>

Keterangan : Ganti http://ubed-ubloseven.blogspot.com dengan alamat Blog Sobat.

5.     Paste di dalam Edit HTML

6.     Klik Terbitkan Entri

Terima Kasih.
Baca juga artikel  Download Film Final Destination 4.

Semoga Bermanfaat.

Post Author : M. Arief Ubaidillah

Terimakasih atas kunjungan dan kesediaan anda membaca artikel ini. Kritik dan Saran dapat anda sampaikan melalui Kotak Komentar di bawah ini atau di Facebook (Muhammad Arief Ubaidillah) bisa juga di Twitter (@ubeeed).