Membuat Bingkai atau Border Pada Halaman Posting


Membuat Bingkai atau Border Pada Halaman Posting

OOoiii… kali ini kita akan belajar memberi border atau bingkai pada paragraph tertentu dari postingan, atau bisa digunakan pada seluruh paragraph. mungkin ini bisa sedikit memperindah atau memberi tampilan beda pada postingan anda, langsung saja ikuti langkah-langkah berikut.. CEKEDOT..!!

Berikut cara membuat bingkai di halaman posting:

  1. Login ke admin WordPress.
  2. Buat postingan baru dengan cara klik  Post = >Add New post.
  3. Setelah tampil halaman ‘Add New Post’, silahkan tulis pada mode HTML
  4. Copy kode berikut dan Paste-kan pada mode HTML :
    <div style=”border: 2px solid #0033CC;  padding: 5px;”>Tulis disini…</div>

  5. Setelah selesai, kembali ke mode Visual untuk melakukan penulisan.
  6. Dan klik tombol Save Draft bila anda ingin menyimpan dan mengeditnya kembali atau klik tombol Publish bila anda ingin
  7. mempublikasikan atau menampilkan pada halaman blog anda.
  8. Hasilnya seperti contoh postingan ini.
  9. Cara ini bisa dipakai pada seluruh tampilan atau bisa juga dipakai pada setiap paragraft

Beberapa bentuk tampilan border atau bingkai bisa dilihat disini atau macam-macam code warna HTML bisa dilihat disini.

Keterangan :

  • border : tebal tipisnya bingkai atau border
  • solid : warna bingkai atau border
  • padding : jarak antara tulisan dengan bingkai atau border

demikian sedikit cara membuat border atau bingkai sederhana pada postingan anda, semoga bermanfaat dan selamat mencoba…!!

Posted on 24 May, 2011, in Tutorial, Wordpress and tagged , . Bookmark the permalink. Leave a comment.

Leave a 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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s