BuaT GamBaR BerGaRis TePi

Pada postingan kali ini kita akan membahas bagaimana cara membuat gambar dalam postingan kita tampil lebih menarik, oleh karena itu trik ini sangat cocok bagi teman-teman yang biasanya suka memosting sesuatu dan biasany disertai dengan gambar yang berhubungan dengan posting. Sebelumnya trik ini sudah dibahas oleh mas Uda [Trims mas Uda, sudah sharing ilmunya], jadi postingan ini bersifat pengulangan saja. Adapun aneka trik gambar bergaris tepi tersebut adalah sebagai berikut:

GAMBAR ASLI (Tanpa garis Tepi)




------------------------------

1. Garis Tepi Biasa

Kode:

<div style="overflow:no; width:100%px; height:100%px;border:5px solid #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>

2. Garis Tepi Double

Kode:

<div style="overflow:no; width:100%px; height:100%px;border:5px ridge #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>

3. Garis Tepi Putus-putus

Kode:

<div style="overflow:no; width:100%px; height:100%px;border:5px dashed #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>

4. Garis Tepi Titi-titik

Kode:

<div style="overflow:no; width:100%px; height:100%px;border:5px dotted #CCCC99; padding: 0px;"><img border="0" src="http://sites.google.com/site/trikblogging/gambar/garis_tepi_gambar_t4belajarblogger.JPG"></div>

----------------------------------

Keterangan:

1. Merah=Border, itu adalah tebalnya garis tepi. Pada contoh2 di atas border:5px, bagi teman2 yang ingin garis tepinya tambah tebal, tinggal ganti aja angka 5 dengan angka yang lebih GD

2. Orange=Warna border, di sana tertulis kode warna [#CCCC99] yang artinya berwarna seperti warna ini, bagi teman-teman yang inggin menggantinya monggo dicari2 kodenya di sini.

3. Hijau=Padding, artinya adalah jarak antara garis tepi dengan gambar. Contoh2 di atas tidak memiliki jarak antara gambar dan garis, karena telah saya atur nilai padding:0px, bagi teman-teman yang mau membuat jarak tertentu silahkan angka padding-nya diatur

4. Biru=itu adalah link gambarnya teman-teman, silahkan diganti dengan link gambarnya teman-teman



TERIMAKASIH

• 
• 
• 
• 
• 
• 
•