Cara Menambah Background di Posting Blog

Saturday, 17 December 2011

Selamat siang Guys.
Akhirnya saya dapat berposting lagi setelah saya sembuh dari sakit....
Baiklah tidak perlu panjang lebar, kita lansung saja ke cara pembuatannya :
seperti biasa
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. cari code : .post { (Jika tidak ketemu maka letakkan kode berikut diatas kode ]]></b:skin> )
Lalu hapus kode diatas, lalu ganti dengan kode berikut :

.post {
margin: 0px 20px 0px 0px;
height:100%;
color:#000;
padding:10px 0px;
background:url("http://i56.tinypic.com/wiuhq1.png") no-repeat scroll 0 0 black; background-position:bottom left;
-o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out}

::: Tapi Jika Anda sudah mempunyai code .post { di template anda,mka anda tinggl memasukkan kode yang berwarna KUNING diantara kode .post { ditempalte anda.

Sebagai contoh :
.post {
-----
---
background:url("http://i56.tinypic.com/wiuhq1.png") no-repeat scroll 0 0 black; background-position:bottom left;
-o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out

}
5. Save Template,..

Sekarang lihat hasilnya.

GOOD LUCK