Widget Flying TinkerBell

Masih ingat dengan film Peterpan dengan peri ajaib si Tinkerbell ??? ok dech kalo masih ingat... nahh... kreasi widget blog kali ini menggunakan efek animasi flying image tinkerbell, seru-kan ??? untuk contoh seperti yang terlihat pada postingan artikel ini. Widget flying tinkerbell menggunakan javascript flying image yang sudah dimodifikasi. Oke...sob saya udah kehabisan kata-kata nich... mending kita langsung ke TKP aja yaa...

Cara Pemasangan :

• Login ke blog sobat...


• Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
  
  
  


• Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut.
  
  
  <style> #dragonBox{ background-color:#F2F2F2; width:306px; border:1px solid #ABACB2; border-radius:3px; box-sizing:border-box; padding:2px; position:fixed; top:0; left:-310px; z-index:+99999999999; } #drxClose{ cursor:pointer;color:#9A9AA1;font-size:17px;font-weight:700;float:right;padding-right:5px; } #drxClose:hover{color:red;} </style> <div id="dragonBox"> <div id="drxClose" onclick="showDragonBox()" title="Close">X</div> <div style="cursor:pointer;color:#58ACFA;font-size:14px;font-weight:700;text-align:center;">CHATBOX</div> <!-- BEGIN CODE --> TARUH KODE HTML ATAU SCRIPT DISINI <!-- END CODE --> </div> <script language="javascript"> var mozbitURL="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEa90KlMsdXCS3kKuzOt-fzdLToqMZtt9W9LZKf3-v0TWq4yuiNiiQIKkcWbYllWy0t_Wq6fGsZawUuHAuUPHCd0gO-D5e7-wj9Ezq7Y6Q_tZtwwu6Y-Zs4Xnckk-yS9PGz4owrSCMfGs/s800/Flying_Tinkerbell.gif"; </script> <script> function showDragonBox(){ if(idShowDX == false){ $("#dragonBox").animate({left: "+=310"}, 500); clearInterval(startAnimateImg); clearTimeout(startChangeAnimateImg); $("#bothImg").hide("explode"); idShowDX=true; }else{ $("#dragonBox").animate({left: "-=310"}, 500); $("#bothImg").show('explode'); getwindowsize(); moveidtoImg(bothImg,(w_xImg-picwImg)/2,(w_yImg-pichImg)/2); startAnimateImg = setInterval('animateImg()',speedImg); idShowDX=false; }} </script> <script> document.write(unescape('%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%66%75%6E%63%74%69%6F%6E%20%64%46%28%73%29%7B%76%61%72%20%73%31%3D%75%6E%65%73%63%61%70%65%28%73%2E%73%75%62%73%74%72%28%30%2C%73%2E%6C%65%6E%67%74%68%2D%31%29%29%3B%20%76%61%72%20%74%3D%27%27%3B%66%6F%72%28%69%3D%30%3B%69%3C%73%31%2E%6C%65%6E%67%74%68%3B%69%2B%2B%29%74%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%31%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%73%2E%73%75%62%73%74%72%28%73%2E%6C%65%6E%67%74%68%2D%31%2C%31%29%29%3B%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%74%29%29%3B%7D%3C%2F%73%63%72%69%70%74%3E'));dF('%275EUETKRV%2742NCPIWCIG%275F%2744lcxcuetkrv%2744%275G%272Cxct%2742urggfKoi%275F45%275D%272Cxct%2742ejcpigKoi%275F7222%275D%272Cxct%2742zoczKoi%275F5%275D%272Cxct%2742%7BoczKoi%275F5%275D%272Cxct%2742kfUjqyFZ%275Fhcnug%275D%272Cxct%2742y5eKoi%275F%274%3Afqewogpv0igvGngogpvD%7BKf%274%3B%275Hvtwg%275Chcnug%275D%272Cxct%2742pu6Koi%275F%274%3Afqewogpv0nc%7Bgtu%274%3B%275Hvtwg%275Chcnug%275D%272Cxct%2742kg6Koi%275F%274%3Afqewogpv0cnn%2742%2748%2748%2742%2743y5eKoi%274%3B%275Hvtwg%275Chcnug%275D%272Cxct%2742kg7Koi%275F%274%3Afqewogpv0cnn%2742%2748%2748%2742y5eKoi%274%3B%275Hvtwg%275Chcnug%275D%272Cxct%2742pu8Koi%275F%274%3Ay5eKoi%2742%2748%2748%2742pcxkicvqt0crrPcog0kpfgzQh%274%3A%2744Pgvuecrg%2744%274%3B%275G%275F2%274%3B%275Hvtwg%275Chcnug%275D%272Cxct%2742yazKoi%274E%2742ya%7BKoi%274E%2742dqvjKoi%274ErkejKoi%274ErkeyKoi%275D%272Cxct%2742kpetzKoi%275FOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2CzoczKoi%274%3B%275D%272Cxct%2742kpet%7BKoi%275FOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C%7BoczKoi%274%3B%275D%272Cxct%2742zfktKoi%275Fvtwg%275D%272Cxct%2742%7BfktKoi%275Fvtwg%275D%272Cxct%2742kocigz%275Fpgy%2742Kocig%274%3A%274%3B%275D%2742kocigz0ute%275Foq%7CdkvWTN%275D%272Cxct%2742KoiJvon%2742%275F%2742%274%3Apu6Koi%274%3B%275H%2742%2749%275Enc%7Bgt%2742pcog%275F%2744dqvjKoi%2744%2742vqr%275F%2744/322%2744%2742nghv%275F%27442%2744%275G%2749%2742%275C%2742%2749%275Efkx%2742kf%275F%2744dqvjKoi%2744%2742uv%7Bng%275F%2744rqukvkqp%275Ccduqnwvg%275D%2742vqr%275C2rz%275Dnghv%275C2rz%275D%7C/kpfgz%275C-%3B%3B%3B%3B%3B%275D%2744%275G%2749%275D%2742%272CKoiJvon%2742-%275F%2742%2749%275Ekoi%2742ute%275F%2744%2749-oq%7CdkvWTN-%2749%2744%2742dqtfgt%275F%27442%2744%2742pcog%275F%2744Koirke%2744%2742uv%7Bng%275F%2744ewtuqt%275Crqkpvgt%275D%2744%2742qpenkem%275F%2744ujqyFtciqpDqz%274%3A%274%3B%2744%275G%2749%275D%272CKoiJvon%2742-%275F%2742%274%3Apu6Koi%274%3B%275H%2749%275E1nc%7Bgt%275G%2749%275C%2749%275E1fkx%275G%2749%275D%272C%2746%274%3A%2749dqf%7B%2749%274%3B0crrgpf%274%3AKoiJvon%274%3B%275D%272C%272Chwpevkqp%2742igvkfKoi%274%3Akf%274%3B%279D%272Ckh%274%3Apu6Koi%274%3B%2742tgvwtp%2742fqewogpv0nc%7Bgtu%277Dkf%277F%275D%272Cgnug%2742kh%274%3Akg6Koi%274%3Btgvwtp%2742fqewogpv0cnn%277Dkf%277F%275D%272Cgnug%2742tgvwtp%2742fqewogpv0igvGngogpvD%7BKf%274%3Akf%274%3B%275D%272C%279F%272C%272Chwpevkqp%2742oqxgkfvqKoi%274%3Akf%274Ez%274E%7B%274%3B%279D%272Ckh%274%3Apu6Koi%274%3Bkf0oqxgVq%274%3Az%274E%7B%274%3B%275D%272Cgnug%279D%272Ckf0uv%7Bng0nghv%275Fz-%2749rz%2749%275D%272Ckf0uv%7Bng0vqr%275F%7B-%2749rz%2749%275D%272C%279F%279F%272C%272Chwpevkqp%2742oqxgkfd%7BKoi%274%3Akf%274Ez%274E%7B%274%3B%279D%272Ckh%274%3Apu6Koi%274%3Bkf0oqxgD%7B%274%3Az%274E%7B%274%3B%275D%272Cgnug%279D%272Ckf0uv%7Bng0nghv%275FrctugKpv%274%3Akf0uv%7Bng0nghv%274%3B-z-%2749rz%2749%275D%272Ckf0uv%7Bng0vqr%275FrctugKpv%274%3Akf0uv%7Bng0vqr%274%3B-%7B-%2749rz%2749%275D%272C%279F%279F%272C%272Chwpevkqp%2742igvykpfqyuk%7Cg%274%3A%274%3B%279D%272Ckh%274%3Akg6Koi%279E%279Ekg7Koi%274%3B%279D%272CyazKoi%275Ffqewogpv0dqf%7B0enkgpvYkfvj%275D%272Cya%7BKoi%275Ffqewogpv0dqf%7B0enkgpvJgkijv%275D%272C%279Fgnug%279D%272CyazKoi%275Fykpfqy0kppgtYkfvj/37%275D%272Cya%7BKoi%275Fykpfqy0kppgtJgkijv/37%275D%272C%279F%279F%272C%272Chwpevkqp%2742ejcpigfktuKoi%274%3A%274%3B%279D%272Ckh%274%3AOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C7%274%3B%275G4%274%3BzfktKoi%275F%274%3AOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C4%274%3B%275F%275F2%274%3B%275D%272Ckh%274%3AOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C7%274%3B%275G4%274%3B%7BfktKoi%275F%274%3AOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C4%274%3B%275F%275F2%274%3B%275D%272Ckh%274%3AOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C7%274%3B%275G4%274%3BkpetzKoi%275FOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2CzoczKoi%274%3B%275D%272Ckh%274%3AOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C7%274%3B%275G4%274%3Bkpet%7BKoi%275FOcvj0hnqqt%274%3AOcvj0tcpfqo%274%3A%274%3B%2C%7BoczKoi%274%3B%275D%272CejgemfktuKoi%274%3A%274%3B%275D%272CuvctvEjcpigCpkocvgKoi%2742%275F%2742ugvVkogqwv%274%3A%2749ejcpigfktuKoi%274%3A%274%3B%2749%274EOcvj0egkn%274%3AOcvj0tcpfqo%274%3A%274%3B%2CejcpigKoi%274%3B%274%3B%275D%272C%279F%272C%272Chwpevkqp%2742ejgemfktuKoi%274%3A%274%3B%279D%272Ckh%274%3AzfktKoi%275F%275Fvtwg%2742%279E%279E%2742pu6Koi%275F%275Fvtwg%274%3B%279D%2746%274%3A%2749%2745dqvjKoi%2749%274%3B0euu%274%3A%279D%2749vtcpukvkqp%2749%275C%2749208u%2749%274E%2749vtcpuhqto%2749%275C%2749uecngZ%274%3A3%274%3B%2749%279F%274%3B%279F%272Cgnug%279D%2746%274%3A%2749%2745dqvjKoi%2749%274%3B0euu%274%3A%279D%2749vtcpukvkqp%2749%275C%2749208u%2749%274E%2749vtcpuhqto%2749%275C%2749uecngZ%274%3A/3%274%3B%2749%279F%274%3B%279F%272C%279F%272C%272Chwpevkqp%2742cpkocvgKoi%274%3A%274%3B%279D%272Cxct%2742vz%275F%274%3Apu6Koi%274%3B%275HdqvjKoi0nghv%275CrctugKpv%274%3AdqvjKoi0uv%7Bng0nghv%274%3B%275D%272Cxct%2742v%7B%275F%274%3Apu6Koi%274%3B%275HdqvjKoi0vqr%275CrctugKpv%274%3AdqvjKoi0uv%7Bng0vqr%274%3B%275D%272Ckh%274%3Akg6Koi%279E%279Ekg7Koi%274%3B%279D%272Czq%275Ffqewogpv0dqf%7B0uetqnnNghv%275D%272C%7Bq%275Ffqewogpv0dqf%7B0uetqnnVqr%275D%272C%279Fgnug%279D%272Czq%275Fykpfqy0rcigZQhhugv%275D%272C%7Bq%275Fykpfqy0rcig%5BQhhugv%275D%272C%279F%272Ckh%274%3A%7BfktKoi%274%3B%2742kh%274%3A%274%3Av%7B-kpet%7BKoi-rkejKoi%274%3B%275G%274%3Aya%7BKoi-%7Bq%274%3B%274%3B%279D%7BfktKoi%275Fhcnug%275D%2742ejgemfktuKoi%274%3A%274%3B%275D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274E2%274E/kpet%7BKoi%274%3B%275D%279Fgnug%279D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274E2%274Ekpet%7BKoi%274%3B%275D%2742%279F%272Cgnug%2742kh%274%3A%274%3Av%7B/kpet%7BKoi%274%3B%275E%7Bq%274%3B%279D%2742%7BfktKoi%275Fvtwg%275D%2742ejgemfktuKoi%274%3A%274%3B%275D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274E2%274Ekpet%7BKoi%274%3B%275D%2742%279Fgnug%279D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274E2%274E/kpet%7BKoi%274%3B%275D%2742%279F%272Ckh%274%3AzfktKoi%274%3B%2742kh%274%3A%274%3Avz-kpetzKoi-rkeyKoi%274%3B%275G%274%3AyazKoi-zq%274%3B%274%3B%279D%2742zfktKoi%275Fhcnug%275D%2742ejgemfktuKoi%274%3A%274%3B%275D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274E/kpetzKoi%274E2%274%3B%275D%2742%279Fgnug%279D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274EkpetzKoi%274E2%274%3B%275D%2742%279F%272Cgnug%2742kh%274%3A%274%3Avz/kpetzKoi%274%3B%275Ezq%274%3B%279D%2742zfktKoi%275Fvtwg%275D%2742ejgemfktuKoi%274%3A%274%3B%275D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274EkpetzKoi%274E2%274%3B%275D%2742%279Fgnug%279D%2742oqxgkfd%7BKoi%274%3AdqvjKoi%274E/kpetzKoi%274E2%274%3B%275D%2742%279F%272C%279F%272C%272Cykpfqy0qptguk%7Cg%275Fhwpevkqp%274%3A%274%3B%279D%272Ckh%274%3Apu6Koi%274%3BugvVkogqwv%274%3A%2749jkuvqt%7B0iq%274%3A2%274%3B%2749%274E622%274%3B%275D%272Cgnug%2742igvykpfqyuk%7Cg%274%3A%274%3B%275D%272C%279F%272C%272CdqvjKoi%275FigvkfKoi%274%3A%2749dqvjKoi%2749%274%3B%275D%272Ckh%274%3Apu6Koi%274%3B%279D%272CrkeyKoi%275FdqvjKoi0fqewogpv0kocigu%277D%2749Koirke%2749%277F0ykfvj%275D%272CrkejKoi%275FdqvjKoi0fqewogpv0kocigu%277D%2749Koirke%2749%277F0jgkijv%275D%272C%279Fgnug%279D%272CrkeyKoi%275Ffqewogpv0kocigu%277D%2749Koirke%2749%277F0ykfvj%275D%272CrkejKoi%275Ffqewogpv0kocigu%277D%2749Koirke%2749%277F0jgkijv%275D%272C%279F%272C%272Cigvykpfqyuk%7Cg%274%3A%274%3B%275D%272CoqxgkfvqKoi%274%3AdqvjKoi%274E%274%3AyazKoi/rkeyKoi%274%3B14%274E%274%3Aya%7BKoi/rkejKoi%274%3B14%274%3B%275D%272CuvctvCpkocvgKoi%2742%275F%2742ugvKpvgtxcn%274%3A%2749cpkocvgKoi%274%3A%274%3B%2749%274EurggfKoi%274%3B%275D%272CejcpigfktuKoi%274%3A%274%3B%275D%272C%275E1UETKRV%275G2') </script>


• Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

X

CHATBOX

TARUH KODE HTML ATAU SCRIPT DISINI