Home » , » Cara Membuat Bingkai untuk Tulisan di Blog

Cara Membuat Bingkai untuk Tulisan di Blog

Written By Justang Zealotous on Sabtu, 21 Juli 2012 | 00.50

Cara Membuat Bingkai untuk Tulisan di Blog
Tidak terasa, bulan yang suci telah tiba. Sobat blogger semua pada puasa ngga? Untuk menemani puasa Anda di bulan Ramadhan ini, ayo kita lihat postingan Belajar Internet yang bakal membahas tentang Cara Membuat Bingkai untuk Tulisan di Blog. Cara ini sangatlah bermanfaat untuk memberikan efek yang lebih indah dan tentunya rapi untuk blog Anda. Terutama untuk hal-hal yang penting, seperti pengumuman atau sekedar memberikan kode-kode HTML kepada para pengunjung blog Anda.
Daripada berlama-lama lagi, yuk lansung saja kita lihat bingkai-bingkainya.

1. Solid 

<div style="background-color: #FE80DF; border: 1px solid #000000; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

2. Dashed

<div style="background-color: #00ccff; border: 1px dashed #000000; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

3. Dotted

<div style="border: 1px dotted #000000; background-color:#FCD581; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

4. Double

<div style="background-color: #C1F3C7; border: 4px double #000000; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

5. Groove

<div style="border: 4px groove #000000; background-color:#FEBFEF; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

6. Outset

<div style="border: 4px outset #000000; background-color:#FFFF00; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

7. Inset

<div style="border: 4px inset #000000; background-color:#17BF87; padding: 5px; width: 400px;">
Tulisan Anda
</div>

8. Ridge 
 
<div style="border: 4px ridge #000000; background-color:#D6D8DA; padding: 5px; width: 400px;">
Tulisan Kalian
</div>

Sekarang, bingkai-bingkai bisa Anda pasang di blog Anda. Namun sebelumnya, Anda bisa lihat tulisan berwarna merah tersebut dan silahkan ganti sesuai dengan yang Anda inginkan.  

* Background-color = Warna latar belakang blog bingkai Anda, untuk melihat warna yang lebih banyak Anda bisa lihat DISINI
* Border = Tebal tipis, jenis dan warna bingkai Anda
* Padding = Jarak antara bingkai dengan tulisan
* Width = Lebar bingkai Anda

Yang jadi pertanyaan, kenapa height (tinggi bingkai) tidak ada? Jawabannya, karena bingkai-bingkai ini sudah otomatis, artinya berapapun banyaknya Anda menekan Enter atau banyaknya kata yang Anda masukkan dalam bingkai tersebut, bingkai ini juga aka bertambah tingginya. Nah, sudah mengerti kan? Kalau belum komentar aja.
Share this article :
Comments
1 Comments

1 komentar:

banyaknama mengatakan... [Reply]

makasih gan, mau aku coba. TOP BGT ni artikel :)

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!
Pasang Yahoo Emoticon Anda

Poskan Komentar

Jika ada yang kurang paham mengenai artikel ini, silahkan kirim komentar dan harus relevan dengan isi artikel di atas.INGAT jangan memberikan komentar dengan bumbu SPAM,P*RNO,PROMO,LINK !!! Terima Kasih dan jangan lupa follow blog ini nanti saya akan follback promise

 
Back To Top : Klik untuk Kembali ke Halaman Atas ↑↑↑
Copyright © 2011. Belajar Internet - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Free Coupons