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
Langganan:
Posting Komentar (Atom)
Popular Posts
-
[Balance] ku kenal dikau lalu jatuh cinta ku jatuh cinta bagai cinta pertama ku cumbu kau penuh mesra kasih mesra bagai juwita dadamu b...
-
(ndoys verse) saat kau diujung jalan malam itu kau pikirkan dirimu, kau sadari hidupmu dan kau pun tau, tinggal sepenggal sepi lepas dari je...
-
Ada seorang pemimpin sekte kristen yang bernama Harold Camping. Lucu yah namanya, ada campingnya, suka kemping kali tu orang ya? ke artik... -
Sebenarnya tag teman via ponsel cukup mudah. Tetapi repot. Karena harus buka tutup browser ponsel. Berikut langkah-langkahnya: 1. Anda mas...
-
Jika anda memiliki blog yang semua artikelnya hasil buah pikiran anda sendiri tentu sebagian dari anda ada yangtidak rela artikelnya dicuri....
-
Hari ini, hari Rabu tanggal 17 Bbulan Agustus tahumn 2011 adalah hhari ulang tahun Indonesia yang ke 66. Upacara peringatan dilakuka di selu... -
Kill the DJ Ia memiliki dua alias, Kill the DJ dan Chebolang. Tapi, ketahuilah bahwa nama aslinya Marzuki Mohamad. Ia anak seor...
-
˙ɐpuɐ ןıɟoɹd ǝʞ ǝʇsɐd-ʎdoɔ ‘ɐpuɐ snʇɐʇs ʞıʇǝʞ ˙bɹo˙ʇxǝʇdıןɟ ıbunظunʞ ɐpuɐ uɐʞɥɐןıs ‘ıuı ıʇɹǝdǝs ʞıןɐqɹǝʇ sʞǝʇ uɐbuǝp ɐpuɐ snʇɐʇs ʇɐnqɯǝɯ ʞnʇ...
About Me
- ANGRY JACK
- sleman, yogyakarta, Indonesia
- tiyang ingkang radi edan. rasah maen-maen karo wong edan, mundhak kedana. ckckckckck. facebook : http://www.facebook.com/emceben
cn. bl.
0 komen:
Posting Komentar
ditunggu komen agan