Home » Membuat Daftar Isi Baru

Membuat Daftar Isi Baru

Hello Pengunjung Oktri Blog.., Ya, topik kali ini tentang membuat Daftar Isi baru karena pada postingan sebelumnya yaitu Cara Membuat Daftar Isi (Table of Contents) atau Sitemap di Blogger ala Abu Farhan
Okee, Lansung Saja ke intinya tapi sebelumnya  lihat demonya dulu disini.
Berikut ini Langkah langkah membuat daftar isi tersebut
  1. Masuk ke account Blogger kamu, pilih "Posting" - "New Post","edit Html"
  2. Kemudian isi judulnya dengan judul yang kamu inginkan, seperti "Daftar Isi" atau semacamnya,
  3. Kemudian copy-paste kode di bawah ini didalam postingan/ enti :


<style> #daftar-isi-body { width:760px!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:#2E0700; border:1px solid #2E0700; -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:arial,Serif !important; color:#774A34!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:#333!important; } .box-posting:hover { border-left-color:#C6EB04; } #totales { text-align:center; color:#774A34 !important; text-shadow:0 1px rgba(0,0,0,0.2); } #loadingscript { color:#444; font-family:Century Gothic; 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:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1); } #paginacion span.actual { color:#774A34 !important; } #paginacion a:hover { color:#FFF !important; } #paginacion .nextprev-link, #paginacion span.nextprev-link { border:none; color:#250700 !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://www.oktri.co.cc"; var minpaginas = 5; var maxpaginas = 10; var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG"; </script> <script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script>

NB: tulisan merah dapat diganti alamat blog anda,Tinggi dan lebarnya dapat anda atur sendiri... Sekian Tutorial singkat



Artikel Terkait:

2 komentar:

  1. nice gan..lama ente tak posting artikel...

    salam blogger sukses selalu...
    :)

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri