Background Homepage dan Posting berbeza

Kali ini kita akan membuat Background Homepage dan Posting berbeza.
Untuk membuatnya juga amat mudah.

Cara-cara hendak membuat Background Homepage dan Posting berbeza.


Pergi ke Dashboard | >> Design >> Edit Html >> Tanda kotak Expand Widget Templates.

Cari kod </head>

Jika sudah jumpa,tambah kod di bawah ini di atas kod </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXgB-_ovF3e44Uf9MUVxEbEQgmH39hffTE4WRw2Be4oz5EoHf2BmjX_98cDR0gtB0KBOPtjBlvwVwK-NVgLrotfngc3nzGUqZzSXNeGbKda0CfafgfgX4yypop58_Q_s_INuMScUVRGU/s1600/Lightning.gif);
}
</style>
</b:if>

Jika hanya ingin mengantikan dengan warna sahaja,hapus

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXgB-_ovF3e44Uf9MUVxEbEQgmH39hffTE4WRw2Be4oz5EoHf2BmjX_98cDR0gtB0KBOPtjBlvwVwK-NVgLrotfngc3nzGUqZzSXNeGbKda0CfafgfgX4yypop58_Q_s_INuMScUVRGU/s1600/Lightning.gif);

Gantikan dengan :

background:#dddddd:

Gantilah Url gambar atau color dengan kesesuaian template anda.
Semoga Bermanfaat untuk anda tentang tutorial cara membuat Background Homepage dan Posting berbeza ini.

READ MORE - Background Homepage dan Posting berbeza

Background Blog Tidak Bergerak bila di Scroll

Berikut Tips cara agar background blog tidak bergerak bila di Scroll
Untuk caranya mula mula login ke akun Blogger
Pergi ke Dashboard | >> Design >> Edit Html.

Dan cari kod CSS Body seperti di bawah ini

body {
background:url(http:alamat gambar) ;
color:#333;
font:small Georgia Serif;
text-align:center;
margin:0
}

Tambahkan kod, background-attachment: fixed; Setelah kod Background,contoh macam di bawah ini

body {
background:url(http:alamat gambar) ;
background-attachment: fixed;
color:#333;
font:small Georgia Serif;
text-align:center;
margin:0
}

Simpan Template dan lihat hasilnya,
Semoga Bermanfaat tentang membuat Background Blog Tidak Bergerak bila di Scroll

READ MORE - Background Blog Tidak Bergerak bila di Scroll

Background Blog Berubah ubah Warna secara Auto

Cara membuat Background Blog Berubah ubah Warna secara Auto amat mudah untuk membuatnya.
Ia akan berubah-ubah warna secara auto selagi blog anda masih terbuka.

Ingin membuatnya,Pertama blog mestilah dalam keadaan Login
dan klik butang install di bawah ini.

<br /> <br /> <script type="text/javascript"> var r=0; var g=0; var b=0; var flag=0; var t=[]; var o=[]; var d=[]; function hex(a,c) { var hexi = c.toString(16); t[a] = hexi.charAt(0); o[a] = hexi.charAt(1);} function ran(a,c) { if ( (Math.random()>(2/3) || c==0) && c<255) { c++; d[a]=2; } else { if ( (Math.random()<=(1/2) || c==255) && c>0) { c--; d[a]=1; } else d[a]=0; } return c} function do_it(a,c) { if ( (d[a]==2 && c<255) || c==0) { c++; d[a]=2; } else { if ( (d[a]==1 && c>0) || c==255) { c--; d[a]=1; } } if (a==3) { if (d[1]==0 && d[2]==0 && d[3]==0) flag=1; } return c} function flash() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r); hex(2,g); hex(3,b); flag=50; } else { r=do_it(1, r); g=do_it(2,g); b=do_it(3,b); hex(1,r); hex(2,g); hex(3,b); flag-- } document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]; setTimeout('flash()',50);} window.onload = function() { flash();} </script><br /> <br /> <br />

Save Template anda dan lihat hasilnya.
Semoga anda berjaya di dalam membuat Background Blog Berubah ubah Warna secara Auto ini.

READ MORE - Background Blog Berubah ubah Warna secara Auto

Bacground Blog berubah Warna bila Direfresh

Lanjutan dari posting sebelumnya,Warna Background Blog berubah bila di klik
Sekarang kita akan membuat Membuat Bacground Blog berubah Warna bila Direfresh
Untuk membuatnya tidak memerlukan edit template,hanya copy code di bawah ini dan tambahkan pada element Html/javascript blog anda.


<script type='text/javascript'>
//CDATA[
/* JavaScript Kit (http://listblog-tutorial.blogspot.com/)*/
//Created Ageboy:
var bgcolorlist=new Array("#FFFFFF", "#B30000", "#EEFF00", "#11FF00", "#FF8A14", "#0008FF", "#4AFFF3", "#000")
document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
//]]>
</script>

Tukar URL blog dengan blog anda.(merah)
Setelah siap,simpan template dan  lihat blog anda bila di refresh.
Semoga berhasil dalam membuat Bacground Blog berubah Warna bila Direfresh

READ MORE - Bacground Blog berubah Warna bila Direfresh

Warna Background Blog berubah bila di klik

Warna Background Blog berubah bila di klik,kali ini kita akan membuat warna Background berubah bila kita klik pada kotak warna yang akan kita tampilkan.

Untuk contoh,cuba klik kotak-kotak warna di bawah ini.








Untuk membuatnya sangat mudah,cuma perlu install sahaja codenya.

<br /> <br /> <br /> <center><script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script><br /> <table border="1" height="20" style="width: 230px;"><tbody> <tr> <td bgcolor="white" onclick="bgChange('')"><br /> </td><td bgcolor="#0000ff" onclick="bgChange('#0000ff')"><br /> </td><td bgcolor="#000000" onclick="bgChange('#000000')"><br /> </td><td bgcolor="#a52a2a" onclick="bgChange('#a52a2a')"><br /> </td><td bgcolor="#5f9ea0" onclick="bgChange('#5f9ea0')"><br /> </td><td bgcolor="#d2691e" onclick="bgChange('#d2691e')"><br /> </td><td bgcolor="#6495ed" onclick="bgChange('#6495ed')"><br /> </td><td bgcolor="#dc143c" onclick="bgChange('#dc143c')"><br /> </td><td bgcolor="#00ffff" onclick="bgChange('#00ffff')"><br /> </td><td bgcolor="#00008b" onclick="bgChange('#00008b')"><br /> </td><td bgcolor="#b8860b" onclick="bgChange('#b8860b')"><br /> </td></tr> </tbody></table></center><br /> <br />

setelah install,lihat hasilnya.

READ MORE - Warna Background Blog berubah bila di klik