Solutions For You

logo
close
Blog ini akan Saya hapus soalnya banyak masalah di Webmaster. Maklum dulunya blog gado - gado, isinya copasan haha. Mungkin nanti muncul blog baru pengganti Blog Saeful13 dan tentunya pake TLD biar terlihat professional gitu haha..

Sebentar, ente tahu TLD gak ? Kalau gak tahu TLD itu Top Level Domain :) Masih belum ngerti juga ? Ane jelasin lagi ya, TLD merupakan akhiran pada suatu nama domain yang mengindikasikan pemilik tingkatan tertinggi Domain tersebut dan jenis domain tersebut. Kayak .com, .net dan kawan - kawannya :)

#JustKiddingBro
close
menu

Membuat Gelap Terang Gambar Pada Blog

Ok, Sebelumnya saya pernah share Membuat Fans Page Banyak Like. Nah, kali ini saya akan berbagi sebuah tips lagi yaitu Membuat Gelap Terang Gambar Pada Blog. Tips ini ada 2 pilihan  yaitu Efek yang muncul hanya pada postingan yang dikehendaki dan efek yang ada di seluruh postingan .Langsung saja sob berikut cara pemasangannya.

1. Efek ini hanya muncul pada postingan yang dikehendaki oleh sobat. Pemasanganya pun langsung di postingan
  • Efek Gambar Gelap Ke Terang
 
<img src="http://3.bp.blogspot.com/-99shkGtfcRY/UIVNyqsaq1I/AAAAAAAABL4/G7yVwGbQ1fk/s1600/zOOM.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/>
  • Efek Gambar Terang Ke Gelap
<img src="http://3.bp.blogspot.com/-99shkGtfcRY/UIVNyqsaq1I/AAAAAAAABL4/G7yVwGbQ1fk/s1600/zOOM.png" style="opacity=1;filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>
2. Efek yang muncul di seluruh postingan blog.
  • Login ke Blogger.
  • Pergi ke Template > Edit HTML > Centang Expand Template Widget.
  • Kemudian cari kode  ]]></b:skin> .
  • Selanjutnya pilih salah satu kode dibawah dan simpan kode tersebut  tepat diatas kode ]]></b:skin> . 
  • Efek Gelap Ke Terang
.post img { opacity:0.4; filter:alpha(opacity=40) } .post img:hover { opacity:1; filters.alpha.opacity=100 }  
  • Efek Terang Ke Gelap
.post img { opacity:1; filters.alpha.opacity=100 } .post img:hover { opacity:0.4; filter:alpha(opacity=40) }
  • Langkah Terakhir Save.
Sekian Tips Membuat Gelap Terang Gambar Pada Blog. Oh, iya sobat juga bisa modifikasi kode diatas sesuai keinginan sobat.
Selamat mencoba dan semoga bermanfaat.

Previous
Posting Lama

20 Komentar

avatar

ternyata gitu ya kawan cara bkin gambar gelap jd terang.
nanti saya praktekin kawan.

makasih kawan dah berbagi....

BalasHapus
avatar

wah asyik...kang saeful update lagi nih...soal tutorial... kapan2 sy request ya bang... :D
Sukses trus kang :D

BalasHapus
avatar

gile bener,,,keren sob...
dari dulu blm saya yg ini,,
dulu pernah coba pake cara online,,tapi gagal,template jadi berantakan,,hahhaaa
thanks sob share nya...

BalasHapus
avatar

@Saeful Rahmankemaren malem saya sob,,wah,,,berantakan template ane,,,hehhe,,,mungkin sambil ngantuk jadi pada salah,,pelan" sob...

BalasHapus
avatar

pernah minat nak cari ginian syaa nya =D
skrg ktemu juga,.
wah bsa buat di simpen dulu nih
siapa tau berguna buat nanti nanti haha +D

BalasHapus
avatar

saeful dapet award dari ihgilailmam ,silahkan diambil tetapi jawab dulu ya :D

BalasHapus
avatar

@Saeful Rahman
kembali ksni lg kawan. sambil baca2.

BalasHapus
avatar

kamu dapet award udah diambil blom ? tapi jawab dulu pertanyaan dari ane :D

BalasHapus
avatar

wah... mantapss ni om... tutornya...

BalasHapus
avatar

hehehehe,...mantab triknya mas,...yang cara bikin gambar membesar juga mantab sudah aku pake tuh hehehehe makasih ya

BalasHapus
avatar

kalau pakek .post img:hover {} bisa ga?

Blogspot Tutorial

BalasHapus
avatar

wah adminnya kemana nih,..belum ada yang baru mas,..

BalasHapus
avatar

info yg sangat bermanfaat
thanks atas infonya ditunggu kunjungan baliknya :D

BalasHapus
avatar

makasi sob triknya. mantaap nih,,

BalasHapus
avatar

Ini dia yang ane cari² akhirnya ketemu juga :D
Thank's ya :D

Come back to my blog

BalasHapus
avatar

Kalo buat gelap terang di bagian kotak komentar itu gimana yaah...?

BalasHapus

Catatan:
• Dilarang menulis link aktif!
• Dilarang ngiklan di kolom komentar!
• Untuk menyisipkan kode pendek, gunakan tag <i rel="code"> ... KODE ... </i>
• Untuk menyisipkan kode panjang, gunakan tag <i rel="pre"> ... KODE ... </i>
• Untuk menyisipkan catatan, gunakan tag <b rel="quote">.. TEKS ... </b>
• Untuk menyisipkan gambar, gunakan tag <i rel="image"> ... URL GAMBAR ... </i>

Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar

Konversi Kode OOT

About | Contact | Forum | Sitemap | Privacy
© Copyright 2013 Saeful13 | Asuransi Kesehatan Terbaik Indonesia - All Rights Reserved