KLIK

Cara Membuat Daftar Isi Versi 4

4.5
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(http://2.bp.blogspot.com/--BFLnpEqqJo/T29UMckXRKI/AAAAAAAAHp4/Fv2ND6h5E10/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(http://1.bp.blogspot.com/-0u7I-EN6dZ8/T29UNSCkOZI/AAAAAAAAHqI/oA09qcWANNs/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(http://3.bp.blogspot.com/-qbK0wwxnWu4/T29UM7vOfFI/AAAAAAAAHqA/-CK44ujORw8/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.
Klik jika artikel ini bermanfaat
UBLO SEVEN

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).

6 comments:

ICAH BANJARMASIN said...

Berkunjung nih bang izin nyimak dulu ya bang...mantef artikelnya sih..hahahyy

Ubed Ubaidillah said...

@ICAH BANJARMASIN siip gan.. :)
makasi . mampir lagi ya gan.. :D

abang janut said...

ijin make ya gan,. . biar tamah oke blog ane......

Ubed Ubaidillah said...

@abang janut silahkan gan.. :D

Lavixta Star said...

wah, keren banget gan hasil jadinya..

thanks ya gan udh dishare..

Ubed Ubaidillah said...

@Lavixta Star sama sama mas BLO :)

Komentar Anda Sangat Bermanfaat

Silahkan Berkomentar !

 
The Official Website Of Arief Ubaidillah
Copyright© 2013 UBLO SEVEN™ | Use Chrome To The Maximum Result