Cara Membuat Daftar Isi Keren Di Blog

Cara Membuat Daftar Isi Keren Di Blog

»

Tips Trick And Tutorial

by Rob

di Monday, February 04, 2013

wah ada daftar isi keren nih ak share lah ayo sobat blogger sedot aja ok langsung aja ya untuk menghemat waktu hehehehe

bagaimana? keren dan marik gk??? kalau menarik yah lebih baik kita langsung saja ke tutorialnya

1. Login Ke Blogger
2. Klik Buat Entri Baru ( Buat Postingan Baru )
3. Klik HTML lalu masukan kode dibawah ini

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMqyb163BDjK2GJ26IGSKBoqmpN4ILfEkg9NOHcTwMLNGAzlRue_wrow8xN1EnRRUddWXuq8tzD3dWh91f9djLbQ4erYvsM7Xf-n31Uz-JiJBHxVX0tNiCUZtvBFj7fdpquCJPq1TChx4/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYefhSf_amXBhITlmqsqsjyhNV2Lc_x_An1oxjow36ctp7A-5LbNiWPfQtNQbvOejDPFYi2Dlue30pVCIs-arTh2tmzkUiM-EvDAZTYkg4Q89zlangMWxAoqqL50AtsbpJiwRBSmbDKXk/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilr0Pm36bU4tuE2ryuGaPYx5bNyErpf_Ly4-P8Z2xtrMyp6_DjysR4VIBSxmqgUVoyo8Eu12A0W2gIxITkLJ036VSfIav-Jts7rHFC9ot2jjJ7Hok6qRMi8dNKc9faa0MVa6e9AuKI5sU/s1600/nextprev.png);
             background-position:top center;
             background-repeat:no-repeat;
    }
    </style><br />
    <script type="text/javascript">
                      var jumlahposting = 18;
                      var urlblog = "http://indraahmadrobani.blogspot.com/";
                      var minpaginas = 5;
                      var maxpaginas = 10;
                      var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
                                                </script><br />
    <script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script><br />

4. Publikasikan, dan selesai

Tambaha
ganti url ini http://indraahmadrobani.blogspot.com/ dengan url anda

Comments

5 comments:

UnknownFebruary 11, 2013 10:04 PM
keren gan, izin copas
ReplyDelete
Replies
UnknownMay 13, 2013 6:41 PM
mantap gila ...
ReplyDelete
Replies
AnonymousSeptember 22, 2013 11:46 AM
gan bisa ngak di pasan lansung di blog ,,, maksudnya bukan nambahin postingan ti pasan lansung di HTMLnya ,,,,
cara menampilkan di home nya gan ,,,
bisa ngak gan ,,,
ReplyDelete
Replies

Selamat Datang Di DRobani Blog,Terima kasih sudah berkunjung.
Sebelum Berkomentar Silahkan Baca Peraturan nya.
1. Dilarang Flood
2. Dilarang SPAM
3. Dilarang Live Link
4. Dilarang Berkomentar Memakai Bahasa Kotor / Binatang
5. Dilarang Mencari Keributan Disini
6. Berkomentarlah Dengan Bahasa Yang Sopan

Terima Kasih

Related posts

Sedikit Motivasi

Tak selalu orang terpintar yang mendapatkan yang terbaik; orang yang mempunyai kegigihan membaca, orang yang terus bertahan dan tak pernah menyerahlah yang mencapai sukses.

Jika anda gagal dalam melakukan sesuatu, hanya satu yang harus anda lakukan, "TRY AGAIN" - See more at: http://blogjomblongenes.blogspot.com/#sthash.UYtxUzZP.dpuf

Jika anda gagal dalam melakukan sesuatu, hanya satu yang harus anda lakukan, "TRY AGAIN"

Jika anda gagal dalam melakukan sesuatu, hanya satu yang harus anda lakukan, "TRY AGAIN" - See more at: http://blogjomblongenes.blogspot.com/#sthash.UYtxUzZP.dpuf

Jika anda gagal dalam melakukan sesuatu, hanya satu yang harus anda lakukan, "TRY AGAIN" - See more at: http://blogjomblongenes.blogspot.com/#sthash.UYtxUzZP.dpuf

Jika anda gagal dalam melakukan sesuatu, hanya satu yang harus anda lakukan, "TRY AGAIN" - See more at: http://blogjomblongenes.blogspot.com/#sthash.UYtxUzZP.dpuf

Guestbook

Author

Other

OrnoX (remake) design by Dark Ard | All rights is reversed.





Post
Comments
Related
Guestbook
Author
Other