Rabu, 18 April 2012

Cara Menambahkan Caption Pada Gambar Blog Dengan CSS


By on 15.20

Cara Menambahkan Caption Pada Gambar Blog Dengan CSS - Kali ini saya akan mebahas mengenai Tips Blog yaitu Cara Menambahkan Caption Pada Gambar Blog Dengan CSS, disini saya akan menjelaskan bagaimana cara menambahkan Caption (deskripsi atau keterangan) pada gambar blog dengan CSS.

Dengan memberi Caption pada suatu gambar, maka gambar tersebut akan memiliki keterangan atau deskripsi di bawah bagian gambar (kaya gambar disamping).
Jika kamu berminat mau menggunakan Caption pada suatu gambar silahkan ikuti langkah-langkah di bawah ini :

1. Login ke Blog kamu.
2. Pilih Rancangan pilih Edit HTML Cari kode ]]></b:skin>
3. Setelah ketemu copy kode dibawah ini dan letakan tepat di atas kode ]]></b:skin>
.imgcaption {
padding-bottom:10px;
padding-top:30px;
position:relative;
}
.imgcaption cap {
position:absolute;
left:0%;
right:0%;
padding:10px;
background:#dddddd;
color:ffffff;
opacity:0.8 !important;
bottom:6%;
}
Simpan tempalte nya, dan sekarang bagaimana cara memberi Caption pada gambarnya ?
Berikut cara-cara nya.
<div class="imgcaption"><a href="http://1.bp.blogspot.com/-LIzITb5FK_g/TfShSJBANnI/AAAAAAAAEWI/l_FJFCW52j0/s1600/Desert.jpg"><img src="http://1.bp.blogspot.com/-LIzITb5FK_g/TfShSJBANnI/AAAAAAAAEWI/l_FJFCW52j0/s320/Desert.jpg"/></a><cap>DISINI DESKRIPSI GAMBAR NYA</cap></div>
Ganti yang berwarna merah dengan URL Gambar lainnya, dan ganti kata DISINI DESKRIPSI GAMBAR NYA dengan deskripsi gambar tersebut.

Selsai,itulah cara menambahkan caption pada gambar blog.

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

3 komentar:

  1. Emang informasi yang mantap gan .... salam sukses dan persahabatan.

    BalasHapus
  2. Sama-sama gan, salam persahabatan juga

    BalasHapus
  3. min itu cara yg yg kedua taronya dmn?

    BalasHapus