Kali ini kita akan coba membuat daftar isi otomatis pada satu kategori tertentu. Untuk lebih jelasnya, coba sobat lihat daftar isi di sidebar paling atas di blog ini.
Trik seperti ini sebenarnya bisa sobat lakukan secara manual dengan cara memasukkan secara manual link - link artikel sobat , namun seperti biasa, waktu sobat mungkin akan sedikit terkuras. Untunglah jika sobat hanya memiliki sedikit artikel.. bagaimana jika banyak?? wah. bisa pegel ni jarinya.. hehe
Widget ini di lengkapi scroll yang berfungsi menghemat halaman sobat, jadi jangan perlu takut kalau - kalau tidak muat lamannya karna kebanyakan artikel. Bagi sobat yang tertarik untuk membuat daftar isi otomatis pada label tertentu silahkan ikuti tutorial berikut.
Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuka hati sobat.
tambahan :
3. Klik simpan.
Untuk menampilkan daftar isi lebih dari satu label, misalnya untuk label SEO BLOG dan BLOG, maka kode yang harus sobat pakai adalah seperti berikut.
tambahan :
Nah.. Bagaimana sob.. gampang kan?? Sampai di sini dulu tutorialnya, tunggu lagi kelanjutan postingan dari Goront4lo Cyber4rt.
Trik seperti ini sebenarnya bisa sobat lakukan secara manual dengan cara memasukkan secara manual link - link artikel sobat , namun seperti biasa, waktu sobat mungkin akan sedikit terkuras. Untunglah jika sobat hanya memiliki sedikit artikel.. bagaimana jika banyak?? wah. bisa pegel ni jarinya.. hehe
Widget ini di lengkapi scroll yang berfungsi menghemat halaman sobat, jadi jangan perlu takut kalau - kalau tidak muat lamannya karna kebanyakan artikel. Bagi sobat yang tertarik untuk membuat daftar isi otomatis pada label tertentu silahkan ikuti tutorial berikut.
Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuka hati sobat.
<div
style="overflow:auto; width:auto; height:150px; padding:5px;border:0px
solid #000000; font-family:julee; font-size:15px;
font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script><ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script><ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
tambahan :
- width:auto : menunjukkan bahwa lebar scroll box akan menyesuaikan dengan lebar sidebar.
- height:100px : tinggi scroll box. silahkan sobat ganti sesuai keinginan.
- border:1px solid #e6e4e3 : adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border ( jenis - jenis border lihat di sini!) dan #e6e4e3 adalah warna border.( kode warna lihat disini! )
- font-size : adalah ukuran huruf.
- <ol> : adalah Numbered LIst , sobat bisa menggantinya menjadi bullet list dengan kode <ul>
- Ganti http://goront4lo-cyber4rt.blogspot.com/ dengan Url blog sobat.
- Ganti masalah%20laptop dengan label yang sobat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
3. Klik simpan.
Untuk menampilkan daftar isi lebih dari satu label, misalnya untuk label SEO BLOG dan BLOG, maka kode yang harus sobat pakai adalah seperti berikut.
<div style="overflow:auto; width:auto; height:100px; padding:5px;border:1px solid #e6e4e3; font-size:15px;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script>
<h3>MASALAH LAPTOP</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>CHET TRAINER</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/Cheat%20trainer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script>
<h3>MASALAH LAPTOP</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>CHET TRAINER</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/Cheat%20trainer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
tambahan :
- Sesuaikan tulisan yang berwarna HIJAU dengan label yang sobat gunakan.
- Ganti http://goront4lo-cyber4rt.blogspot.com/ dengan Url blog sobat.
- Ganti masalah%20laptop dengan label yang sobat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
Nah.. Bagaimana sob.. gampang kan?? Sampai di sini dulu tutorialnya, tunggu lagi kelanjutan postingan dari Goront4lo Cyber4rt.
Kali ini kita akan coba membuat daftar isi otomatis pada satu kategori tertentu. Untuk lebih jelasnya, coba sobat lihat daftar isi di sidebar paling atas di blog ini.
Trik seperti ini sebenarnya bisa sobat lakukan secara manual dengan cara memasukkan secara manual link - link artikel sobat , namun seperti biasa, waktu sobat mungkin akan sedikit terkuras. Untunglah jika sobat hanya memiliki sedikit artikel.. bagaimana jika banyak?? wah. bisa pegel ni jarinya.. hehe
Widget ini di lengkapi scroll yang berfungsi menghemat halaman sobat, jadi jangan perlu takut kalau - kalau tidak muat lamannya karna kebanyakan artikel. Bagi sobat yang tertarik untuk membuat daftar isi otomatis pada label tertentu silahkan ikuti tutorial berikut.
Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuka hati sobat.
tambahan :
3. Klik simpan.
Untuk menampilkan daftar isi lebih dari satu label, misalnya untuk label SEO BLOG dan BLOG, maka kode yang harus sobat pakai adalah seperti berikut.
tambahan :
Nah.. Bagaimana sob.. gampang kan?? Sampai di sini dulu tutorialnya, tunggu lagi kelanjutan postingan dari Goront4lo Cyber4rt.
Trik seperti ini sebenarnya bisa sobat lakukan secara manual dengan cara memasukkan secara manual link - link artikel sobat , namun seperti biasa, waktu sobat mungkin akan sedikit terkuras. Untunglah jika sobat hanya memiliki sedikit artikel.. bagaimana jika banyak?? wah. bisa pegel ni jarinya.. hehe
Widget ini di lengkapi scroll yang berfungsi menghemat halaman sobat, jadi jangan perlu takut kalau - kalau tidak muat lamannya karna kebanyakan artikel. Bagi sobat yang tertarik untuk membuat daftar isi otomatis pada label tertentu silahkan ikuti tutorial berikut.
Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuka hati sobat.
<div
style="overflow:auto; width:auto; height:150px; padding:5px;border:0px
solid #000000; font-family:julee; font-size:15px;
font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script><ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script><ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
tambahan :
- width:auto : menunjukkan bahwa lebar scroll box akan menyesuaikan dengan lebar sidebar.
- height:100px : tinggi scroll box. silahkan sobat ganti sesuai keinginan.
- border:1px solid #e6e4e3 : adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border ( jenis - jenis border lihat di sini!) dan #e6e4e3 adalah warna border.( kode warna lihat disini! )
- font-size : adalah ukuran huruf.
- <ol> : adalah Numbered LIst , sobat bisa menggantinya menjadi bullet list dengan kode <ul>
- Ganti http://goront4lo-cyber4rt.blogspot.com/ dengan Url blog sobat.
- Ganti masalah%20laptop dengan label yang sobat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
3. Klik simpan.
Untuk menampilkan daftar isi lebih dari satu label, misalnya untuk label SEO BLOG dan BLOG, maka kode yang harus sobat pakai adalah seperti berikut.
<div style="overflow:auto; width:auto; height:100px; padding:5px;border:1px solid #e6e4e3; font-size:15px;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script>
<h3>MASALAH LAPTOP</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>CHET TRAINER</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/Cheat%20trainer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://my-endy-djubu.googlecode.com/files/postlabel.js'></script>
<h3>MASALAH LAPTOP</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/masalah%20laptop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>CHET TRAINER</h3>
<ol>
<script src="http://goront4lo-cyber4rt.blogspot.com/feeds/posts/default/-/Cheat%20trainer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
tambahan :
- Sesuaikan tulisan yang berwarna HIJAU dengan label yang sobat gunakan.
- Ganti http://goront4lo-cyber4rt.blogspot.com/ dengan Url blog sobat.
- Ganti masalah%20laptop dengan label yang sobat inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang terterah, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
Nah.. Bagaimana sob.. gampang kan?? Sampai di sini dulu tutorialnya, tunggu lagi kelanjutan postingan dari Goront4lo Cyber4rt.
Ditulis Oleh : Unknown | Artikel Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu
Postingan dengan judul Cara Membuat Daftar Isi Otomatis Untuk Label Tertentu ini,
diposting oleh Unknown pada hari Saturday, 1 September 2012.
Terimakasih atas kunjungan Anda serta kesediaan Anda membaca posting ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar yang telah tersedia di bawah ini.
Salam Hangat Dari Saya Endy Djubu Selaku Admin Goront4lo Cyber4rt (GC)
Baca yang lainnya juga ! ! !
Pengen Related Post seperti ini?
klik disini!
klik disini!
0 Comments
