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