Html Kode Part 05

Lanjutan part 04, kode hmtl beserta contohnya.

01. Kode widget Google Translate Blogger

<div id="google_translate_element"></div><script>

function googleTranslateElementInit() {

  new google.translate.TranslateElement({

    pageLanguage: 'en'

  }, 'google_translate_element');

}

</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

02. Memasang gambar melayang

Sama seperti  membuat flash melayang di halaman anda (pada posting sebelumnya "Memasang file flash/swf di widget blogger."), contoh ini adalah gambar yang akan dijadikan melayang.

copy paste kode berikut :

<div style="position: fixed; bottom: 200px; left: 0px;">
<a href="http://get.adobe.com/flashplayer/" target="_blank" title="If page are blank, Download Flash Player. Click Here"><img src="http://dl.dropbox.com/u/15145201/picture/GET%20FLASH%20PLAYER.png" style="border: 0px none;" alt="If page are blank, Download Flash Player. Click Here" /></a> </div>

Dimana :

• Tulisan berwarna biru silahkan ganti dengan tujuan url setelah di klik
• Tulisan berwarna merah adalah url letak gambar anda
• Tulisan tebal  ada label yang muncul bila gambar itu disorot oleh mouse 

Penjelasan :

<div style="position: fixed; bottom: 200px; left: 0px;"> ........................ </div>

adalah kode untuk membuat gambar, flash, tulisan akan melayang dengan posisi 200 pixel bawah dan 0 pixel kiri

dan

<a href="http://get.adobe.com/flashplayer/" target="_blank" title="Download Flash Player"><img src="http://dl.dropbox.com/u/15145201/picture/GET%20FLASH%20PLAYER.png" style="border: 0px none;" alt="if page are blank, Download Flash Player" /></a>

adalah kode untuk gambar dan tujuan url bila diklik nantinya

Hasil dari contoh ini anda dapat melihat gambar tersebut disamping kiri halaman ini. 

Berlanjut ke Html Kode Part 06

 

Arsip Trik Kami Yang Lainnya