Background Mode Pada Blog Adalah Suatu Widget Yang Digunakan Secara Manual Untuk Merubah Background Blog Dengan Mengeklik Pilihan Background Yang Sudah Sediakan Lalu Seketika Background Blog Akan Berubah, Begitulah Kira Kira.
Nah Buat Sobat Blogger Yang Belum mengerti Dengan Penjelasan Saya Diatas Bisa Melihat Demo Yang Saya Sudah Sediakan Dibawah ini Dan Alihkan Perhatian Sobat Pada Halaman Paling Bawah Blog Demo Tersebut.
Bila Sobat Blogger Sudah Menyimak Demo Background Mode Mungkin Diantara Sobat Ada Yang Tertarik Untuk Memasangkannya Pada Blog Sobat Bisa Simak Tutorial Dibawah ini.
Nah Buat Sobat Blogger Yang Belum mengerti Dengan Penjelasan Saya Diatas Bisa Melihat Demo Yang Saya Sudah Sediakan Dibawah ini Dan Alihkan Perhatian Sobat Pada Halaman Paling Bawah Blog Demo Tersebut.
Bila Sobat Blogger Sudah Menyimak Demo Background Mode Mungkin Diantara Sobat Ada Yang Tertarik Untuk Memasangkannya Pada Blog Sobat Bisa Simak Tutorial Dibawah ini.
- Pertama Silahkan Login Ke Akun Blogger Sobat.
- Masuk Pada Rancangan Lalu Click Tambah Gadget Dan Pilih HTML/JavaScript.
- Silahkan Copas Salah Satu Kode Yang Saya Sediakan Dibawah ini Lalu Taruh Pada Kolom Kosong HTML/JavaScript Yang Tadi Telah Dibuka.
Background Mode With Color<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black"> </td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00"> </td>
<td onclick="bgChange('red')" bgcolor="red"> </td>
<td onclick="bgChange('blue')" bgcolor="blue"> </td>
<td onclick="bgChange('white')" bgcolor="white"> </td>
<td onclick="bgChange('green')" bgcolor="green"> </td>
<td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue"> </td>
<td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia"> </td>
<td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta"> </td>
</tr>
</table>
Background Mode With Image<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('#0D0D05 url(http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left')" bgcolor="#C7C5C5"> </td>
<td onclick="bgChange('transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/furinhosbg.gif) repeat scroll 0 0')" bgcolor="#FFFF00"> </td>
<td onclick="bgChange('#0D0D05 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCSnT2uwZ6LYV8LgGPyZcESYuCtKttxHAaqK7WrZhGGNPQMGdF2v_7gFuzfeFA-3vpFlgi_9wKppmePkT5s_teCiIIC91pnDWB4WVy-pAvhYopkeK4bJo5AOR7GHMRjHPbYGx7jGXwgZU/s400/metal.PNG) repeat scroll top left')" bgcolor="red"> </td>
<td onclick="bgChange('#0D0D05 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwYM5g2gpJOOonFmDdFAoLU6OIJlSuIT6SaPrDqb-Gf1WkcjME-EEt5uE70SFQdEpFar2xYpNHIuFrX_h-3EEJ2IUMTd1tdrHkqRMYevcFabTFJDURpAqf-QG-iVf_7328LEvbe8ULmLQ/s400/iron.PNG) repeat scroll top left')" bgcolor="blue"> </td>
<td onclick="bgChange('#0D0D05 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhBrKLwup1Ucrb2BgIkeJxwUYirAVaI0CK0mjF3lH6rI0-YUBAVgFlsA86Q0gKBb8ez2Gsi2byNyxzpDZoo8GnCS5lCHPrG2ZQSU526uBq0uCXde7Nv8sIrMFtr9oeJBMRzozgeWXes8/s400/wall.png) repeat scroll top left')" bgcolor="white"> </td>
<td onclick="bgChange('url(http://i1230.photobucket.com/albums/ee498/filiex/filiex/bgfiliex.png) repeat scroll top left')" bgcolor="green"> </td>
<td onclick="bgChange('url(http://lh3.ggpht.com/_7Y9pl24WpQY/TFrgJZcPW9I/AAAAAAAAEa0/7VQWGwmXGGs/background_thumb%5B1%5D.png) repeat scroll top left')" bgcolor="DeepSkyBlue"> </td>
<td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9O-DqtQo8IGGqrmEK2GFeSq-j7ef3BxBHTohhyphenhypheneTnLSH_3jVKbQuv1RigRgjb1kQ7XwNCFVD9pi8IQkRKFKjhMdnb79gDvwbyjzXku7BNISWgCrir2LkcPXhlSfi7z_T-JA0FSAFZK7Dh/s1600/wrapper-bg.jpg) center top no-repeat')" bgcolor="Fuchsia"> </td>
<td onclick="bgChange('#727272 url(http://i1230.photobucket.com/albums/ee498/filiex/filiex/texturef-body-bg.png) repeat scroll top left')" bgcolor="DarkMagenta"> </td>
</tr>
</table>
- Lalu Save Atau Simpan Gadget Tersebut.
- Silahkan Sobat Lihat Hasilnya.
- Selesai.
Buat Sobat Yang Ingin Bertanya Dan Request Seputar Tutorial Design Blogger Bisa Meninggalkan Komentar Pada Blog ini Atau Media Chat Yang Sudah Tersedia. Terima Kasih.....
No comments:
Post a Comment