Seiring mendekati bulan suci Ramadhan, ada kalanya kita berintropeksi diri ya sob :) Begitu juga dengan template atau yang menghiasinya ;)) Harus semarak dengan hawa-hawa religi :"> Nah...supaya tidak bosan dan lebih impressive dengan artikel yg akan Beben si bloglang sampaikan ini, bagaimana supaya bisa rubah-rubah (random) gitu :P Pada urutan pertama, bagaimana cara menampilkan tulisan/pesan/kata-kata bijak setiap kali reload/refresh akan berganti-ganti :-/ Trik ini aku dapet dari BlogU. Untuk ini Design ► add a gadget ► pilih yg HTML/Javascript :D
quotes[NEXT-NUMBERS] = "blah-bleh-bloh-dut-pret.";
Bagaimana dengan gambar pada header jika memang bisa!!!
banner[NEXT-NUMBER]="http://link-gambar.jpg"
dan perhatikan pada script pada bagian angka yg diberi warna merah!!! Perhatikan juga pd script yg diberi warna kuning UniqueID!!! Gantilah dengan ID yg ada pada template sobat. Biasanya sih bisa header, top, atau apapun.
<i><center>
<script type="text/javascript">
//store the quotations in arrays
quotes = new Array(6);
quotes[0] = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.";
quotes[1] = "Use the best: Linux for servers, Mac for graphics, Windows for Solitaire.";
quotes[2] = "Stet clita kasd gubergren, no sea takimata.";
quotes[3] = "Duis autem vel eum iriure dolor in hendrerit.";
quotes[4] = "Nam liber tempor cum soluta nobis eleifend.";
quotes[5] = "At vero eos et accusam et justo duo dolores et ea rebum.";
//calculate a random index
index = Math.floor(Math.random() * quotes.length);
//display the quotation
document.write("\n");
document.write(quotes[index]);
//done
</script>
</center></i>
Perhatikan pada kode script yg diberi warna merah? Jika ingin menambahkan kata-katanya harap itu juga diganti dan ini kode script yg ditulisnya...<script type="text/javascript">
//store the quotations in arrays
quotes = new Array(6);
quotes[0] = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.";
quotes[1] = "Use the best: Linux for servers, Mac for graphics, Windows for Solitaire.";
quotes[2] = "Stet clita kasd gubergren, no sea takimata.";
quotes[3] = "Duis autem vel eum iriure dolor in hendrerit.";
quotes[4] = "Nam liber tempor cum soluta nobis eleifend.";
quotes[5] = "At vero eos et accusam et justo duo dolores et ea rebum.";
//calculate a random index
index = Math.floor(Math.random() * quotes.length);
//display the quotation
document.write("\n");
document.write(quotes[index]);
//done
</script>
</center></i>
quotes[NEXT-NUMBERS] = "blah-bleh-bloh-dut-pret.";
Bagaimana dengan gambar pada header jika memang bisa!!!
Trik ini Beben dapatkan dari http://freeyasoul.blogspot.com Jika ingin melakukan trik ini, sobat harus membuat gambar yg sesuai dengan lebar dan tinggi header/top sobat. Heres of the script...
<script type="text/javascript">
var banner= new Array()
banner[0]="http://link-gambar.jpg"
banner[1]="http://link-gambar.jpg"
banner[2]="http://link-gambar.jpg"
banner[3]="http://link-gambar.jpg"
banner[4]="http://link-gambar.jpg"
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#UniqueID {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>
Letakkan script tersebut setelah kode <body> Jika mau menambahkan gambar kodenyavar banner= new Array()
banner[0]="http://link-gambar.jpg"
banner[1]="http://link-gambar.jpg"
banner[2]="http://link-gambar.jpg"
banner[3]="http://link-gambar.jpg"
banner[4]="http://link-gambar.jpg"
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#UniqueID {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>
banner[NEXT-NUMBER]="http://link-gambar.jpg"
dan perhatikan pada script pada bagian angka yg diberi warna merah!!! Perhatikan juga pd script yg diberi warna kuning UniqueID!!! Gantilah dengan ID yg ada pada template sobat. Biasanya sih bisa header, top, atau apapun.
Beres kalimat dan gambar yg bisa berubah-rubah saat reload, saatnya masuk pada sesi selanjutnya. Kalau menurut blog ini, keterangan (option) pada header bisa dirubha-rubah juga sob ;)) Kalau memang berminat silahkan deh sob Blog Immeria. Untuk yg ini Beben gak bisa coba, soalnya aku sudah ngilangin option pada headernya sob =)) ya ke sumbernya aja deh yah :D
Random Background Image for Body
Wassalam...:)<script type="text/javascript">
//<![CDATA[
var banner= new Array()
banner[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZJaUpEAXP5MIUaMmTaqIQ7ou-aMCH7zVhYCcgEIvE6tYmNPzF0p2mjBeabeQHR3JysDxCs-3sdyOXuPLhQTxs3-dOtIU4Rl8_LRMi2DBJgi2TWoQ-Cu1I9j_OPQX5kqaz_uvpknjMIY/"
banner[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpxt-mcB_4DlMW51LYnx9EzY6rTz59PM-lG4Ur2Pe_FCoxDfAllY2Pi6-LtjA5oEUGLNenFTpMXdnFCIQfhN4EH3gEfAQWiuJG5LPRcY6ws7sWtH0-CpVmqMfhKAO6S3u5eyhllhnXLw0/"
banner[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA3Va5CRWTwmI3VuPvQcrwoi-J1a58PstZsUqqNsRK1H_pw_dtaxUodNUlwaS0D6LQ4FtOgljCfsXLxvSsV3ie7WKJRIShyphenhyphenCS_zhAIMaOwo7SXWAhIFJnRFUXDfTcfimb13O2HU98F7pI/"
banner[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKOJbIyzd7B-vNGZNYF8qAJCt9HyAbUPomnBTO3JNAqrbUMEq-_w-x5-oN9A-KeHq3eN3JFX2eES9Q5UsTycWW7SVyDrWyvkmgunOuEFgPuffKFn6oheGF4ipEgeyCQDPnFz4Bjfc0kE0/"
banner[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoI2vQZhhlgfv5K4VEx6wpKDRIS7rWWkJANNzm5AjoId6cWOn0LzAU7BH8JSc_0ns4ylt8BpSIPIwRgP5zwDXYzF-lPbEhvXdoxvQCj0d87g8qxSDMJrvOfopP13sH0xSny2eo7y-nZw/"
banner[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_abRRs0E3PqDNB4uyELHvHYAh8w6oZ4NSWJDPRVE-R4Tqfmr1O3YrrNDb_ixuaj5iItGDJIl2ksuRkx3_pJjF4crtngbBKkEfsfyGMu9AvmhIWmbq_ew_KADXTvkWdS48hhhGa1ec5lw/++Pearce.jpg"
banner[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe15nlntUd1T1h1ewDIy1XWqdxzeKu5iTDtQx3VUpfIPXep-1gZH99q2LygDvUxm3du0DFqLZPVcNWUK7RkNf0rZJvm32wRWDT6ccK89C6tsBaHX90HUAQKFLAxd1AbonYbrMJcan9odPg/s1600/nurul%252Bsyuhada%252Bseksi.jpg"
banner[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZJaUpEAXP5MIUaMmTaqIQ7ou-aMCH7zVhYCcgEIvE6tYmNPzF0p2mjBeabeQHR3JysDxCs-3sdyOXuPLhQTxs3-dOtIU4Rl8_LRMi2DBJgi2TWoQ-Cu1I9j_OPQX5kqaz_uvpknjMIY/"
banner[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpxt-mcB_4DlMW51LYnx9EzY6rTz59PM-lG4Ur2Pe_FCoxDfAllY2Pi6-LtjA5oEUGLNenFTpMXdnFCIQfhN4EH3gEfAQWiuJG5LPRcY6ws7sWtH0-CpVmqMfhKAO6S3u5eyhllhnXLw0/"
banner[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdncubl_yVt4EcN-3hQOK3lltE1ILvmuPYmXIncL7AdDafAIR7r7Csyk94tgKXphaUaOa2s_pxZrGESgDPW37sJU819UzCVAHsoTYMTLhXQraPlkboRf4FrWOZjnD_hwS3DiMK0q3EmWU/"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write('background:#f4f4f4 url("' + banner[random] + '") repeat left top;');
document.write(" }");
document.write("</style>");
//]]>
</script>
Loading... |
2 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...