Selain itu, gambar Harus memperbanyak keyword artikel dengan menambahkan alt dan title didalamnya, penggunaan gambar juga Harus menciptakan artikel lebih berbobot dan tidak membosankan tentunya.
Kembali ke judul, pada artikel kali ini aku akan memperlihatkan sedikit tutorial bagaimana cara menciptakan imbas yang menarik pada gambar di postingan blogger.
Coba lihat pada gambar ini, terdapat watermark di bab kanan bawah. Mungkin sahabat pikir watermark tersebut dibentuk secara manual.
Watermark Otomatis Pada Gambar Postingan Blogger Salah, watermark tersebut muncul secara otomatis pada gambar dengan memakai trik CSS :before atau Harus juga memakai :after.
Cara Membuat Efek Menarik pada Gambar Blogger
Seperti biasa, buka Menu Template > Edit HTML
Kemudian Paste CSS dibawah ini sebelum </head> pada template sobat.
CSS tersebut sudah termasuk imbas bounce, shake Dan watermark
Ganti MASIH TERJAGA dengan nama Blog atau nama Sobat.
Gambar Blogger dengan Watermark Otomatis
Agar imbas watermark Harus berfungsi, sahabat harus membungkus script gambar dengan kode
<div class='watermark'>
Sehingga arahan penerapan gambar pada postingan sahabat menjadi menyerupai ini:
<div class='watermark'> <img src="/img/Efek-Kern-Gambar-Blog.png" alt="Cara Membuat Efek Keren Di Gambar Blogger Cara Memberikan Efek Keren pada Gambar Postingan Blogger" title="Cara Memberikan Efek Keren pada Gambar Postingan Blogger"/> </div>
Caranya sama menyerupai menciptakan watermark otomatis, namun kodenya menyerupai ini
<div class='goyang'> <img src="/img/cara-menambahkan-efek-keren-pada-gambar.jpg" alt="Cara Membuat Efek Keren Di Gambar Blogger Cara Memberikan Efek Keren pada Gambar Postingan Blogger" title="Cara Memberikan Efek Keren pada Gambar Postingan Blogger"/> </div>
Gambar Dengan Efek Bounce on Hover
Sedangkan untuk menciptakan imbas bounce pembungkus gambar yang dipakai menyerupai ini
<div class='mantul'> <img src="/img/cara-membuat-efek-keren-pada-gambar-blog.jpg" alt="Cara Membuat Efek Keren Di Gambar Blogger Cara Memberikan Efek Keren pada Gambar Postingan Blogger" title="Cara Memberikan Efek Keren pada Gambar Postingan Blogger"/> </div>
Jika berhasil akibatnya akan menjadi menyerupai ini