Curhat sang pelaut

Cara Buat Daftar Isi Secara Otomatis Dengan Textarea

Posted on: 25 September 2009

Cara buat daftar isi secara otomatis dengan Textera ini sangat praktis dan simpel dan sayapun pakai yang ini tapi terserah anda pilih-pilih aja dulu kalau cocok silahkan pakai yang ini, 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, sisipkan shortcode pada textarea.

Lihat contoh :

<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 pada area penulisan pada mode‘HTML’, tapi ingat! pada shortcode hapus tanda “ / “. Untuk melihat jenis shortcode disini.

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 : tebal tipisnya bingkai textarea.
  • solid : warna bingkai textarea.
  • font-family : jenis text.

3 Responses to "Cara Buat Daftar Isi Secara Otomatis Dengan Textarea"

Daftar Isi
Inilah yang terjadi/yang keluar saat saya mencoba trik diatas
hasil daftar isi yang keluar diblog saya seperti dibawah ini

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;”>
font-family:Sans-serif;”>[/archives]

[…] Cara Buat Daftar Isi Secara Otomatis Dengan Textarea […]

[…] Cara Buat Daftar Isi Secara Otomatis Dengan Textarea Share this:TwitterFacebookLike this:LikeBe the first to like this. […]

Leave a Reply to photoshoppemula Cancel reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Follow Us

Need to translate?

info loker HAL

Daftar isi

BELAJAR WORDPRESS DISINI

BELAJAR WORDPRESS DISINI

Arsip

Kategori

Tukeran Link Yuk / Links Exchange

Yang G`Nongkrong

Anda Yang Ke

  • 1,378,753 Pengunjung
free counters
IP
Page copy protected against web site content infringement by Copyscape
Alexa Certified Traffic Ranking for https://ehkangagus.wordpress.com Alexa Certified Site Stats for https://ehkangagus.wordpress.com
Add to Technorati Favorites
banerbaru
September 2009
M T W T F S S
« Aug   Oct »
 123456
78910111213
14151617181920
21222324252627
282930  

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 5,183 other followers

google-site-verification: googlec3cb9fe245465592.html
google-site-verification: googlec3cb9fe245465592.html

google-site-verification: googlec3cb9fe245465592.html

google-site-verification: googlec3cb9fe245465592.html

Curhat Sang Pelaut

%d bloggers like this: