Thursday, March 14, 2013

Membuat border dan background pada postingan

Sesuai dengan blog gue disitu postingan gue ada background dan border tersendiri. jadi kali ini gue bakal kasih tutorialnya :)
1.Masuk Dashboard > Template > edit HTML
2.Expand template widget dan tick F3 atau CTRL + F cari kode
                               .post-body {
kemudian letakkan kode dibawa ini diatas .post-body {

.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background :
url(http://i1243.photobucket.com/albums/gg546/alice4ja/10382769_zps4cda3464.gif);padding: 15px 20px;
margin: 0 -20px 20px;
}
 
3. jika kalian ingin background sesuai keinginan kalian, bisa masukan url nya di sendiri.dibawah juga ada beberapa contoh background. kemudian disitu ada border dotted itu bisa diganti sesuai dengan warna yang kalian inginkan. untuk kode warna kalian bisa cek disini http://deviachrista.blogspot.com/2013/03/kode-warna.html
 
4. atau jika kalian ingin menggunakan background yang polos sesuai warna maka kalian tidak perlu menggunakan url cukup ganti dengan warna yang kalian suka. contohnya :
 
.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background: #FFD0FF;
padding: 15px 20px;
margin: 0-20px 20px;
}
.post-body {
 


No comments:

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.