welcome

Cari di Blog ini

Add to Google Reader or Homepage

berbagi informasi, tips dan trick Blog

andiselebes Headline Animator

Enter your email address:

Delivered by FeedBurner


Cara Membuat Bingkai di posting Blog

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).

Berikut 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/
Thanx....



Artikel Terkait:

Komentar :

ada 0 komentar ke “Cara Membuat Bingkai di posting Blog”
:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

My Logo Blog

Add andiselebes Mippin widget berbagi informasi, tips dan trick Blog
Free counters!

Encode HTML

analystics