sad


Monday, January 31, 2011

Cara membuat Bingkai pada Postingan/Kode HTML

Membuat bingkai pada sebuah bagian posting melalui kode html yang memanfaatkan kode border dapat dimanfaatkan untuk menandai/menonjokan/membuat ciri khusus pada satu atau beberapa bagian posting yang dianggap penting. Selain itu untuk membuat penampilan posting supaya tidak terlalu monoton, penggunaan bingkai (border) juga bisa dilakukan.

Pembuatan bingkai posting pada sebuah kata, teks atau sebuah alinea dapat dilakukan dengan menambahkan sebuah kode border pada tag “p”, yang didalamnya sekaligus bisa ditambahkan kode html lain untuk mengatur bentuk teks pada bagian yang berbingkai tersebut. Beberapa kode tambahan difungsikan untuk membentuk teks rata kanan, rata kiri, rata tengah (center), rata kanan-kiri (justify), meruabah warna teks, tebal font, jenis font (font-family), ukuran font (font-weight), padding dan margin serta beberapa kode yang lain misalnya style-font atau bisa jugaberupa sebuah efek blink (teks berkedip).

Membuat Bingkai pada sebuah kata, beberapa kata atau kalimat.

<span style="padding:0 4px;color:blue;font-weight:normal;border:1px
solid #e00c02;font-family:Cataneo BT;font-size:14px;">
Di sini tempat menuliskan kata
</span>

Membuat Bingkai pada sebuah Alinea


Di sini tempat menuliskan Alinea/paragraf!

Membuat Bingkai pada Seluruh Posting (bingkai besar) :


<div style="padding:6px; color:blue;font-weight:normal;border:2px
solid #6c0702;font-family:Verdana;margin:15px 0;">
<p style="text-align:justify">
Di sini tempat menuliskan /teks/kalimat/alinea/paragraf!
</p>
<p style="text-align:justify">
Di sini tempat menuliskan /teks/kalimat/alinea/paragraf!
</p>
<p style="text-align:justify">
Di sini tempat menuliskan /teks/kalimat/alinea/paragraf!
</p>
..... dst
</div>

Comments
3 Comments

3 comments:

Aris Item said...

informasi yang bagus...
salam

p@reman'takana doso said...

keren bro.... thanks ya...
oya bro....cara buatpatner blog bisa gak...
thanks

hiyosoka said...

mantab......