contoh gambar - Border Image Post Blog
Border Image Post Blog adalah gambar yang mengelilingi form, tutorial blog kawaii kali ini memberikan border gambar pada postingan blog.
Tepatnya seperti contoh gambar di atas.
Cara memasang border image post blog, tentunya border yang cute, berikut caranya:
template
edit html
cari post-body {
letakkan kode berikut di dalamnya



background-color:white;
border:30px solid transparent;
border-image: url('http://dl5.glitter-graphics.net/pub/553/553535attg72h90c.gif');
border-image-slice: 30;
border-image-width: 1 1 1 1;
border-image-outset: 0;
border-image-repeat: round;
Sehingga kode kurang lebih seperti ini:
.post-body {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;font-size:14px;line-height:1.4em;margin:0 0 0.75em;
padding: 5px;
border:30px solid transparent;
border-image: url('http://dl.glitter-graphics.net/pub/926/926601do9y3g7tff.gif');
border-image-slice: 30 30 30 30;
border-image-width: 1 1 1 1;
border-image-outset: 0;
border-image-repeat: round;
}
note:
warna background dan gambar url border dapat di ganti sesuai keinginan. Saran saya gambar border cari graphics divider aja, yang ga kegedean. divider graphics dapat di pilih di sini
Ditulis Oleh : Unknown ~ http://cokawaii.blogspot.com
KAmU BaRu aJa mEmBaCa aRtIkEl tEnTaNg Border Image Post Blog. KamU BoLeH CoPaSt aRtIkEl iNi, BuT JaNgAn lUpA UnTuK MeNcAnTuMkAn lInK SuMbErNyA. THaNkS FoR ViSiT...
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Ash Princess Kawaii
Posting Komentar