Friday 8 October 2010

Membuat Gambar Postingan Melayang / Memiliki Bayangan

Cara Membuat Gambar seolah Melayang Mempunyai Bayangan



Jika beberapa waktu lalu sudah share masalah membuat gambar always on top alias selalu berada di pojok,kali ini adalah membuat melayang atau seolah-olah mempunyai bayangan dari gambar pada posting yang kita miliki.

Untuk contohnya,sobat sudah dapat melihat sendiri bayangan yang berada dibelakang gambar setiap posting kami.
Kami sangat berterima kasih kepada http://i30.tinypic.com/1qsh1h.jpg,karena dengan 'meminjam' url tersebut gambar pada setiap posting kami mempunyai bayangan,hihihi..

Caranya mudah alias gampang banget,tinggal merubah beberapa kode saja dan hasilnya dapat langsung sobat lihat.



Langkah dan Cara Membuat Gambar Posting Mempunyai Bayangan / Berbayang



Nah,untuk caranya bisa sobat ikuti langkah berikut ini:

  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    gambar posting bayangan.
    Gb.1


  • Selanjutnya pilih tab Edit Html (Gb.2).

    shadow posting pictures.
    Gb.2


  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    membuat gambar posting melayang.
    Gb.3


Nah,setelah itu cari kode :
.post img { (Gunakan Ctrl+F)
Biasanya dibawahnya akan ada kode tambahan untuk cssnya,seperti:
.post img {
padding:4px;
border:1px solid #cccccc;
}


Nah,tinggal ganti kode tersebut dengan kode berikut:

.post img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}


Setelah itu simpan template dan lihat hasilnya :D


Specially thax for http://i30.tinypic.com/1qsh1h.jpg