• cara menambahakah background gambar pada judul footer dan sidebar

     

    hallo semua, ane datang lagi, hahahaha
    kali ini saya akan posting cara menambahakah background gambar pada judul footer dan sidebar, banyak template yang tidak menggunakan background gambar pada judul footer dan sidebar. mungkin itu di anggap kurang menarik. tapi untuk ane sih menarik dari pada polos atau warna doang.
    untuk lebih jelasnya silahkan lihat klik disini

    1. Buka blog kalian
    2. klik kanan pada judul sidebar atau yang kalian inginkan, lalu pilih inspect Element (Q)
    3. klik h2 dan ganti menjadi .sidebar h2
    4. tambahkan css di bawah ini dan taruh di dalam kurung kurawal .sidebar h2 agar bisa melihat apakah gambar itu sudah pas apa belum
    background: #000 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikx07misgPcwVsmCAym_6Cd0C0mEwH_D2hPFX3qE-Yh5296PVQvcGGU6znexosaLNmbI5QST5fidtTlmp4DKbJhWv7xGVEmBowOVXAi1kQ3rkXARPMvaFtudnB81CIgJAMuhaFWZ2xfgkd/s320/boruto.png") no-repeat bottom right;
    background-size: 30%;
    padding: 15px 85px 15px 10px;
    margin: 0;
    font-family: 'Overlock SC', cursive;
    font-size: 17px;
    color: #3f8fc7;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    text-align: left;
    height: 14px;
    border-bottom: 1px solid #f2b802;
    5. klik template
    6. Copy kode tersebut dan taruh diatas kode ]]></b:skin>
    .sidebar h2 {
    background: #000 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikx07misgPcwVsmCAym_6Cd0C0mEwH_D2hPFX3qE-Yh5296PVQvcGGU6znexosaLNmbI5QST5fidtTlmp4DKbJhWv7xGVEmBowOVXAi1kQ3rkXARPMvaFtudnB81CIgJAMuhaFWZ2xfgkd/s320/boruto.png") no-repeat bottom right;
    background-size: 30%;
    padding: 15px 85px 15px 10px;
    margin: 0;
    font-family: 'Overlock SC', cursive;
    font-size: 17px;
    color: #3f8fc7;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    text-align: left;
    height: 14px;
    border-bottom: 1px solid #f2b802;}
    5. lalu simpan

    Untuk warna kuning ganti kode tersebut sesuai warna keinginan kalian
    Untuk warna biru ganti link sesuai keinginan kalian
    Untuk warna Magenta ganti kode tersebut sesuai warna keinginan kalian
    Untuk warna ungu ganti link sesuai dengan tinggi keinginan kalian
    Untuk warna coklat ganti kode tersebut sesuai warna keinginan kalian
    Untuk warna biru laut ganti ukuran tersebut sesuai tinggi ukuran judul tersebut


    bila ada masalah atau pertanyaan,silakan tanyakan,dan berikan komentar'a,terima kasih,selamat mencoba^^

    0 komentar:

    Posting Komentar

  • Next Prev