Tips and Trick Eka's Blogg

Menghilangkan border Image

Template asli blogger,menghias,mengatur image dengan sedemikian rupa,sehingga setiap posting dengan menggunakan gambar akan mempunyai sebuah garis tepi/border.Ada yang suka dan ada yang ingin menghilangkannya.

Untuk yang belum tahu bagaimana meletakkan gambar pada Blog, Kawand bisa baca di blog ini.

Tapi sekarang masalahnya bukan bagaimana meletakkan object gambar, melainkan menghilangkan border pada gambar.

Untuk menghilangkan border/garis tepi gambar,kawand hanya disuruh menyisipkan beberapa kode.contoh :

Berarti daya harus menuliskan kode tersebut setiap hendak memposting sebuah gambar? ya..repot donk!

Nah solusinya,jika kawand ingin menampilkan gambar pada blog terutama di blogspot yang secara otomatis aka ter set tanpa garis tepi/border,bisa ikuti langkah berikut :

Pergilah ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Tab Edit HTML.

Cari kode seperti di bawah ini:

.post img {

jika sudah ketemu,dibawah kode tersebut khan ada beberapa baris kode yang kurang lebih seperti ini:

border: 1px solid #E3E4E4;
padding: 2px;
background: #fff;

kawand hanya mengganti angka '1px' diatas menjadi angka '0'

sedangkan untuk menentukan jarak image dan text bisar tidak terlalu dekat,gantilah angka'2px' menjadi,misal '10px'.

Selanjutnya,Simpan Templates.Selesai,dan setiap kawand hendak mempublikasikan sebuah gambar pada artikel tidak akan mempunyai border/garis tepi.

Mengatur Tata Letak Gambar/Image

Sekali lagi,untuk blogger pemula,biasanya gambar menjadi kendala,mulai dari border sampai tata letaknya.

Sebenarnya sebuah gambar,dama halnya dengan text,dalam hal ini pengaturan untuk tata letaknya.

Kendala saya,saat meletakkan gambar pada artikel,gambar akan menempati alinea baru dan tak bisa berbaur dengan text maupun disamping text selayaknya Drop Caps seperti pada gambar di atas,xixixixi..

Untuk mengaturnya sangat mudah tinggal menyisipkan kode

align='left'

Semoga Bermanfaat.. ^^