• S
    A
    T
    U
    R
    D
    A
    Y
    1
    0
    M
    A
    Y
    2
    0
    2
    5
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    1
    2
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    Selamat datang di blog ane, kalau sudah masuk sini wajib komen, kalau gak komen ane doain matanya bisulan ckckckckckkc
    Loading

    Thursday, 20 October 2011

    Home » » Cara Menambah Background Di Postingan Blog

    Cara Menambah Background Di Postingan Blog

    Akhirnya saya menyempatkan diri untuk mengupdate blogger saya ini, dan berhubung ad slah teman kita yang menanyakan kepda saya, "Kakak gimana caranya kasih backgraund di posting ?? kayak punya kakak yang sekarang".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 BIRU diantara kode .post { ditempalte anda.
    dan tulisan yang berwarna KUNING bisa kalian ganti dengan Gambar Kalian Sendiri

    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.
    Related Post :)

    0 comments:

    Post a Comment

    Bila tak pegal di tangan
    silahkan tulis sebuah komentar!

     
    Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes

    Selamat Datang Di Hisyam BLOG

    belajar dan berbagi pengetahuan

    Sekilas tentang penulis

    contact

    • My RSS
    • Twitter
    • Facebook
    • Home
    info