</span><table class="contentpaneopen"><tbody><tr><td class="contentheading" width="100%">
</td> <td class="buttonheading" align="right" width="100%"> <a href="http://id-blogger.com/index2.php?option=com_content&do_pdf=1&id=95" target="_blank" onclick="window.open('http://id-blogger.com/index2.php?option=com_content&do_pdf=1&id=95','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" title="PDF"> <img src="http://id-blogger.com/templates/rt_pixel/images/pdf_button.png" alt="PDF" name="PDF" align="middle" border="0" /></a> </td> <td class="buttonheading" align="right" width="100%"> <a href="http://id-blogger.com/index2.php?option=com_content&task=view&id=95&pop=1&page=0&Itemid=1" target="_blank" onclick="window.open('http://id-blogger.com/index2.php?option=com_content&task=view&id=95&pop=1&page=0&Itemid=1','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" title="Print"> <img src="http://id-blogger.com/templates/rt_pixel/images/printButton.png" alt="Print" name="Print" align="middle" border="0" /></a> </td> <td class="buttonheading" align="right" width="100%"> <a href="http://id-blogger.com/index2.php?option=com_content&task=emailform&id=95&itemid=1" target="_blank" onclick="window.open('http://id-blogger.com/index2.php?option=com_content&task=emailform&id=95&itemid=1','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=400,height=250,directories=no,location=no'); return false;" title="E-mail"> <img src="http://id-blogger.com/templates/rt_pixel/images/emailButton.png" alt="E-mail" name="E-mail" align="middle" border="0" /></a> </td> </tr> </tbody></table> <table class="contentpaneopen"> <tbody><tr> <td colspan="2" align="left" valign="top" width="70%"> <span class="small"> Written by o-om.com </span> </td> </tr> <tr> <td colspan="2" class="createdate" valign="top"> Thursday, 08 January 2009 </td> </tr> <tr> <td colspan="2" valign="top"> <p align="justify"><strong>Random image header</strong> pada blogger sebenarnya bisa kita ganti secara otomatis setiap kali halaman di Refresh atau di Reload. Tujuan tutorial kali ini tentu tetap membuat blog kita tampil lebih bergaya dan punya warna warni tersendiri. Selain membuat blog terlihat lebih hidup juga berguna menghilangkan rasa bosan pengunjung ketika mengunjungi blog kita, agar blog tidak monoton kita perlu menambahkan <strong>Random image header</strong> ini. pengen tau cara buatnya..</p> <p> </p> <p><u><strong>Cara pasang image pada blogger:</strong></u></p> <p> </p> <p>Buka <strong> Template</strong> -> <strong>Edit HTML</strong></p> <p> </p> <p>Cari kode <strong><span style="color:#808000;"><b:skin><![CDATA[</span></strong></p> <p> </p> <p align="justify">Kemudian Copy kode dibawah ini, letakan (paste) kode tersebut dibawah kode diatas, kemudian simpan dan lihat hasilnya.</p> <p> </p> <p><span style="color:#008000;"></script>
<script type="'text/javascript'">
var gambar= new Array()
gambar[</span><span style="color:#ff00ff;">0</span><span style="color:#008000;">]="</span><span style="color:#ff0000;">http://alamat_url_gambar1</span><span style="color:#008000;">"
gambar[</span><span style="color:#ff00ff;">1</span><span style="color:#008000;">]="</span><span style="color:#ff0000;">http://alamat_url_gambar2</span><span style="color:#008000;">"
<span style="display: inline;">var acak=Math.floor( </span></span> <span style="display: inline;"><span >2</span><span > *Math.acak());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");</span></span><span style="color:#008000;">
</script></span></p> <p> </p> <p><u><strong>Gimana seandainya ada 5 atau lebih image?</strong></u></p> <p> </p> <p><span style="color:#008000;"></script>
<script type="'text/javascript'">
var gambar= new Array()</span>
<span >gambar[</span><span >0</span><span >]=</span>"<span >http://alamat_url_gambar1</span>"
<span style="color:#008000;">gambar[</span><span style="color:#ff00ff;">1</span><span style="color:#008000;">]=</span>"<span style="color:#ff0000;">http://alamat_url_gambar2</span>"
<span >gambar[</span><span >2</span><span >]=</span>"<span >http://alamat_url_gambar3</span>"
<span style="color:#008000;">gambar[</span><span style="color:#ff00ff;">3</span><span style="color:#008000;">]=</span>"<span style="color:#ff0000;">http://alamat_url_gambar4</span>"
<span >gambar[</span><span >4</span><span >]=</span>"<span >http://alamat_url_gambar5</span>"
<span style="color:#008000;"><span style="display: inline;">var acak=Math.floor( </span></span><span style="color:#ff00ff;">5</span><span style="color:#008000;"> *Math.acak());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");</span><span style="color:#008000;">
</script></span></p> <p> </p> <p align="justify"><strong>Info: </strong><span style="color:#ff0000;">http://alamat_url_gambar </span>=> <span style="display: inline;">ini merupakan alamat gambar, caranya arahkan alamat URL dimana tempat gambar kamu disimpan
</span></p> <p>
Selamat mencoba :)</p> </td> </tr> </tbody></table> <span class="article_seperator"></span>
<span class="fullpost">
Cara buat "Random Image Header" pada Blogger
Kode Iklan anda yang ingin ada di sebelah kiri disini
Kode Iklan anda yang ingin ada di sebelah kanan disini
