ANGRY JACK: Pengulangan pada HTML

Pengulangan pada HTML

12.43 |

yang Posting : ANGRY JACK |

Mungkin anda sobat blogger ada yang tidaka tahu atau belum tahu tentang pengulangan pada kode html. Maksudnya pengulangan penggunaan gambar, bias gambar pada sidebar, background, atau gambar untuk membuat garis.

Pengulangan ini biasa ditemukan dalam bentuk “repeat-x”, “repeat-y”, “repeat n”. saya akan membahasnya satu persatu agar pengetahuan sobat blogger sekalian bertambah dan bias mengaplikasikan pada blog supaya blognya mungkin bias lebih ringan diload.

1. Repeat-x

Perlu anda ketahui x, y, n ini adalah arah seperti pada diagram cartesius. X adalah komponen horizontal, bias ke kanan atau ke kiri. Sebagai contoh anda memiliki sebuah gambar berukuran kecil, dan anda ingin menggunakannya secara berulang pada suatu bagian di blog anda. Anda cukup meletakkan “repeat-x” (tanpa tanda kutip).

Contoh:

/* Posts-----------------------------------------------*/

h2.date-header{margin:1.5em 0 .5em}

.postwrap{margin:0px;padding:0px;}

.post{margin:0 0 30px 0;height:100%;color:#a3abb1;background:#142032 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1y6rvcub5bGBkOb7cL68phKhAQVCpZmh1rPMFH2j1YNCk-LmS-trNeuXCdY8DNVro8NWUBS9VHvisT4JaqoYtfXvTjodQWmB_9GI4XKQolvnM_KCP_usZff1L6Sw5qdXBvNXCt1rspLU/s0/post.png) top repeat-x;position:relative;}

Perhatikan peletakan kode repeat setelah posisi top atau atas, dan harus ditutup dengan tanda “;”

Hasilnya gambar diulang secara horizontal di bagian atas

2. Repeat-y

Repeat-y tidak jauh berbeda dengan kode repeat-x. Hanya saja gambar yang diulang nantinya akan vertical dan hanya segaris saja.

3. Repeat

Inilah kode yang istimewa. Ini biasa digunakan untuk pengulangan sebuah gambar yang berukuran kecil sebagai background blog agar blog menjadi lebih ringan. Gambar yang diulang akan memenuhi seluruh background blog tanpa terkecuali(bagiaan belakang dari blog anda). Peletakannya sama dengan repeat-x atau repeat-y.

Penempatan:

Top (atas)

Bottom (bawah)

Left (kiri)

Right (kanan)

=mohon maaf penggunaan contoh pada repeat-x tidak masuk akal. Itu hanya untuk penggambaran saja=

Label: tutorial blogging

0 komen:

Posting Komentar

ditunggu komen agan