Wednesday, July 20, 2011

postheadericon Cara Menambah Background di Posting Blog

Baiklah disini saya akan mencoba memberikan trik menambah 'Background di Posting Blog', walau sebentar ini trik yang sangat mudah.heheeg.

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:#fff;
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 HIJAU 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.


Selamat mencoba!

0 comments:

Blog Archive

About Me