Senin, 06 Juni 2011

Code Membuat Frame pada Postingan

Untuk membuat bingkai di posting Blog dapat dilakukan dengan 3 Cara yaitu:
1.Bingkai pada sebuah kata atau beberapa kalimat
2.Bingkai pada Satu Aline/paragraf, dan
3.Bingkai pada seluruh Posting Blog.

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 juga berupa sebuah efek blink (teks berkedip).

Kode yang digunakan untuk bingkai pada sebuah kata atau beberapa kalimat :

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


Kode yang di gunakan untuk Bingkai pada satu Alinea :


<p style="padding:6px; color:blue;font-weight:normal;border:2px dashed #6c0702;font-family:arial;margin:15px 0;">
Disini tempat menulis Alinea/Paragraf
</p>



Dan Kode yang di gunakan untuk Bingkai Seluruh posting/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>
Catatan:
 
Susunan jumlah Kode bisa dikurangi sesuai yang dibutuhkan.
Selamat Mencoba.
Sumber Posting : http://gubhugreyot.blogdetik.com/
 

Share

Lisensi Creative Commons
Laskar Pelangi Blog oleh M. Yasin, S.Si., MM disebarluaskan di bawah Lisensi Creative Commons Atribusi-NonKomersial-TanpaTurunan 4.0 Internasional.
Berdasarkan ciptaan pada thelaskarpelangi.blogspot.com

0 comments:

Posting Komentar

Silahkan Isi Komentar Tentang Berita yang Anda Inginkan. Trims

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More