Cara membuat daftar isi keren dengan davigasi halaman - Sebelumnya saya ingin meminta maaf kepada mas Taufik Nurrohman karena sebelumnya saya tidak meminta izin kepada beliau untuk membuat postingan ini. Mengapa? Karena postingan ini saya ambil dari Blog beliau (kehabisan ide). Nah, apakah di Blog sobat memiliki widget daftar isi? Pasti ada dong... Tapi apakah sobat tidak bosan dengan widget daftar isi yang itu - itu saja? Kali ini saya akan memberikan widget daftar isi yang keren buatan mas Taufik Nurrohman yaitu Daftar isi dengan navigasi halaman. Pengen liat contohnya? Langsung saja klik disini Bagaimana? Keren kan? Mau? Langsung saja : - Login ke dashboard Blog sobat.
- Klik Laman kemudian pilih Laman Baru terus klik Laman Kosong.
- Edit HTML kemudian copy kode berikut dan paste di laman tersebut.
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_default-theme.css" type="text/css" /><script type="text/javascript">var showPostDate = true, showComments = true, idMode = true, sortByLabel = false, labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "Jumlah posting:", jumpPageLabel = "Halaman", commentsLabel = "Komentar", rmoreText = "Selengkapnya ►", prevText = "Sebelumnya", nextText = "Berikutnya", siteUrl = "URL Blog sobat", postsperpage = 10, numchars = 370, imgBlank = "blank.png"; </script><script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/blogger-archive-with-pagination.js"></script>
- Ganti tulisan yang diketik tebal dengan URL Blog sobat.
- Tulisan berwarna merah adalah kode tema widgetnya, sobat dapat menggati kode tersebut dengan kode tema berikut :
1. Minima Brown Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_minima-brown.css" type="text/css" />
2. Elegant Black Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_elegant-black-theme.css" type="text/css" />
3. Facebook Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_facebook-theme.css" type="text/css" />
4. CSS3 Diary Book Theme (Yang saya pakai)
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_CSS3-diary-book-theme.css" type="text/css" />
5. Minima White Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_minima-white-theme.css" type="text/css" />
6. Dark Red Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_dark-red-theme.css" type="text/css" />
7. Fresh Green Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_yellow-green-theme.css" type="text/css" />
8. Construction Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_construction-theme.css" type="text/css" />
9. Dark Blue Theme
<link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_blue-theme.css" type="text/css" />
Nah, demikian Cara membuat daftar isi keren dengan navigasi halaman yang dapat saya bagikan kali ini, semoga dapat bermanfaat dan terima kasih atas kunjungannya...
Sumber :
Gambar : Google Images
