Membuat Link Gambar Dengan Penambahkan Bingkai

Akhir bulan kemarin saya tidak sempat posting artikel, kebetulan saya merencanakan pergi memancing ikan didanau sambil melepas lelah dan refresh otak, ya selain hobby ngeblog saya juga hobby memancing tapi sayangnya pulang dari danau cuma dapat 3 ekor ikan heheh lumayan buat makan malam.

Oh,iya hampir lupa, kita kembali ke topik pembahasan membuat bingkai gambar, agar link image/gambar yang ingin kita pajang/tempatkan untuk posting artikel pada web/blog lebih kelihatan terkesan dan enak dipandang perlu adanya penambahkan bingkai, dimana dalam membuat link gambar dengan bingkai tersebut, saya telah menyediakan berbagai macam bingkai yang bagus dan unik untuk link gambar sehingga teman-teman hanya perlu menambahkan link gambar yang sudah disiapkan sebelumnya untuk pemasangan bingkai. Contoh bingkai gambar yang telah jadi saya bikin dan yang akan kita gunakan dapat teman-teman lihat dibawah ini.

Adapun kode dari gambar di atas yang ada dibawah ini telah diurutkan sesuai urutan gambar, sehingga mempermudahkan teman-teman supaya tidak kebingungan dalam penerapan, adalah sebagai berikut :

1. Garis bingkai gambar berbentuk segi empat biasa.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 3px solid black; max-width: 95%;" />

2. Garis bingkai gambar yang dibatasi dengan tanda titik-titik.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 2px dotted #545565; max-width: 95%;" />

3. Garis batas bingkai gambar yang berbentuk lekuk atau dapat diartikan bergelombang.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 6px groove #545565; max-width: 95%;" />

4. Garis bingkai gambar dengan batas ganda/bingkai berpasangan.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 6px double #545565; max-width: 95%;" />

5. Garis bingkai gambar dengan awal batas yang berbeda kiri atas dan kanan bawah mempunyai warna batas yang beda.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 6px outset #545565; max-width: 95%;" />

6. Garis bingkai yang terdapat sama dengan No 5 namun yang berbeda adalah pemberian warna pada batas garis.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 6px inset #545565; max-width: 95%;" />

7. Garis bingkai gambar yang tajam pada tepi garis.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 6px ridge #545565; max-width: 95%;" />

8. Garis bingkai gambar berbentuk balok putus-putus.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border: 6px dashed #545565; max-width: 95%;" />

9. Garis batas bingkai dengan kombinasi atau gabungan seluruh batas garis sebelumnya yang terdapat dari No urut 1 sampai No 8.

<img alt="Kraeng Francisco Real Madrid" src="http://kraengfrancisco.googlecode.com/files/Bingkai_real-madrid.jpg" style="border-color: #545565; border-style: dotted dashed solid double; border-width: 10px; max-width: 90%;" />

Cara menggunakan, copy salah satu  kode diatas yang telah saya urutkan berdasarkan nomor sesuai dengan yang teman-teman ingin gunakan, kemudian masukkan kedalam postingan sobat yang akan diterbitkan dan ganti alamat link gambar yang diberikan tanda warna merah.

Cacatan :

1. Widht adalah lebar bingkai gambar, sesuaikan dengan kebutuhan sobat.

2. #545565; ini adalah kode warna, silahkan sesuaikan warna.

3. Cukup sampai disini dulu ya heheh

Selamat mencoba, Sekian dan Trima Kasih.