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/AVvXsEij_FZ-6O2JxfYFFEIJQ1uIzAsBtvlvDBvtGSgS56I4WIRf1HiO821popzF7EQDFW-xpQFWDvf_n2B5FNsVrZ_iQ2Dc0t6Gnojq3uiKfkEkB4pk52RHViMRHwa8sJJpp2nVgXRvZD3ioRA/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/AVvXsEhej-3UiAW9Ff181R_o_-Hq11YHuLOElAQWiVV-t1EkXV4IiRGRgKwXCNFQOIeU9RxzPVva5iTjB78sKx7EWEz502mFcqqS77Cmr7IDAfFywNhpxF_3N91WrNFHyMhRqWsflUPXn_H_CiM/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/AVvXsEg68xXL261HaEdhtkoKSMZJlJBJcrfSXCa1Z6FP8iAy4jmi2NUd2pwEqLUGekWYYVIteF_tAU313VdD6wiUg1Ri14_IA8NRcMg0g8Xc3QGMtwNmY_hy4FqGMdcQWp7TDfA8YMyX35ERgiI/s1600/red+border.gif
Url imej: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwRmI4fa5wuqWwCBUWRpPLlhBKtnsZ_Zl0ukVHQayzx8dqoJy13HUepZy_saD8Ml9WsH36XKHDnxRrsjJMWBQhM91f4quLg4N8dxOuFM2Skr9qMDSA95cfUkXbbBXehCS73wFRd1cJoXQ/s1600/flowerbar.gif
Imej boleh didapatkan diinternet dengan mencari horizontal line atau page divider