Sabtu, 17 September 2011

Cara Menambah Background di Posting Blog

Akhirnya saya menyempatkan diri untuk mengupdate blogger saya ini, dan berhubung ad slah teman kita yang menanyakan kepda saya, "K' cara kasih backgraund di posting gmn?? kya' punya kk' yang skrg".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 komentar:

Posting Komentar.

TOLONG KASIH COMENT NYA,,,TERIMAKASIH,,dan jangan lupa kunjungi bloag aku lagi ya