Aneka Kotak warna Uhuy

info-gamepc.blogspot.com - Berikut saya berikan berbagai jenis tulisan yang ada didalam kotak warna di blogspot, mungkin artikel ini sudah basi bagi sobat blogger yang sudah malang melintang didunia pem-blogger-an tapi bisa saja artikel ini merupakan pengalaman baru bagi blogger yang baru saja mengenal Blog di google alias blogspot.

OK.. kita langsung aja ke TKP

1. Contoh pertama:

<div style=”border: 1px #c8c785 solid; background-color: #fdfccf; width: 200px; padding: 10px; text-align: left;”>KOMUNITAS GAMER</div>

hasilnya seperti ini:

KOMUNITAS GAMER

2. Contoh Dua:

<div style=”border: 1px #a0ca9e dotted; background-color: #e5fce4; width: 400px; padding: 5px; text-align: right;”>KOMUNITAS GAMER</div>

Hasilnya seperti ini:

KOMUNITAS GAMER

3. Contoh Tiga:

<div style=”border: 2px #a0ca9e solid; background-color: #e5fce4; width: 500px; padding: 5px; text-align: justify;”>KOMUNITAS GAMER</div>

Hasilnya seperti ini:

KOMUNITAS GAMER

4. Contoh Empat:

<div style=”border: 2px #a0ca9e solid; background-color: #e5fce4; margin-left: 60px; padding: 5px; text-align: justify;>KOMUNITAS GAMER</div>

Hasilnya seperti ini:

KOMUNITAS GAMER

5. Contoh Lima:

Solid

<div style='border: 1px solid #000000; background-color:#efefef; padding: 5px; width: 600px;'> KOMUNITAS GAMER. </div>

6. Dotted

<div style='border: 1px dotted #000000; background-color:#efefef; padding: 5px; width: 600px;'> KOMUNITAS GAMER. </div>

7. Dashed

<div style=”border: 1px dashed #000000; background-color:#efefef; padding: 5px; width: 600px;”> KOMUNITAS GAMER </div>

8. Double

&lt;div style=”border: 4px double #000000; background-color:#eaebfd; padding: 5px; width: 600px;”&gt; KOMUNITAS GAMER &lt;/div&gt;

9. Groove

<div style=”border: 4px groove #000000; background-color:#edfcf0; padding: 5px; width: 600px;”> KOMUNITAS GAMER </div>

10. Outset

<div style=”border: 4px outset #000000; background-color:#f9effb; padding: 5px; width: 600px;”> KOMUNITAS GAMER </div>

11. Ridge

<div style=”border: 4px ridge #000000; background-color:#fafae9; padding: 5px; width: 600px;”> KOMUNITAS GAMER </div>

12. Menghilangkan sisi garis tertentu

<div style='border: 4px ridge #000000; border-bottom: none; background-color: #fafae9; padding: 5px; width: 600px;'>KOMUNITAS GAMER</div>

Saya harap artikel ini berguna bagi kalian yang bergelut dengan Blogspot, saya tidak menganjurkan cara ini bisa sukses di blog wordpress atau yang lain, sekian dulu dan selamat mencoba, sukses selalu..byee...