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


Tidak ada komentar:

Poskan Komentar

 
DISCLAIMER : Wenda ShopOnline™ | Online Shop and Share Anything: Membuat Gambar Postingan Melayang / Memiliki Bayangan is an Independent Blog that is private. This does not represent the Company, Agency or any Organization. All content on this blog aims to promote and share information.