Membuat Border + Background Postingan Berbeda tiap postingan
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTq_12vFi4pAl8uaOti_1ooBhwaciDwOfg8slv84AGWvPyVr4JfAHRv88HA07zYCJ89KsQbKxWjrYGRVetxaQpB4nfdZXsv2XLcOyHlDGAHnn059ArtpNqGTHJCqIEmFjjN4WpYgSDcZfw/s1600/Untitled-1.jpg)
Border dan Background
Tampilannya biar diborder dan dibackground, Sob
Tampilannya biar diborder dan dibackground, Sob
Hehee..., kali ini Saya mau berbagi tips blog nih ... Kali ini tentang BACK GROUND sama BORDER seperti border yang Saya pake sekarang ini. Caranya simpel banget kok, tidak perlu merubah template segala. Cukup menaruh beberap kode <div> sebelum mengisi tulisan postingan kita.
Nah, tertarik?
Ini dia kodenya:
untuk model border dan background seperti dalam kolom ini, kodenya adalah:
<div style="-moz-border-radius: 0px 30px 0px 30px; -webkit-border-radius: 0px 30px 0px 30px; background-color: #ebebeb; border-radius: 0px 30px 0px 30px; border: 5px Double #bbbbbb; padding: 10px;">ISI TULISAN, SOBAT</div>
<div style="-moz-border-radius: 0px 30px 0px 30px; -webkit-border-radius: 0px 30px 0px 30px; background-color: #ebebeb; border-radius: 0px 30px 0px 30px; border: 5px Double #bbbbbb; padding: 10px;">ISI TULISAN, SOBAT</div>
Coba perhatikan tampilan border pojokkannya di alenia berikut
<div style="-moz-border-radius: 30px 0px 30px 0px; -webkit-border-radius: 30px 0px 30px 0px; background-color: #11EC2A; border-radius: 30px 0px 30px 0px; border: 5px Double #bbbbbb; padding: 10px;">ISI TULISAN SOBAT DI SINI DENGAN TAMPILAN BORDER SEPERTI BORDER INI<div>
Nah, tinggal kode-kode dalam border itu yang Sobat taruh sebelum mengetik. Naruhnya jangan dalam format input COMPOSE, tapi HTML dulu. Baru ngetik deh tulisan kita. Semoga bermanfaat.
Wassalamualaikum.
wah keren sobat,,,makasih sudah berbagi
ReplyDeleteYa ..., terima kasih atas kunjungannya juga, Sob ...
Deletemakasih ya Sob .., nanti saya kunjungi blog ente
Delete