Cara Membuat Gambar 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.

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

By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :

Ditulis Oleh : Admin 1 ~pixel tutorial

Muh.Akram Anda sedang membaca artikel berjudul Cara Membuat Gambar Melayang Memiliki Bayangan yang ditulis oleh pixel tutorial yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Januari 22, 2011

1 komentar:

Total Tayangan Laman

Open Chat
1
_
Hello! Thanks for visiting my site. Please press Start button to Contact with Admin :)

Start

FANS PAGE

Pengalaman Menarik

Arsip Blog