Menambahkan Gambar Di Footer Dengan Css

 

Menambahkan Gambar Di Footer Dengan Css

Menambahkan Gambar Di Footer Dengan Css - Footer adalah bagian yang lumayan penting dari template blog, fungsi footer banyak variasinya tergantung si pemakai blog, ada yang fungsi footernya untuk recent post, subscribe blog lewat email, untuk recent post atau informasi blog itu sendiri.


Menambahkan Gambar Di Footer Dengan Css

Tutorial kali ini saya akan membahas Cara Menambahkan Gambar Di Footer Dengan Css, sebagian dari kalian mungkin agak bosan melihat footer yang designnya biasa-biasa saja, maka dari itu saya buat tutorial ini untuk menghiasi footer blog kalian agar tidak bosan jika dilihat, ok mari kita mulai dengan mengikuti tutorial sebagai berikut.


Menambahkan Gambar Di Footer Dengan Css

  1. Silahkan Buka Blogger > Tema > Edit HTML, cari css Footer blog kalian,
    [Cara mengetahui CSS footer kalian bisa lihat gambar di bawah ini]
    2. Menambahkan Gambar Di Footer Dengan Css
  2. Jika sudah tau, silahkan edit/tambahkan CSS footer kalian dengan css dibawah ini
    3. Class or Id Footer {
    background-image: url(LINK GAMBAR);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    background-size: 190px;
}

  3. Jika sudah save tema dan lihat hasilnya
Jika Posisi Gambar tidak Sesuai silahakan Ganti
- Right Dengan 90%
- bottom ganti dengan 10px, dan
Size bisa kalian ganti dengan 100%

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Safelink Di Blogger [Video]

Image
  Cara Membuat Safelink Di Blogger [Video] Cara Membuat Safelink Di Blogger [Video]  - Tutorial Cara Membuat Safelink blogger ini saya sudah menyiapkan video bagi yang kurang mengerti jadi silahkan didownload juga. Tutorial sebelumnya saya sudah membagikan Template gratis yaitu  Edna Template Blogger v2  dan tutorial  Cara membuat tombol back to top dengan gambar , untuk hari ini saya akan membagikan tutorial yang sedikit berbeda dari sebelumnya, ok kita mulai saja tutorial kali ini. Cara Membuat Safelink Di Blogger Buka Blogger > Buat Blog Baru Untuk Safelink Jika Sudah, Buat  Halaman  diblog baru tersebut Kemudian Tambahkan Script berikut kedalam page tersebut & beri judul  GO <script src=" LINK-JAVASCRIPT " type="text/javascript"></script> Kemudian buka Notepad, lalu simpan menjadi javascript berikut kebentuk file  Safelink.Js , Dan jangan lupa ganti  http://link-tujuan.blogspot.com/p/go.html  dengan Url Blog s...
Read more

Popular Post Samehada untuk Blogger

Image
  Popular Post Samehada untuk Blogger Tutorial kali ini yaitu Cara membuat Popular Post seperti Samehada untuk Blogger, diartikel ini saya akan membagikannya dengan singkat dan jelas, dan sangat mudah dipahami untuk pemula sekalipun. Untuk pratinjau atau preview tampilannya kalian bisa dipostingan sebelumnya yaitu  Bt-Samehada Clone 2020 Template Blogger . Popular Post Samehada untuk Blogger Pertama Buka Blogger > Tata letak > Add Widget Popular Post  (Jika sudah ada tidak perlu). Kemudian, Buka Tema > Edit HTML Simpan CSS berikut kedalam  <style> ... </style>  atau  <b:skin> ... </b:skin> /* Popular post blogger new style - arlethdesign */ #PopularPosts1 .widget-content.popular-posts{margin:auto} #PopularPosts1 ul li:nth-child(1n+2) .item-meta{font-size:11px;padding:6px 0 0;opacity:.7} #PopularPosts1 ul{padding:0;list-style:none;margin:auto;overflow:hidden} #PopularPosts1 ul li{margin:auto;padding:10px 0} #PopularPosts1 ul ...
Read more