Fajar Herianto

Membuat Daftar Isi Otomatis Dengan Menggunakan Menu Scroll Dan Background Gambar Di WordPress


Permasalahan yang muncul saat kita membuat daftar isi otomatis (shortcode) adalah jika kita menampilkan seluruh arsip blog, maka akan memakan ruang satu halaman. Dikarenakan jumlah arsip yang banyak dan coba anda bayangkan jika arsip blog anda sudah tahunan, berapa panjang arsip yang akan ditampilkan dalam satu halaman? Untuk mempersingkatnya agar dalam 1 halaman agar terlihat ringkas, kita dapat menggunakan textarea seperti terlihat diatas.
Terlihat ringkas bukan? Caranya sangat mudah, buat halaman baru dan sisipkan shortcode pada textarea. Lihat contoh dibawah :

<div style="overflow:auto;width:480px;height:100px;background-color:#ffecff;background-attachment:scroll;background-repeat: no-repeat; background-position:right bottom;background-image:url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif);text-align:left;padding:5px;border:2px solid #0000b9;">
<span style="font-size:10px;color:#800080;font-family:Sans-serif;">[archives]</span>
</div>
Setelah itu anda copy dan paste-kan kode diatas pada area penulisan pada mode[HTML].
Tampilan arsip blog anda tidak akan terlihat pada area penulisan, untuk melihatnya[Publish] dahulu dan klik tombol [Preview Changes].

Keterangan :

  • width : lebar textarea.
  • height : tinggi textarea.
  • background-color : warna background textarea.
  • background-image : alamat gambar.
  • background-position : letak posisi background gambar pada textarea.
  • text-align : perataan pada text.
  • padding : jarak antar text dengan textarea.
  • border : bingkai.
  • solid : warna bingkai textarea.
  • font-family : jenis text.

Posting Komentar

Fajar Herianto

{facebook#https://www.facebook.com/fajarcintalia} {twitter#https://twitter.com/HeriantoFajar} {google-plus#https://plus.google.com/u/0/118173459679605761698/posts} {youtube#https://www.youtube.com/user/aplikasiterunik} {instagram#https://www.instagram.com/aplikasiterunik/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget