Tombol Mengganti Background Blog Dengan Gambar

• Live Demo

Yang perlu di perhatikan dan dipikirkan tentang Tombol Mengganti Background Blog Dengan Gambar yaitu adalah posisi dan sedikit kekreatifan masing-masing, tujuannya tentu supaya lebih bagus dan tidak menganggu. Untuk blog yang sudah memiliki Background gambar dasar pada kode body, Tombol ini tidak akan berlaku, kecuali Background gambar pada kode body tersebut diganti dengan kode warna.
Semua gambar BG tersebut akan terload, jadi jangan menggunakan gambar yang berukuran terlalu besar untuk menghindari loading blog menjadi berat.

Cara Membuat Tombol Mengganti Background Blog Dengan Gambar
Step : 1
Pertama saya akan mencoba memberikan sedikit referensi tentang posisinya, sebenarnya Tombol Mengganti Background Dengan Gambar bisa diletakan dimana saja, seperti contoh pada Add Gadget HTML atau di atas dan dibawah kode <data:post.body/> agar tombol tersebut muncul dalam setiap Postingan tentunya dan bisa di Klik.
Untuk posisi pada add gadget HTML tinggal Add Gadget HTML baru seperti biasa

Dan untuk yang ingin meletakan tombol ini atas di setiap postingan blog bisa diletakan di atas <data:post.body/> nomor 2 atau nomor 3 karna kode <data:post.body/> ini lebih dari satu coba saja satu persatu sampil muncul

Step : 2
Tambahkan kode berikut pada Add Gadget HTML baru tersebut ataupun di atas kode <data:post.body/>

Ganti Background
<br />
<table border="1px" style="height: 15pxpx;"><tbody>
<tr style="color: white; font-weight: bold; text-align: center;">
    <td bgcolor="#55AFDA" onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje_8QWc584PODNZmLSiPvz9ck6kqJO2TOfMeZ8E-UYRYTCcq8rHOhTa-Wks3lzpUklQ85thl9jWjzeBLDM2rXFqi0O-ThDDNgvVjOlDzuZxOMhk3ZeRIKhiW-hEWf35e6D2B1ZLYwK6g6O/s1600/mood-girl-field-flowers-purple-nature.jpg) center center fixed')">BG1</td>
    <td bgcolor="#55AFDA" onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2t5_4C7cI1UYPzS8ZVcpDlAsoSzLa-fxlGB3rdA7LSHXwkhP7e9XtrJBxrwnP7JdF0MVUEvSgSzS_ayhFt_4CpnTJTIGRexsBeKUvi1SaW9MnIh752u_1JD_8JMUtvasVZLKOqn8cqfOr/s1600/girl___nature_3-wallpaper-1280x960.jpg) center center fixed')">BG2</td>
    <td bgcolor="#55AFDA" onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEfUpnT-NpZ2WW6c0i1wr7nBwEo13DeIG4s-q89KltIn88dghiBww0iAaEZ56tbQh1EtJy91VO11qlt_f3Rb3P9Mc0nGdi8YVPOd_ySLB8MJKHHUTNfokbDdxEy1Fd_tTxxtOl7beX5cq_/s1600/girl-asian-mood-field-nature.jpg) center center fixed')">BG3</td>
    <td bgcolor="#55AFDA" onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzmfje7BNQGnt4eAX74rqxBeFjmQrpPvO-6DURHRegtGyaNJlXGz2Uze0f3Omq1QdbwhnhhK5_d9lWxl8OTD-JcXg3eIyxkCqIHjEEQjXYNDYdfbnAJUoV-33yrq2n6sITgjJKozlUDKnH/s1600/nature_girl_cow_grassland.jpg) center center fixed')">BG4</td>
    </tr>
</tbody></table>

URL gambar dapat diganti sesuai keinginan masing-masing.

Ditulis Oleh : Robby Armansyah

Anda baru saja membaca artikel dengan judul Tombol Mengganti Background Blog Dengan Gambar. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.https://kampung-bodoh.blogspot.com/2015/06/tombol-mengganti-background-blog-dengan_28.html

• Share
• Share
• Share
• Share
• Share

✚

Related Post