Belajar Ngeblog

Selamat Datang di APRIZAL. ini membahas seputar Blogspot, SEO dan juga berbagi. Semoga apa saya tulis bermanfaat buat sahabat.

perumnas tekojo blok E27

Selasa, 19 November 2013

Cara Membuat Widget Ganti Background Gambar Blog



Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat

kode 1
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="15px" border="1px">
<tbody><tr style="text-align: center;font-weight:bold; color:Black;">
<td onclick="bgChange('url(http://img.jpg) repeat-x fixed top center')" bgcolor="#FFFFFF">V</td>
<td onclick="bgChange('url(http://img.jpg) repeat-x fixed top center')" bgcolor="#FFFFFF">A</td>
<td onclick="bgChange('url(http://img.jpg) repeat-x fixed top center')" bgcolor="#FFFFFF">R</td>
<td onclick="bgChange('url(http://img.jpg) repeat-x fixed top center')" bgcolor="#FFFFFF">I</td>
<td onclick="bgChange('url(http://img.jpg) repeat-x fixed top center')" bgcolor="#FFFFFF">A</td>
<td onclick="bgChange('url(http://imgjpg) repeat-x fixed top center')" bgcolor="#FFFFFF">S</td>
<td onclick="bgChange('url(http://img406.imag.jpg) repeat-x fixed top center')" bgcolor="#FFFFFF">I</td>
<td onclick="bgChange('url(http://img.jpg) repeat-x fixed top center')" bgcolor="#FFFFFF">!</td>
</tr>
</tbody></table><small><center><a href="http://variasiblogger.blogspot.com/2012/03/cara-membuat-widget-ganti-background.html" target="_blank">Get-Widget-Blog</a></center></small>
kode 2                                                  
<div class="widget-content">
<select height="50" name="DADcbgc" onchange="document.body.style.background = this.value;this.style.background = this.value;" title="Change Background Image" width="150">
<option value="url() repeat center center fixed">None
</option><option value="url(
http://img.gif) repeat center center fixed">Red Matrix
</option><option value="url(
http://img.gif) repeat center center fixed">Blue Matrix
</option><option value="url(
http://img.gif) repeat center center fixed">Green Matrix
</option></select></div>




Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan  dan lihat hasil nya semoga bermanfaat.
silahkan sobat ganti teks yang berwarna merah di atas dengan alamat link gambar pilihan sobat.

Tidak ada komentar:

Posting Komentar