Memasang Caption Pada Gambar

by Muhammad Aan , at 2:52:00 PM , have 4 comments
Sebenarnya caption atau titel pada gambar banyak digunakan oleh pengguna Wordpress. Dengan adanya caption, gambar yang ditampilkan menjadi lebih menarik. Selain itu caption juga membuat pembaca mengerti apa gambar yang ditunjukkan kepada mereka. Di blogspot, kita harus memasang caption ini secara manual, dengan mendeklarasikan css pada html blog. Anda juga bisa mengatur setingan caption. Coba Lihat gambar dibawah ini:


  • Sebelum




  • Sesudah


    http://s600.photobucket.com/albums/tt87/aan20/?action=view&current=AAN.jpg"/>
    Aan




  • Jika ingin memasangnya silakan buka "Dasbor/Tata Letak/Edit html". Lalu masukkan kode dibawah ini di atas ]]
    ></b:skin>

    .imgcontainer {
    position:relative;
    float:none;
    }
    .caption {
    font: normal 1em/1.3em arial;
    background:#fff;
    color:#000;
    position:absolute;
    bottom:0;
    left:0;
    margin-bottom:20px;
    text-align:center;
    width:100%;
    opacity:.75;
    filter:alpha(opacity=85);
    }

    Kemudian simpan template. Lalu buka "Posting/Buat/Tab edit html". Masukkan kode seperti ini dipostingan untuk menampilkan caption.

    <div
    "imgcontainer">
    <img src=
    "http://s600.photobucket.com/albums/tt87/aan20/?action=view&current=AAN.jpg" "/>
    <div class=
    "caption">AAN</div>
    </div>

    http://i600.photobucket.com/albums/tt87/aan20/AAN.jpg[/IMG] adalah link gambar saya. Ganti dengan link gambar anda.

    Kemudian tekan "Terbitkan Entri". Jika Caption belum tampil digambar, coba pindahkan pendeklarasian captionnya yang terdapat pada HTML template anda. Pindahkan kode tersebut kebagian css yang mengatur postingan. Masih diatas kode ]]></b:skin> Lalu simpan. Lalu klik "lihat blog". Coba dilihat kembali gambar yang dipasang caption. Ya...moga caption sudah terpasang di gambar.

    trik ini terdapat dari http://pasar-info.blogspot.com/
    Muhammad Aan
    Memasang Caption Pada Gambar - written by Muhammad Aan , published at 2:52:00 PM, categorized as Blogger , Tips , Trik . And have 4 comments
    4 comments Add a comment
    Himago Photography
    blog nya boleh deh mau tanya search engine pakai domain gratis .co.cc gimana biar bisa bagus ya
    thx
    Reply Delete
    aan.mania
    kamu baca aja yg ini


    http://www.aan20.co.cc/2009/02/akhirnya-ganti-domain-juga.html
    Reply Delete
    Aksien_AZ
    blog u bagus... penuh inspirasi... http://aksientv.blogspot.com
    Reply Delete
    Cancel Reply
    GetID
    Copyright ©2013 Blog Mas Aan
    Designed by Damzaky - Powered by Blogger