contoh marquee dengan image
buatlah gambar yang anda sukai terus upload ke photobucket setelah mendapat alamat gambar gantilah http............ dibawah ini dengan alamat gambar anda sendiri
dibawah ini adalah contoh marquee dengan image
<marquee behavior="scrool" direction="right" style="position: absolute; right: 175px; top: 171px; width: 660px; height: 655px;" scrollamount="2">
<img width="60" src="http://i909.photobucket.com/albums/ac297/heryymanjala/kok2.png" height="40/"/>
</marquee>
silahkan copy paste kode dibawah ini dan modifikasi tergantung anda sendiri
contohnya
atau marquee bendera translate seperti di bawah ini
<br />
<p>
<marquee onmouseover="this.stop()"direction="right" onmouseout="this.start()"scrollamount="3" scrolldelay="150" >
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZopyLeVWQhKJL_qn0Jq54pCULVoyKBYSdY7o6AQoV0uDm3AJE5mgRgO8ojVo7_dtF_I4mPPMobminmY8kfYbMWZ8frMsglh7RshveW-0GQUyn8JLGD-hMhKX9NCjbec2knhk3AZm80uI/s320/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJwlOdB-wq-bmKzzkwVIV-GiDWMSnnyoO_wMR5UNetQUZ8AE24dgajJ2JjRoL_Amii4ebIBPDnYzVhy69Vt24p4kkV3bRlLeYYru9x9gVEk93hVTbQgyc3qISi4oGYgDzD6yUb3psSfw/s320/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL0BEb1RqXFE_BmZuscPGeFZqpmXHnxDc094H55yRqc6kDoA5AgWiNgqcGNmKf8LP0oMBBXpAHIRgsigiP5GLWEBJnZRKGSg_YTDTnAHJUEBO5D6r5y1RVTcqa1d1jNhNGQd72mnUoi8g/s320/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithSf2HSU5_ONjXbTWb9kG-TjpJn7z8mE1IIQeW1e1QBikaulW0oqUOrUR1rFnXRAjXWHhaq-6HtbQZjdOfVoU0Eg9sqCKP0sJZfC_OPHOvzRxgMs9Ep5-gRs1npIG1iqGIzt20ZIFrDs/s320/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tfyO9rFjCMJAxJtxIGZLXuEsBvWwVMrgjEG_G0H9jVLxbtW7mUWe-RuIOofNYhLWzqmtHNNJ-m12amjKiGuO_n40zAdzLUvyROoCE1K3mSYKzDvO7x_tJgP2IwvRzOqvf-cPcQsgBSI/s320/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBeXGUEdEMo31yqgImJPGfSE5B8kTXGRuNklwdTg-13eOZOLaka7Tsc-KuPTHmMw_Ns-4_sBtIyDyurUH4_V-rztrrhz87p-OZP7QkjUJhRw9tzu77NYRee7Ps2TnOSKgITNaGTx8qakQ/s320/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipA2IKTqKywrC7J-7p_dkOc0Brosg7nJmzZEAe8LZjXKmtOQXQYLWItvKHVhsA-bURZeTSSN_yzZg1vaYhDyAxPCFcLKP2r8Y1Fps7MCyRgfy7hv_AFNEEhN1TVSzTFw2kAJpoCH4daCk/s320/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkWEeaQLuiK6uG6kUkTS05oQCFW7Bmw8RY0rDnWh-SxHLDYhsUlbsy3Igg3CpYG3QbUe_kwBg4CSnRxHVGpPMHxlu7MjrFxBOCcWIUW0E6W54ev_Wv8TWYiGEc691igsSs15mNf8KUm0A/s320/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWj9kifcJAZ31Jz-zuobb93I1XDGna3JbZztspAhdaXQ_TDCRL2dne_wht5CA97DsRnUAD9ZcrfqkK0lSTdnIPWPpoP_Cv-AH9jqMJNYNPCiC5YRwpXSuteU27_izJP-Jprv5hedbXqDo/s320/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTdzv-UDZFw1FpL7beSam55iMnVbniIRSIk3ySmx0ExIymyt7RRA1tsP7Zra5vSRKOdwZl0x7YMIYX9vb8HDVcsS4h4cyzwpKIOVb4Ty9t6zuV7dGLZs2j3vgV_8yszWx5uDMvYEBgNWc/s320/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMxcQ59aTgkqVhadU68i6YRlzJQl0uysxRu3BxS-8nP5s4Yruka6N_np96nSrVKApPmJcBsGbn7L3b9g98PXlvJFhm56MFtbYau53sAjSK0VtemcsxddjfDWkqBo3GVmkiFfW6CkzMTA/s320/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgioyU9LO-RVTyxa36kOQbkmjBqUiazEOinlnHUqAvOM4VzaspsWd2qDlIDZQ5yWiZKTi0oS-dmMssdH3ARRfzRNiWjtvHXbWJWv5_wiuVV0XBJM7-60B1QQko_qCm-e58a9wIgDWNlFE/s320/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
</center></div> <div style=ã¢ï¿½ï¿½font-size:10px;margin:8px 0px 3px 0pxã¢ï¿½ï¿½>
</div></marquee></p>
Contoh marquee diatas coba anda lihat translate this page di blog ini
atau yang ini
<br />
<p>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="150" bgcolor="none">
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidQtg-kPQG_hoymAzwrsaYumOnE-PGrEYbiU3unbpLz5SM33ulKrTUgVabeZJSspfZ9qcI8zQv5-pX0Gw7YL-ODWm5vdeSe7biYR7tW5orS-sndF-2dj-fosBMFWAIffVj_R0LdKhqrUg/s320/ega+%289%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCnCe6T8mEeGERYZeNWgW2kUDKFsB7eHCU3hX4Gw0jv79vfd2tplzjTUEBpg_Cqx952JBhsG96JK1Mp1uKpJYWv1FACh6VFNqTNfHs_xR538UtNgxEqpQ1A4eZ5bimrvsJ0Xf9-y_Eccg/s320/ega+%2814%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nUK-Fmx7xu2HBoLXgN1PGnv1PY0Zr681gXCvCDMwGqEqo0xuwRj99l-4q2deBdpbN9ZdUZ9djQFTc0MeIxhqr4CnJ_P8cJk6SnFo_MlBhph9fda6PXFBDzd4eoLbvF6nS_hN9DYyk_I/s320/ega+%2813%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5tQ329L3NOvYVrUED7SjMFayZ-VMdI767fHrfusLHTCB6Z1S5kT1r1K1BnJX9CF1qwMkjCVO7le8FuyJJfD3T8L05Cz2HUkjiFrj68LKz5VEX3573oaBZaz1W2LfL1EQaIELZeh2oKes/s320/ega+%288%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij30wlsypwnM__wRIK494oDrgaoLI9wx6YyKoxN3DNJJmVXVvA5tWGg6bAvNHAfs_tg_BhvlwR3gXOWirKJs-ugVPzpVlq7wWZKdbvrT8equk2x0PPTLKyMjbdQbJmFSpilGD74I56spo/s320/ega+%285%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidAVS84A3VCqqQzcH2lQD0OgsMS3Z9eX7FM4o8wJ9rC0MDZ9QaZuJhSX_TuwG03yPAvjJ9O6CbWc8d-Xn0r9TTo-trzBeNhmdIBfgdw6G1y8rVe-I_CwoEbtobOBgKGAKprca8Q2Z-xo8/s320/ega+%287%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0FithfwCcqwUKlnXsWfSc2YBoyHDTChvMT5n2_2vh61G_zFCrJzGrtxQC_j0lgSFrtHi_dPHZmTCgdPDmFpBjUjJjvJ54wcg16o7pX1kip2tVaNI7MY5an99gJ2bIMoMza1NUbtUfkMc/s320/ega+%284%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBJkkQQZtw-cFu3PfxBWTqCEIivCFZ4NO6EfFgsO_vUFAvbR7ZfgmWr2p4gOnIBTJ3p9TtFEKHH-l_GJyav4N2dyINQ-XBvNU7UV82R3Gz1ItP2cQHTnN0y5VTZoScsY54X4tCdoN1Dgc/s320/ega+%282%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmC11rVtgjQn4IXVg9I2uqEv9YP1WRXTZIE9_qtwuLWQY3k7owBNWYUhUHQ6MaSNmgF2z5Ws1oq7efSmunwNIxO9-9QN8L2yXNMLxH0YxWoiUkb8EOGQ7wZXMlROZS0LmZhLMF3yGt214/s320/ega+%281%29.jpg" width="90" height="90" />
</a>
<a href="http://savalia2001.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiquSwubfzu4MQN17e27N5q0V0qn5pN8C41pN5Y0pwlDNQVM6Uri3ETdo4sny025REfGIfXJ8cs-NWa9f3qhDmFnH7zNi2lksA87wYjXcMsJf8n6MtWe98IxYlfmIn3_QOPfWQyfDFpsu8/s320/ega.jpg" width="90" height="90" />
</a></marquee><p></p></p>
NO 01
<MARQUEE align="center"direction="right" height="200" scrollamount="2""width="30%"> selamat malam </MARQUEE>
NO 02
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"> Anda sedang masuk blog dadiramuan </MARQUEE>
NO 03 <div align="left"><B><MARQUEE BGcolor="red" width="70%" scrollamount="3" behavior="alternate"> Selamat jalan semoga sukses </MARQUEE></b></FONT></div>
NO 04
<marqueeonmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"direction="up"width="50%" height="200" align="center"> selamat siang </marquee>
Selanjutnya tinggal selera anda menggantinya Dibawah ini keteranganya BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan Scroll --> teks bergerak berputar Slide--> teks bergerak sekali lalu berhenti Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik ) TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik LOOP="angka|-1|infinite" --> Mengatur jumlah loop WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Comments :
0 comments to “Marquee dengan Image”
SILAHKAN TINGGALKAN KOMENTAR DI BLOG INI