Menambah bakcground di judul article



Pertemuan kita kali ini membahas bagai mana caranya menabambah background di judul article. Nah untuk menambah backround di judul postingan sangat lah mudah. anda sedikit menambahkan alamat url gambar ke dalam css tamplate anda. sebelumnya anda persiapkan sebuah gambar kemudian anda upload dulu ke web penyimpan gambar seperti www.photobucket.com atau www.tinypic.com dan masih banyak lagi web yang menyajikan tempat penyimpanan gambar. setelah anda mendaftar silahkan anda download gambar yang ingin anda tampilkan.

Contoh bentuk gambar yang di upload:





Nah setelah proses upload selesai silahkan anda ikuti tips-tips dibawah ini untuk memasukkan url gambar yang anda upload tadi ke blog.

  • Log in dulu ke blogger

  • Tata letak

  • Edit HTML

  • Cari kode dibawah ini atau pokuskan pada .post h3{


    .post h3{
    margin-bottom:10px;
    background:#ffffff;
    font-size:1.4em;
    padding:7px 25px
    }

  • kemudian ganti kode yang berwarna merah dengan kode background:#fff url(http://i789.photobucket.com/albums/yy176/ucusatu/Untitled-1.jpg) no-repeat left top; sehingga jadi begini


    .post h3{
    margin-bottom:10px;
    background:#fff url(http://i789.photobucket.com/albums/yy176/ucusatu/Untitled-1.jpg) no-repeat left top;
    font-size:1.4em;
    padding:7px 25px
    }

  • Silah kan ganti dengan alamat url tempat penyimpanan gambar anda.

  • Buat anda yang tidak mengerti tentang upload gambar ke web penyimpanan gambar silahkan anda pake alamat url diatas.

  • Kemudian simpan tamplate anda dan lihat hasilnya

Selamat Mencoba.......









Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------

Blog Archive