Pages

DonkeyMails.com: No Minimum Payout
Server : Channel :
Use List | DalNet Commands (Open) | Help

Wednesday, July 23, 2014

Widget Keren Sweet Angel


Widget Keren Sweet Angel merupakan widget yang menampilkan gambar angel yang lucu dan imut yang ada di pojok kanan atau kiri layar browser, seperti contoh yang terlihat pada postingan artikel ini. Widget ini murni menggunakan HTML5 tanpa JQuery atau Javascript. Widget ini juga dapat di kostumasi tampilan gambarnya. Pada postingan artikel ini saya sediakan beberapa gambar angel yang lucu dan imut yang bisa sobat gunakan agar sesuai dengan tema blog sobat. Sekedar terlihat dinamis ... yaa lumayanlah untuk menambah daya tarik blog sekaligus membuat pengunjung merasa terhibur dengan berkunjung ke blog sobat. Buat yang berminat monggo di pasang di blognya.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.





  • Copy-paste kode berikut ini di kotak postingan gadget.

    <a href="http://monozcore.blogspot.com/2014/07/widget-keren-sweet-angel.html" target="blank" title="Get this widget..."><img id="angelImg" onmouseout="moveAngel();" border="0" src="http://1.bp.blogspot.com/-Xfoa7hLdQuU/VIAWXOxpi1I/AAAAAAAAEn4/3tU0k6q16LM/s1600/angel1.gif" style="position: fixed; right: 0px; top: 0px; z-index: +2;" /></a>
    <script>
    var dirAngelImg="left";
    function moveAngel(){
    if(dirAngelImg=="left"){
    $(function() {
    $( "#angelImg" ).animate({"left":"0px"}, "slow");});
    dirAngelImg="right";}
    else{
    var screenW = (($( document ).width())-($( "#angelImg" ).width()))+"px";
    $(function() {
    $( "#angelImg" ).animate({"left":screenW}, "slow");});
    dirAngelImg="left";
    }
    }
    </script>

    Catatan :
    • http://1.bp.blogspot.com/-Xfoa7hLdQuU/VIAWXOxpi1I/AAAAAAAAEn4/3tU0k6q16LM/s1600/angel1.gif ==> Alamat URL Gambar Angel.
    • right ==> Letak gambar, untuk meletakan gambar pada posisi kiri rubah kode HTML "right" menjadi "left".

  • Klik "Save" dan lihat hasilnya...
Pilihan Gambar :

  • http://1.bp.blogspot.com/-Xfoa7hLdQuU/VIAWXOxpi1I/AAAAAAAAEn4/3tU0k6q16LM/s1600/angel1.gif


  • http://2.bp.blogspot.com/-ia7GRjy1ZcM/VIAWwK3xzpI/AAAAAAAAEoQ/lgSsSUG_rnI/s1600/angel2.gif


  • http://2.bp.blogspot.com/-1JLsu64n8mk/VIAXEtvyHGI/AAAAAAAAEog/ugGN9-ScacY/s1600/angel3.gif


  • http://3.bp.blogspot.com/-jvDyi7Q-yOg/VIAXFHUb72I/AAAAAAAAEok/hz1uc2pbVYI/s1600/angel4.gif


  • http://3.bp.blogspot.com/-S9pg441MLVY/VIAXFKF8xgI/AAAAAAAAEoo/tCvpmSjNDME/s1600/angel5.gif


  • http://1.bp.blogspot.com/-13kxHmb8jto/VIAXF4NOaNI/AAAAAAAAEo4/ojX_SNR4GDI/s1600/angel6.gif


  • http://3.bp.blogspot.com/-DrfxYkMl6-E/VIAXHGKtugI/AAAAAAAAEpA/8Ii_cJSd3MY/s1600/angel7.gif


  • http://1.bp.blogspot.com/-UvVU_CXRwn4/VIAXHTyL8RI/AAAAAAAAEpE/SFD5_k73MB0/s1600/angel8.gif


  • http://4.bp.blogspot.com/-PFuW2gNHA1w/VIAXLZvMxjI/AAAAAAAAEpU/nGvQtYksth4/s1600/angel9.gif


  • http://4.bp.blogspot.com/-S78Pltgwwr0/VIAWl0XhreI/AAAAAAAAEoI/7XH0mWZXpms/s1600/angel10.gif


  • http://3.bp.blogspot.com/-5ImX8jrB9Vk/VIAWiZ-SgmI/AAAAAAAAEoA/--Dr3R5okeI/s1600/angel11.gif


  • http://2.bp.blogspot.com/-VEyJLZA6Tus/VIAWwMIj95I/AAAAAAAAEoU/9p6NRUMXNBk/s1600/angel12.gif
Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter monozcore... happy blogging...

.: Semoga Bermanfaat :.
DMCAProtected by CopyscapeMyFreeCopyright.com Registered & Protected
Share :
Comments
0 Comments

No comments:

Post a Comment