03 February 2012

Menghilangkan Bayang atau Border Pada Gambar Blog

Bayang atau border yang terdapat pada blog post dan pada Gambar blog, membuat blog ini terlihat kurang bagus. Sehingga saya pun menghilangkan bayang/border tersebut. Bagaimana hasilnya? Sobat blogger bisa lihat sendiri hasilnya sekarang. Teknik yang saya lakukan umtuk menghilangkan bayang pada blog, sangatlah mudah, kita hanya menghilangkan atau mengurangi ukuran Pixel dari bayang tersebut. Sebentar dulu, saya tidak tau apakah teknik yang saya lakukan ini bisa berhasil atau tidak di template sobat karena template yang saya gunakan adalah Blogger Template Style (Awesome). Tapi, tidak ada salahnya sobat blogger mencoba teknik yang saya gunakan.

Ini adalah kode bayang dari Blog post yang terdapat dalam template :

Ukuran bayang dari blog post ini adalah 20px, Ganti angkanya menjadi 0px (Untuk membuat bayang tidak tampil sama sekali).

Lihat gambar di bawah ini untuk melihat perbedaannya!

Sebelum
gambar blog, gambar artikel, border gambar, bayang gambar, bingkai gambar, shadow images, cara menghilangkan bingkai gambar

Setelah
gambar blog, gambar artikel, border gambar, bayang gambar, bingkai gambar, shadow images, cara menghilangkan bingkai gambar

Kemudian, di bawah ini adalah kode bayang untuk Gambar :

Sama seperti teknik di atas, sobat ganti ukuran 20px dangan 0px

Lihat gambar di bawah ini untuk melihat perbedaannya!

Sebelum
gambar blog, gambar artikel, border gambar, bayang gambar, bingkai gambar, shadow images, cara menghilangkan bingkai gambar

Setelah
gambar blog, gambar artikel, border gambar, bayang gambar, bingkai gambar, shadow images, cara menghilangkan bingkai gambar

Kalau sobat blogger menggnakan template bawaan blogger dan tidak menemukan kode seperti kode di atas, di kolom edit HTML sobat cari saja kata "shadow", dan sobat lihat ukuran pixelnya, lalu sobat ganti ukuran pixel tersebut (Tidak usah langsung di simpan) lakukan Preview terlebih dahulu, kalau memang berhasil, baru di simpan.

Sebagai tambahan, tedapat banyak kata "shadow" di template sobat, silahkan di coba satu persatu. Be Success...!!!

Baca tutorial menarik lainnya di bawah ini :

3 comments:

  1. kok beda ya ama template yg ku pake. .
    tapi dapet pencerahan...setelah otak-atik jdi juga...
    mksih bang..:)

    ReplyDelete
  2. Terima kasih tutorialnya sangat membantu, update terus artikelnya gan..

    ReplyDelete