Rabu, 28 Juli 2010

Mengatur Letak Image/Gambar pada Postingan Blog

Pengaturan Image/Gambar pada Artikel Blog: "

Pengaturan Image/Gambar pada Artikel BlogSetelah satu jam browsing dan liat-liat status Facebook,melihat respon temen2 FB terhadap blog ini,menambah semangatku untuk selalu posting artikel terbaru,meskipun bukan lagi barang baru,he..


Memang ya,Belajar di Pelajaran Blog,bukan untuk blogger-blogger tingakat menengah dan mahir,melainkan dikhususkan untuk pemula.Oleh sebab itu tutorial pada pelajaran-blog.blogspot.com sangatlah ringan,seperti pelajaran belajar menghias blog kali ini.

Salah satu temen terbaik saya,menghubungi lewat email aku,dia mempunyai kendala masalah gambar/image.
Mulai dari gimana caranya menghilangkan border pada Image,sampai tata letak gambar pada artikel blognya.

  • 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 duka dan ada yang ingin menghilangkannya.

Untuk yang belum tahu bagaimana meletakkan gambar pada Blog,anda bisa baca di 'meletakkan object gambar pada blog' di blog ini.
Tapi sekarang masalahnya bukan bagaimana meletakkan object gamabar,melainkan menghilangkan border pada gambar.

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

<img src="http://alamatURLgambar/" border='0'>

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

Nah solusinya,jika anda 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;


Anda 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 anda 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 teman 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 cewek di atas,xixixixi..
Untuk mengaturnya sangat mudah tinggal menyisipkan kode

align='left'

Contoh,

<img src="http://alamatURLgambar/" align='left'>

Untuk memperoleh penempatan gambar seperti gambar di atas,disamping text selayak Dropcaps,letakkan kode image pada awal artikel/alinea,dan tuliskan kode tadi.

Penjelasannya njlimet! aku aja bingung mo nyampein gimana..yo wis yo!

Baca Juga Yang Ini..


Tidak ada komentar:

Poskan Komentar