Teks Berjalan dan Di Ikuti Gambar/Foto Berbingkai

Imran       Blog    Comment   

Tulisan berjalan tidak asing lagi para sahabat blogger….hanya menggunakan kode marquee teks akan bergerak….Mungkin Cara ini sangat menantang dan memerlukan konsentrasi yang tinggi . kwkwkwkwkwkwkwkwk……..


Pertama anda harus memilki gambar/foto yang sudah di upload di hosting : Misalnya yang sederhana alamat foto saya :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGdtiLqqhfpsME-V5knUgn7q-RZKnf5ZoA_NWOxTCRDjRhwRHyZMz6ymQzh-apqkKeXn6uJIIMGVGzcA0cX9Mctju1Jirbz5EkLkwPawbi3SmgmP6kCHD1-lUD5KHkArJ6YXbESgbXzM/s220/illank.png

• Sign ke blog sobat
  
• Pergi ke Rancangan > Edit HTML (saran : download full template sobat)
  
• Simpan kode berikut diatas ]]></b:skin>
  

#gambar {
background:url('
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGdtiLqqhfpsME-V5knUgn7q-RZKnf5ZoA_NWOxTCRDjRhwRHyZMz6ymQzh-apqkKeXn6uJIIMGVGzcA0cX9Mctju1Jirbz5EkLkwPawbi3SmgmP6kCHD1-lUD5KHkArJ6YXbESgbXzM/s220/illank.png
);
height:300px;
width:500px;
}
#tulisan {
font-size:300%; font-weight:normal;
color:#ffffff;
}


Catatan :

• Kode yang berwarna biru ganti dengan alamat Url gambar sobat
  
• 300px : tinggi gambar yang anda inginkan
  
• 500px : lebar gambar yang anda inginkan
  
• Normal : bisa diganti dengan Bold (tulisan tebal)
  
• ffffff : ganti dengan kode warna yang anda inginkan
  

• Klik tombol SAVE TEMPLATE
  
• Kemudian ke Elemen Laman
  
• Pilih HTML/Java Script Copy paste kode dibawah :
  

<table border="10" cellpadding="3" height="135" width="500"/>
<tr>
<td>
<div id="gambar">
<div id="tulisan">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" direction="left" width:500px height:25px;>

illank foto lagi santai…..hhehehehehe


</marquee>
</div>
</div>
</td>
</tr>
</table>

Catatan : tulisan berwarna merah ganti sesuai dengan selera……

• Save , semoga sukses……………..