Rabu, 02 Juli 2014
Nah.. Karna ada sebuah kesempatan yang sangat langkah, Mitchan akan memberikan contoh widget Vocaloid. Tadaaa~
<div style="position:fixed; bottom:0px; left: 10px; width:120px;
heigth:170px;"><a href="http://kawaiianime-chan.blogspot.com/"
target="_blank" title="Click To Get More"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOvqqqSAeasI2ChQ0fwLiR9h_cmNddpn94xvf3BR-Uo59XwuKM2zOyX_yzNAx2uuCBMaPN1c0INIRL90a6omtVf_YEELOEkKTPE-KjgrQBgVVE2cZkYznnQAV-uYnRO8DyUpQ3KgFFpA/s1600/Chibi+Hatsune+Miku+gif+Gambar+gerak+help.gif" /></a></div>
<div style="position:fixed; bottom:0px; left: 10px; width:120px;
heigth:170px;"><a href="http://kawaiianime-chan.blogspot.com/"
target="_blank" title="Click To Get More"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAwf4qDLBKiFkV43_PAk76PkmbZvkfrVnSPxldWZgGi77iPCBJNjkHa9e-7V1Le8PbIalrTMP5nBfoEV8EktvQuXVfjJ6CHhIb-pAPDq2-C0cQlCI4GqgA1tQ5wpNFBtGYzEQxnfZO5aQ/s1600/E38381E382A2E3839FE382AF_mameshiba_201204271118.gif" /></a></div>
<div style="position:fixed; bottom:0px; left: 10px; width:120px;
heigth:170px;"><a href="http://kawaiianime-chan.blogspot.com/"
target="_blank" title="Click To Get More"><img src="http://media.giphy.com/media/kxE0LzX2x6GD6/giphy.gif" /></a></div>
<div style="position:fixed; bottom:0px; left: 10px; width:120px; heigth:170px;"><a href="http://kawaiianime-chan.blogspot.com/" target="_blank" title="Click To Get More"><img src="http://a66c7b.medialib.glogster.com/media/52/5266c42e4bf9db38944a18517fc661cf6bb0a3b94852bb7f88ee41a6bd70ba37/user9604-pic25088-1239896521.gif" /></a></div>
<div style="position:fixed; bottom:0px; left: 10px; width:120px;
heigth:170px;"><a href="http://kawaiianime-chan.blogspot.com/"
target="_blank" title="Click To Get More"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhveSY4lGPSKGGwXDBgOYpFD2vBeqBgX0MPJT4DGMDN6whZFBFymJ2wKcOzbycmAdQeFTMJpwVvPFHjTIq90C0cePFLhIFthR6-Lyobpf97ZC-rhPucRlPzkHz77rwE2CeJ9xuTSQ73_Nw/s1600/6f12ff3534e88dab9050f6cfaf259dc890b.gif" /></a></div>
<div style="position:fixed; bottom:0px; left: 10px; width:120px;
heigth:170px;"><a href="http://kawaiianime-chan.blogspot.com/"
target="_blank" title="Click To Get More"><img src="http://img1.wikia.nocookie.net/__cb20130315023156/adventuretimewithfinnandjake/images/d/dd/18470-chibi-gif-guitar-kagamine_len-solo-vocaloid.gif" /></a></div>
Merah : (di tulisan merah terdiri berbagai macam style)
- Position : untuk menampilkan pengaturan posisi gambar. nah di atas adalah fixed. maksudnya jika sang pengunjung meng-scroll ke bawah atau ke atas widget itu tetap berada di tempat (diam ditempat).
- Bottom : untuk jarak dari bawah
- Left : untuk jarak dari samping
- Width : untuk mengatur lebar gambar
- Heigth : untuk mengatur panjang gambar
Biru : (link yang akan dialihkan saaat pengunjung mengeklik gambar
- Href : Link yang akan dituju
- Target : untuk memilih mode klik nya. nah di kode tersebut jika di klik maka akan muncul tab baru.
- Title : untuk memberi judul jika mouse stand by di gambar
Hijau : code atau link untuk menampilkan gambarnya
Posting Komentar