Hello sobat ICloudzer kali ini admin akan memberikan informasi mengenai bagai caranya membuat garis batas anatar paragraf di blogger
Info: Harap bagi kamu untuk selalu membaca setia artikel hingga selesai okay, ayo kita bahas
Garis Batas
Garis merupakan suatu tampilan garis memanjang yang membatasi sebuah tampilan lainnya seperti text, blockquote, gambar, script box ataupun yang lainnya, garis batas tersebut hanya sebagai creasi atau membuat gaya yang berbeda didalam penulisan artikel di blogger
Dibuat menggunakan CSS
Garis batas diblogger dibuat menggunakan kode CSS murni, tanpa ada campur tangan javascript untuk membuatnya, apa keuntungan sebuah elemen dibuat menggunakan kode CSS saja? Blog ataupun website akan lebih responsif dan juga ringan tanpa ada hambatan ketika memuat data
Cara pembuatan
Baiklah sekarang saatnya admin bakalan menjelaskan bagaimana caranya membuat garis batas yang sederhana diblogger, simak dan pelajari artikel ini hingga selesai ok agar tidak salah paham
Kode CSS
Langkah pertama yang bisa kamu lakukan adalah menyalin kode CSS dibawah ini, kemudian kamu bisa menempelkannya diatas kode ]]></b:skin>
.rahBr{width:100%;
height:2px;
background-color:#ebeced;
margin-top:2px;
margin-bottom:2px;
display:flex;
padding:3px 8px 5px 2px;
overflow:hidden;
z-index:1px;
}
Info: Atau kamu juga bisa menggunakan tag kode
Kode HTML
Langkah selanjutnya kamu bisa menyalin kode HTML dibawah ini, caranya salin kode HTMLnya Kemudian kamu bisa menggunakannya saat melakukan penulisan pada mode HTML diblogger
<div class="rahBr"/>
Info: Fungsi dari kode html diatas adalah untuk menampilkan garis batasnya
Contoh Tampilan
Baiklah sebagai pelengkapnya admin akan memberikan contoh tampilan dari garis batas tersebut, gunakan tombol dibawah ini untuk melihatnya
Info: Bagaimana sobat dengan contoh tampilan dari garis batasnya keren bukan, semoga bermanfaat