2 Cara Gampang Menambahkan Efek Bayangan Pada Gambar Blogger

Cara Praktis Membuat dan Menambahkan Efek Bayangan Pada Gambar Blogspot - biar gambar postingan terlihat menyerupai ada banyangnya dalam bahasa koding maka kita harus memberinya sebuah pengaruh yang berjulukan shadow , bukan pak shadow tetangga kalian ya ? hehhe . Sesuai namanya pengaruh shadow ini berfungsi untuk menunjukkan gambar seolah - olah ada kayak bayangan hantu gitu , dimana kita cukup meletakan fungsi di dalam css

Dengan adanya pengaruh shadow pada image artikel blog teman maka akan menciptakan kesan blog anda akan terlihat lebih anggun dari sebelumnya , tapi ada orang yang gak suka dengan pengaruh ini , aku tidak tahu apa alasanya , alasannya yaitu selera orang itu beda - beda . Termasuk aku ini orang yang suka pengaruh shado , namun tak memasangnya di blog saya.

Cara Pertama Memberi Efek Bayangan di Gambar Blog

Kalau cara yang pertama ini nanti semua gambar yang ada di dalam postingan blog anda akan secara otomatis ada pengaruh shadownya , jadi anda tak perlu repot ngasih satu persatu pada div gambar secara manual , alasannya yaitu hal itu menyita waktu dan tenaga kita.

1. Pertama silahkan teman pergi ke editor template blogger menyerupai biasanya dengan cara menentukan hidangan template => edit html cari kode]]></b:skin>
2. Kemudian pada post gambar kita kasih deh pengaruh shdownya , caranya yaitu kita pasang isyarat dibawah ini sempurna diatas kode]]></b:skin>

   .post-body img{background:#FFF;/* the background color around the image */ padding:15px;/* The Space Between Border and Image */ border-radius:50% 0;/* Rounded border */ box-shadow:0 0 15px #000;/* Shadow */ -moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s} .post-body img:hover{border-radius:0;/* This removes the border roundness (value 0) */ -moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;cursor:pointer}

3. Simpan Template dan lihat balasannya

Opsi Kedua Membuat Efek shadw pada Gambar Blog

Kalau teman hanya pada gambar tertentu yang akan diberikan pengaruh shadow , maka jangan gunakan cara pertama diatas , gunakanlah cara ini , alasannya yaitu cara ini memakai cara manual , yang nantinya kita akan menunjukkan pengaruh bayangan pada gambar yang kita inginkan.

1. Ketika mengupload sebuah gambar pada postingan blog , pada bab HTML ( bukan compose ) terdapat kurang lebih isyarat gambar menyerupai ini

   <div class="separator" style="clear: both; text-align: center;"> .....bla....bla.....bla..... </div>

2. Kemudian kita tambahkan isyarat box-shadow: 3px 3px 8px #000; ke dalam <div class="separator" style="clear: both; text-align: center;">
3. Sehingga nantinya kodenya akan menjelma power rangers menyerupai ini :

   <div class="separator" style="box-shadow: 3px 3px 8px #000; clear: both; text-align: center;">

4. Terkahir kita pratinjau terlebih dahulu , kalau ada pengaruh banyanganya tinggal publikasikan

Nah itulah 2 Cara Gampang Membuat sekaligus Menambahkan Efek Bayangan Pada Semua Gambar di Blogger . silahkan teman pilih salah satu dari kedua opsi tersebut , kalau suka yang otomatis pakai yang opsi satu , kalau pakai yang manual silahkan pakai cara kedua. demikian tutorial menunjukkan pengaruh shadow pada image blog semoga bermanfaat bagi teman yang membutuhkan

Bagikan Artikel ini