Sabtu, Desember 17, 2011

Cara Merubah Warna Background Di Postingan

Cara Merubah Warna  Backgruond:

Letakan Kode Berikut Pada Awal Postingan

<div style="background:kode warnanya disini">
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
</div>


Tulisan kode warnanya disini anda ganti dengan kode warna yang anda inginkan. Bisa lihat macam-macam kode warnanya disini. Yang perlu diperhatikan saat anda meletakkan kode tersebut, anda harus memilih tab edit HTML, jangan Compose.
Sebagai contoh backgroun dengan warna Biru.......

<div style="background:kode warnanya disini">

Belajar,belajar..

</div>

Inilah Hasilnya.


Belajar,belajar.


Dan Selanjutnya, Membuat background dengan Gambar


Jika anda memiliki gambar khusus untuk dijadikan backgroud uploud dulu ke website hosting seperti photobucket atau tempat hosting lainnya untuk memperoleh URL addresnya.
Yang harus diperhatikan anda harus berada pada posisi edit HTML, berikut kode diawal postingan:


<div style="background:url(alamat gambarnya disini) no-repeat;">
Diakhir postingan tutup dengan kode berikut:
</div> 


Ganti tulisan alamat gambarnya disini dengan alamat gambar yang ingin anda tampilkan.
Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.
Contoh, saya ingin membuat posting dengan background yang beralamat di i1194.photobucket.com/albums/aa363/AgusQietienk/masjid_herbie.png, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :  


<div style="background:url(i1194.photobucket.com/albums/aa363/AgusQietienk/masjid_herbie.png) no-repeat center top; text-align:justify; font-size:90%; padding:10px"> 


Mesjid,...........................

Mesjid,..........................

Mesjid.,...........................

Mesjid.,...........................

Mesjid,...........................

Mesjid,..........................

Mesjid.,...........................

Mesjid.,...........................

Mesjid,..........................

Mesjid.,...........................

Mesjid.,...........................
....................</div> 



 Nah,..Kira2 Begini Hasilnya



Mesjid,...........................

Mesjid,..........................

Mesjid,...........................

Mesjid,..........................

Mesjid.,...........................

Mesjid.,...........................




Nah jika kita ingin mempatenkan background tersebut sebagai backgroud pada setiap postingan kita agar tak capek mengeditnya, caranya masuk menu pengaturan/ setting=>klik tab format=>pada bagian akhir kolom format letakkan kode diatas
Nah selamat mencoba, semoga bermanfaat!

Sumber :http://amatullah83.blogspot.com/2009/07/merubah-background-postingan.html

Kamis, Desember 15, 2011

Cara Membuat Gambar Berjajar Di Blog


Cara Membuat Gambar Thumbnails dalam Kotak Berjajar
Photobucket Photobucket Photobucket
gambar1 gambar2 gambar3

Gambar Diatas Ini Adalah Kode Dari HTML Di Bawah:
<table border="1"><tbody>
<tr> <td><img alt="Photobucket" border="0" height="”125″" src="http://i1194.photobucket.com/albums/aa363/AgusQietienk/Copyofkeramaian-kota.png" width="”125″" /></td> <td><img alt="Photobucket" border="0" height="”125″" src="http://i1194.photobucket.com/albums/aa363/AgusQietienk/Copyofkeramaian-kota.png" width="”125″" /></td> <td><img alt="Photobucket" border="0" height="”125″" src="http://i1194.photobucket.com/albums/aa363/AgusQietienk/Copyofkeramaian-kota.png" width="”125″" /></td></tr>
<tr> <td>gambar1</td> <td>gambar2</td> <td>gambar3</td> </tr>
</tbody> </table></div>

Catatan:
. yang dibold biru adalah link dari gambar yang akan dibuat berjajar
. yang dibold ungu adalah nama dari gambar yang ada di bawah gambar
. yang dibold merah adalah besar dari sebuah gambar. Ini harus menjadi perhatian sobat karena jika ukuran gambar tsb amat besar misalnya 400 x 400 maka besar kemungkinan tidak bisa dibuat berjajar untuk 2 gambar atau lebih (gambar lainnya akan “hilang” alias tidak nampak di postingan). Pada contoh ini saya menggunakan ukuran 125 x 125

Gampang sekali kan? Silahkan dicoba coba di blog sobat sendiri. Selamat mencoba!

sumber: http://annunaki.wordpress.com/2011/10/02/cara-membuat-gambar-berjajar-di-wordpress-com/comment-page-1/#comment-25814