aq coret²in wae lha. Syukur - syukur ada yang bisa baca tulisanku ini, Abis bahasanya campur aduk asal ketik aja nie tangan. :D wkwkkwk
Dino iki aku arep posting tutorial mengenai efek gambar,. :) lagi² epek gambar gak bosan apa,??? xD
Untuk melihat DEMO nya silahkan sobat arah kan cursor sobat ke gambar greget dibawah ini ^_^
Okey langsung wae lha ke tutorial nya ra usah banyak basi basa :D ckckckK
Simak langkah² dibawah ini :
1. Login ke akun blogger sobat
2. Klik Template » Edit HTML
3. Kemudian tekan
Ctrl
+
F
cari kode ]]></b:skin>
atau </style>
4. Lalu tambahkan script
CSS
berikut ini tepat diatas kode ]]></b:skin>
atau </style>
.post img{ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ filter: gray; /* IE6-9 */ }
jika sobat ingin menambahkan efect hover pada gambar agar kembali normal ketika terkena cursor tinggal sobat tambahkan kode
script
berikut ini.post img:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); }5. Kemudian simpan template sobat.
Ya sudahlah cukup sekian tutorial yang bisa saya sampaikan hari ini semoga bermanfaat,..
Pertamax bro !! upload mentahan dri blog ini donk :)
ReplyDeletesudah ada agan disini
Deletehttp://irvan-efendy.blogspot.com/2014/04/subculture-fix-responsive-blogger.html
Gan sy pke template yg full dri azul fachry , tpi ko' icon di sidebar munculnya cuma kotak " ya ? gimana ya ?
Deleteinternet kamu lemot mungkin gan :D
Deleteaku buka dari sini muncul kok :)
Ini ss nya gan
DeleteMuncul kan :)
http://i.imgur.com/NUbnIxw.png
This comment has been removed by the author.
DeleteCah saiki do pinter2...aku pake blockquote yg ada disini...aku terapkan di http://kabarmukabarku.blogspot.com , thanks ya bro ! Tapi yg di http://thebinde.com pake blockquote sik ana lampune....tp trouble terus....bgmn mengatasinya ? nuwun
DeleteThis comment has been removed by the author.
ReplyDeleteblognya sudah saya join this site atas nama SimBalisme join balik
ReplyDeletefanspagenya udah ane like likebalik ya thx
kok gak ada ya gan atas nama SimBalisme ~O~
DeleteFP sudah saya like back :-bd
Gan tolongin dong :( udah 3 hari ini gue gk bisa fix ruang komentar di blog gue :3 , tolongin dong gan plis..
ReplyDeleteblog : 6juni2000.blogspot.com
yaelah hari gini masih pake anti klik kanan, ctrl+U, dll.
ReplyDeletekan masih bisa tuh (mozilla) pake menu > developer > page source. coding sm konten bisa dilht d st jg.
atau non-aktifkan javascript browser. bisa smua tuh. google aja yg sdh mendunia bisa dicopas dan di cloune apalagi kayak kita2
IKLANNYA MANA MAS?
DeleteBagus Irvan :V gua Dah kembali Ke Blogger
ReplyDeleteBtw ,,Visit Blog Baru Gua Ya http://gdwebsite.blogspot.com/
Mau tanya nih. Kalau biar normalnya bisa nggak ya, soalnya punyaku bawaan templatenya kalau pas kursor diarahkan ke gambar, malah jadi agak keputihan gitu gambarnya.?
ReplyDelete