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