Cara Membuat Efek Blur Gambar Blog

      

        Kali ini saya coba untuk berbagi tips bagaimana membuat efek blur pada gambar saat tanda korsor tepat mengenai gambar posting pada blog. Contohnya dapat Sobat perhatikan gambar samping saat kursor Sobat tepat mengenai gambar. Gambar akan berubah sedikit memburam/blur, sehingga gambar tampak menarik. Cara cukup mudah dan sederhana karena Sobat cukup :

1. Login ke Akun Blogger Sobat 
2. Klik Rancangan --> EDIT HTML.
3. Cari Kode  ]]></b:skin> Dan copy kode berikut tepat diatas kode ]]></b:skin>

img:hover{opacity:0.5;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}img{opacity:1.0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}

 Jangan lupa simpan templatenya

Bagaimana Kode HTML Bisa Tampil di Posting?”

          Terkadang banyak para blogger yang ingin memberikan tips atau trik untuk netter atau blogger lain agar bisa saling berbagi pengetahuan dan keahlian namun kesulitan yang sering terjadi adalah “Bagaimana Kode HTML Bisa Tampil di Postingan?” 

Seperti saya pada awalnya, pasti Sobat juga bingung pada waktu posting kode HTML di blog Sobat, yang muncul bukan kode yang diinginkan melainkan hasil dari kode HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti kode HTML banyak diposting. 

         Untuk itu para penulis yang belum tahu cara posting kode HTML cara yang termudah bahkan menurut saya paling mudah. 

Encode saja kode HTML yang ingin Sobat posting pada situs di bawah ini:

• http://centricle.com/
• http://www.opinionatedgeek.com/

Caranya adalah sobat cuma tinggal taruh kode HTML yang ingin di posting lalu klik tombol "Encode", dan hasil dari Encode itu yang sobat posting di blog sobat, tentu saja dengan copy/paste.

Selamat mencoba dan semoga sukses.......