Cara membuat background pada postingan

Posting terus ah.... kejar setoran nie.. he


walaupun postingannya tentang trik-trik kecil smoga bermanfaat buat semua..... insyaallah.. jika belun liat postingan sebelumnya liat disini dan disini.
postingan kali ini saya Ega mau membuat background pada postingan sobat, ini juga bisa membuat tampilan blog sobat jadi lebih menawan.

langsung saja kita lihat contoh sederhananya:

Free Download software

• Untuk melihatnya langsung saja kita tampilkan( ini buat java script/HTML pada gadget):

langkah pertama klik tambah gadget kemudian tambah HTML/java script setelah selesai copy script berikut ini kedalam java script (script ini juga bisa sobat gunakan pada postingan sobat).
setelah selesai klik save, jadi dah....

ini dia sang kode-nya:

<div style="background:#70a600; border:1px dotted #F5003D; padding:2px;">Free Download Software</div>
<br/>

• Selanjutnya untuk memberi backround pada tampilan posting anda berikut penjelasanya:

1. langkah pertama sebelum sobah menulis postingan sobat klik dulu edit HTML di samping kata tulisan lalu tambahkan kode berikut <div style="background:#70a600; border:1px dotted #F5003D; padding:5px;"> pada bagian edit HTML terus sobat menulis artikel di bagian tulisan setelah sobat selesai menulis artikel tambahkan kode </div> sebagai penutup.
   
2. selanjutnya selanjutnya sobat save... beres dah
3. berikut keselutuhan kodenya <div style="background:#70a600; border:1px dotted #F5003D; padding:5px;">artikel sobat</div>

NB:

• Yang bercetak merah adalah warna background bisa di sesuaikan dengan template sobat.
• Sedangkan yang bercetak orange adalah warna pada samping-samping background.
• Untuk cetak yang berwarna biru bisa sobat ganti dengan tulisan yang sobat kehendaki.
• Satu lagi, apa bila tulisan yang sobat masukkan tidak berada di tengah (center) silahkan cari tau disini.
  

Related Posts by Categories