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;
}
-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 {
-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