Cara letak divider diantara posting - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Cara letak divider diantara posting, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel letak-divider, Artikel turorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara letak divider diantara posting
link : Cara letak divider diantara posting

Cara letak divider diantara posting

Divider  atau pemisah ini adalah digunakan sebagai pemisah diantara setiap posting pada blog.Ia biasanya dalam bentuk garisan atau imej yang memanjang.selain dari itu juga ia boleh juga sebagai menghiasi  lagi pada paparan blog kita dengan divider dalam pelbagai imej yang menarik.Imej yang dipilih biarlah bersesuaian dengan latar belakang blog kerana ada yang hanya sesuai untuk background yang berwarna cerah.

Untuk membuat garisan yang ringkas pada bahagian posting Cuma perlu masukkan kod seperti dibawah ini sahaja pada entri:

Berikut adalah garisan border yang boleh kita masukkan dengan meletakkan kod dibawah pada bahagian yang hendak diletakkan:
<hr>
Hasilnya:

---

Diatas adalah kod biasa untuk letak garisan melintang dan dibawah ini adalah kod yang boleh kita ubah panjang garisan dan warna.Kod ini cuma perlu dimasukkan sahaja bila membuat posting pada mana mana bahagian yang ingin dimasukkan.


<hr width="50%" size="4" />

---

<hr width="60%" size="4" noshade />

---

<hr width="80%" color=" #0080FF" size="4" />

---

Jika hendak letakkan dalam bentuk imej dan  pada setiap posting .kod perlu dimasukkan pada template.
Caranya:
Masuk ke dashbaord—template---edit html—

cari kod ini:

.post {

Atau sesetengah template kena letak pada

.post-body {

kebiasaanya kod pada template seperti ini:

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
cuma perlu masukkan kod dibawah ini:

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjySbSi8ejm4KDmazF0HlTw9S7-LNI0w-dMSMGB4hLfWwu63eZz1h1tOfkOubq4g5MfB-V7NmbZWgnr_YutY_96ijJq1CbHIidlIKJutB6hdiuwX7IVmG-PejZqV_vWdrnugi2enpgFxHk/s400/ribbon.gif);

background-position: bottom center;
background-repeat: no-repeat;
margin:.5em 0 1.5em;
padding-bottom:1.5em;

 menjadi seperti dibawah ini

.post {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNjOD5AO2Rrf5NnQHcBJOzQ-Z2KrBXZAPu3b_eQiU-Uoqm-2iQQXmoah0GV-Cq5z1L0NNa1Lshbzajw0BRcysK6JfJ8_6mbVwKaGNPbVqzZDGTW92AHQlDoY2WiyacNAVZzg4lewVbbL8/s1600/zizzag.gif);
background-position: bottom center;
background-repeat: no-repeat;
margin:.5em 0 1.5em;
padding-bottom:1.5em;

}

Untuk menjarakkan sedikit diantara border dan kandungan posting ubah pada padding

Dari: padding-bottom:1.5em;    kepada ; padding-bottom:2.5em;

Kalau nak letak imej contohnya seperti dibawah ini cuma perlu gantikan  url pada teks berwarna merah diatas:

Url imej:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpS8g8zRzxTtevDQzjmZe_uNiQNjS934NtIcGaPU_m0XnndL-VVwEMQVFCCovILdc6zA23wY_gvM8VItXMnihZjTMt-wpbOdSgZFtsRW33F8Vdpauk5laDaWJmoYPMJb4cXC0V-X4hyphenhyphenEY/s1600/red+border.gif

 

Url imej: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLkUvTD8T7UU4jFjPlC27AsOX65ly3eo5wIYu-mHz2hxxDD2-txl9ePLkC62lbuLHfyBopxWWzEANWBU8QXjrTNNFm9FNQ-OWe6KujnqvOJXWuIMBkedZ-kyJBqFt9zXbHGQz_GRBG334/s1600/flowerbar.gif

Imej boleh didapatkan diinternet dengan mencari  horizontal line atau page divider 

Demikianlah Artikel Cara letak divider diantara posting

Sekianlah artikel Cara letak divider diantara posting kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara letak divider diantara posting dengan alamat link http://carasignup.blogspot.com/2010/12/cara-letak-divider-diantara-posting.html

Tweet