[x] Tutup Iklan


Pengaturan Image/Gambar pada Artikel Blog

//Ditulis oleh : Puji Antoro | 2009-04-29T17:38:00-07:00

Selamat datang kembali,anda sedang membuka halaman Pengaturan Image/Gambar pada Artikel Blog yang telah kami publikasikan di blog sederhana berkonsep Tutorial Blog dan Seo Blogspot ini.Kami menyampaikan terima kasih atas kunjungan anda,dan kami ucapkan selamat membaca!


Pengaturan Image/Gambar pada Artikel Blog

  • 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 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 Templates,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.

★ ★ ★ ★ : 4.0 99 reviews




Close/Tutup Referensi Hasil Pencarian [x]



Untuk menjelajahi kata kunci ini di situs pencarian Google,silakan anda klik di:

SINI (RECOMMENDED)
Untuk link alternativ silakan klik di:
Pengaturan Image/Gambar pada Artikel Blog
Dan klik di :
SINI (RECOMMENDED)
Atau klik di:
Pengaturan Image/Gambar pada Artikel Blog
Judul : Pengaturan Image/Gambar pada Artikel Blog
Written by : Pelajaran Blog
4.0 stars based on 99 reviews

Note : Tutorial Pengaturan Image/Gambar pada Artikel Blog ini sengaja kami dedikasikan untuk blogger pemula,review artikel tentang Pengaturan Image/Gambar pada Artikel Blog ini juga hanya kami publikasikan untuk garis besarnya saja.Semoga bermanfaat.

 Search
(c) 2014 - Pelajaran Tutorial Panduan Tips Trik Blog dan Teknik Cara Belajar Seo Blogspot untuk Blogger Pemula