Showing posts with label Pengaturan Image/Gambar pada Artikel Blog. Show all posts
Showing posts with label Pengaturan Image/Gambar pada Artikel Blog. Show all posts

Monday, 4 May 2009

Award Dari Sahabat


Award dari SahabatAkh! akhirnya..masih dapet rizki juga untuk memposting blog yang makin terpuruk ini.
"Award dari Sahabat",artikel kali ini sengaja aku keluar dari topik tentang Pelajaran Blog,sejenak untuk menyampaikan terima kasih kepada blogger-blogger yang mau berpartisipasi dan sedia berbaur dengan blog yang sok menggurui ini.

Pelajaran Blog|Belajar Membuat Blog|Belajar Menghias Blog,..
menyampaikan terima kasih,khususnya untuk blogger yang telah berkomentar pada pelajaran-blog.blogspot.com,dan bersedia telah memasang link kami.

Specially,buat mas Remba,yang berhasil membuat aku melambung tinggi,karena telah memberikan Award ini,meskipun saya tak pernah tahu apa yang membuat blog ini special di mata mas Remba,yang masih muda tapi berjuta talenta itu.

Award yang diberikan sahabat Remba kepada Pelajaran Blog,merupakan spirit tersendiri,meskipun blog ini tidak banyak membantu blogger-blogger di luar sana,yah...hanya sekedar cari sahabat.

Semoga,dengan ini,Pelajaran Blog,akan lebih semangat ngblog,bukan karena sebuah Award,tapi sebuah kepercayaan dari sahabat-sahabat sesama blogger.

Hidup Blogger! Hidup Pelajaran Blog! Hidup Award! Aaaaaalah! gUbrak KrumpyAnG!

Baca Juga Yang Ini..

Thursday, 30 April 2009

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..