Beranda · Computer · Internet · Tips Trik
» » Cara Menambahkan Background Gambar Sebelum Judul Pada Blog

Cara Menambahkan Background Gambar Sebelum Judul Pada Blog

 
Jika Anda suka dan ingin mencobanya, Anda juga dapat menambahkan gambar latar belakang dengan latar belakang judul posting Anda. Yang paling menakjubkan adalah resolusi. Meskipun Anda menggunakan Gambar kecil pendek sebagai gambar latar belakang ke latar belakang judul posting Anda, itu akan kembali berulang kali ukuran dan diposting. Jadi lebih baik menggunakan Pola sebagai gambar latar belakang. Seperti contah gambar dibawah ini
 
 
Cara kerjanya ikuti tutorial berikut ini

1. Edit  Template Anda

2. Lalu cari kode dibawah ini
post h3
(Tekan 'Ctrl' + F untuk  pencarian browser Anda)

Sekarang Anda akan menemukan posting beberapa baris kode h3 tetapi menggunakan post h3 pertama

Anda akan melihat banyak kode yang sangat mirip dengan ini

post h3. {
color: # 3E3533; ------------ warna judul Posting ini
font-size: 20px; ------------ ukuran Posting judul ini
font-weight: bold; --------- dekorasi huruf judul Posting ini
line-height: 1.4em;
margin: 0.25em 0 0;

Sekarang paste kode dibawah ini setelah  kode. Post h3 {

background: url (URL Tempel Gambar Anda di sini) repeat-x atas;

Contoh
post h3. {
background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXfrsqUGKrM8sQAZr_LvqPZ_NYWQLdMMiooSEjUk6WfT5QpIuFOz_63VYCKA7jY-H75fg9kgRa-PaKBBgbvRr1xScm5BppaKggcTMsquUhEJqZt8-fuAGHzEflVeacFJFAw84qBPdjUVO/s1600/sidebar-h.jpg) repeat-x atas;
color: # 3E3533;
font-size: 20px;
* tetap ingat, kode di atas akan berada dalam cara yang berbeda sesuai dengan template yang Anda gunakan.

Lalu SAVE dan lihat hasil nya..

Berikut Ada Beberapa Gambar Header untuk Blog Anda
 
Image URL :- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUmO0YoFl6DP2PcDS1gq26HwmHRZhyKKp_qZLJegIIK5vDbJc0MvXlYnRqGKeGm1ngS2dWr157lpOVdcsR-YaYCN3IRf2udFoQnF0hHqXSGGEJYeg-DEna2QBcaDQCwl4mddYQqOc-hQS/s1600/bg_sb_title.jpg

Image URL :- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXfrsqUGKrM8sQAZr_LvqPZ_NYWQLdMMiooSEjUk6WfT5QpIuFOz_63VYCKA7jY-H75fg9kgRa-PaKBBgbvRr1xScm5BppaKggcTMsquUhEJqZt8-fuAGHzEflVeacFJFAw84qBPdjUVO/s1600/sidebar-h.jpg



Image URL :- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCYzzpVruNFSMXDePvAo12Gwi2AsiWKrlmyuPxVwyxm66VuG0Pb9qBzL50zHMxtboxk6GOIMQFG7ENKUjJMTvKbhoZhj9pIuaDmQerrlyjbx9-1_lAmLfl-6vtT_rBT5kBEZsr51xeegOF/s1600/bg_sb1_g.gif



Image URL :- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy-lR6XjV5uICXfOeh8D4pDhjxbIyRFZkM4S_zbnIB5_7tHGJBVK01ChAMdW0_Usxe9mGtAiTD2d508cnes1SZ-PXsw-7sdBPWMEKaZsgzf3yDW6wbVIJJzRuGeOTDYWxnwNijmauId-I/s1600/bg_sb1.jpg

Artikel keren lainnya:

Belum ada tanggapan untuk "Cara Menambahkan Background Gambar Sebelum Judul Pada Blog"

Post a Comment