WIDGET ANIMASI

Kumpulan Animasi Bergerak Untuk Blog Terbaru

Cara memasang/Menambah animasi di blog

Pertama Login ke blogger
Pada menu Dashboard pilih Tata Letak
Klik Tambah Gadget dan pilih HTML/JavaScript
Copy dan place Script yang saya akan berikan di bawah nanti
Lalu Simpan

Animasi SpongeBob Ngantuk

<a href="http://algofixs.blogspot.co.id/" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>

Animasi Sponge Bob Jalan

<a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>

Animasi Petir

<a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>

Animasi Gokil

<a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.htmlg src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" /></a>

Animasi Naga

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">Widget Animasi</a></center></small></div>

Animasi Gajah

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">Widget-Animasi</a></center></small></div>

Animasi Sapa

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

Animasi Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

Animasi Berjalan

<a href="http://algofixs.blogspot.co.id/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>

Animasi Joget

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="

http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html
" target="_blank">Widget-Animasi</a></center></small></div>

Animasi Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html"_blank">Widget Animasi</a></center></small></div>

Animasi Helowwin

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">Widget-Animasi</a></center></small></div>

Animasi Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">Widget Animasi</a></center></small></div>

Animasi Kucing Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Animasi Mini Mouse

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html
" target="_blank">My Widget</a></center></small></div>

Animasi Naruto

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

Animasi Memanah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">Widget Animasi</a></center></small></div>

Animasi Bear Blue

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>

<small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

Animasi Kocak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

Animasi Seluncur

<a href="http://algofixs.blogspot.co.id/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>

Animasi SpongeBob Menari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

Animasi 2d

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

Animasi Bintang

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

Animasi Danger

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

AnimasiMemalu

<a href="http://algofixs.blogspot.co.id/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>

Animasi Ubur-ubur

<a href="http://algofixs.blogspot.co.id/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif" /></a>

Animasi Zombi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://algofixs.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://algofixs.blogspot.com/2017/01/kumpulan-animasi-untuk-blog-terbaru.html" target="_blank">My Widget</a></center></small></div>

JAM DIGITAL

<div class="DPDC" cityid="4251" lang="en" id="dayspedia_widget_20949434c92958cb" host="https://dayspedia.com" ampm="true" nightsign="true" sun="false">

    <style media="screen" id="dayspedia_widget_20949434c92958cb_style">
                /*COMMON*/
        .DPDC{display:table;position:relative;box-sizing:border-box;font-size:100.01%;font-style:normal;font-family:Arial;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;user-select:none}
        .DPDCh,.DPDCd{width:fit-content;line-height:1.4}
        .DPDCh{margin-bottom:1em}
        .DPDCd{margin-top:.24em}
        .DPDCt{line-height:1}
        .DPDCth,.DPDCtm,.DPDCts{display:inline-block;vertical-align:text-top;white-space:nowrap}
        .DPDCth{min-width:0.6em;text-align:right}
        .DPDCtm,.DPDCts{min-width:1.44em}
        .DPDCtm::before,.DPDCts::before{display:inline-block;content:':';vertical-align:middle;margin:-.34em 0 0 -.07em;width:.32em;text-align:center;opacity:.72;filter:alpha(opacity=72)}
        .DPDCt12{display:inline-block;vertical-align:baseline;top:-0.12em;position:relative;font-size:40%}
        .DPDCdm::after{content:' '}
        .DPDCda::after{content:', '}
        .DPDCdt{margin-right:.48em}
        .DPDCtn{display:inline-block;position:relative;width:13px;height:13px;border:2px solid;border-radius:50%;overflow:hidden}
        .DPDCtn>i{display:block;content:'';position:absolute;right:33%;top:-5%;width:85%;height:85%;border-radius:50%}
        .DPDCs{margin:.96em 0 0 -3px;font-size:90%;line-height:1;white-space:nowrap}
        .DPDCs sup{padding-left:.24em;font-size:65%}
        .DPDCsl::before,.DPDCsl::after{display:inline-block;opacity:.4}
        .DPDCsl::before{content:'~';margin:0 .12em}
        .DPDCsl::after{content:'~';margin:0 .24em}
        .DPDCs svg{display:inline-block;vertical-align:bottom;width:1.2em;height:1.2em;opacity:.48}
        /*CUSTOM*/

        .DPDC{width:auto;padding:24px;background-color:#ffffff;border:1px solid #343434;border-radius:8px} /* widget width, padding, background, border, rounded corners */
        .DPDCh{color:#007DBF;font-weight:normal} /* headline color, font-weight*/
        .DPDCt,.DPDCd{color:#343434;font-weight:bold} /* time & date color, font-weight */
        .DPDCtn{border-color:#343434} /* night-sign color = time & date color */
        .DPDCtn>i{background-color:#343434} /* night-sign color = time & date color */
        .DPDCt{font-size:48px} /* time font-size */
        .DPDCh,.DPDCd{font-size:16px} /* headline & date font-size */
    </style>

    <a class="DPl" href="https://dayspedia.com/time/th/Kebakkramat/" target="_blank" style="display:block!important;text-decoration:none!important;border:none!important;cursor:pointer!important;background:transparent!important;line-height:0!important;text-shadow:none!important;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" style="position:absolute;right:8px;bottom:0;width:16px;height:16px">
            <path style="fill:/*defined*/#007DBF" d="M0,0v16h1.7c-0.1-0.2-0.1-0.3-0.1-0.5c0-0.9,0.8-1.6,1.6-1.6c0.9,0,1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5h1.8 c-0.1-0.2-0.1-0.3-0.1-0.5c0-0.9,0.8-1.6,1.6-1.6s1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5h1.8c-0.1-0.2-0.1-0.3-0.1-0.5 c0-0.9,0.8-1.6,1.6-1.6c0.9,0,1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5H16V0H0z M4.2,8H2V2h2.2c2.1,0,3.3,1.3,3.3,3S6.3,8,4.2,8z M11.4,6.3h-0.8V8H9V2h2.5c1.4,0,2.4,0.8,2.4,2.1C13.9,5.6,12.9,6.3,11.4,6.3z M4.4,3.5H3.7v3h0.7C5.4,6.5,6,6,6,5 C6,4.1,5.4,3.5,4.4,3.5z M11.3,3.4h-0.8V5h0.8c0.6,0,0.9-0.3,0.9-0.8C12.2,3.7,11.9,3.4,11.3,3.4z">
            </path>
        </svg>
        <span title="DaysPedia.com" style="position:absolute;right:28px;bottom:6px;height:10px;width:60px;overflow:hidden;text-align:right;font:normal 10px/10px Arial,sans-serif!important;color:/*defined*/#007DBF">Powered by DaysPedia.com</span>
    </a>
    <div class="DPDCh">Current Time in KEBAKKRAMAT</div>
    <div class="DPDCt">
        <span class="DPDCth">9</span><span class="DPDCtm">52</span><span class="DPDCts">58</span><span class="DPDCt12">am</span>
    </div>
    <div class="DPDCd">
        <span class="DPDCdt">Thu, October 3</span><span class="DPDCtn" style="display: none;"><i></i></span>
    </div>

    <div class="DPDCs" style="display:none">
        <span class="DPDCsr">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12,4L7.8,8.2l1.4,1.4c0,0,0.9-0.9,1.8-1.8V14h2c0,0,0-3.3,0-6.2l1.8,1.8l1.4-1.4L12,4z"></path><path d="M6.8,15.3L5,13.5l-1.4,1.4l1.8,1.8L6.8,15.3z M4,21H1v2h3V21z M20.5,14.9L19,13.5l-1.8,1.8l1.4,1.4L20.5,14.9z M20,21v2h3 v-2H20z M6.1,23C6,22.7,6,22.3,6,22c0-3.3,2.7-6,6-6s6,2.7,6,6c0,0.3,0,0.7-0.1,1H6.1z"></path></svg>
            6:07 am<sup>am</sup>
        </span>
        <span class="DPDCsl">11:59</span>
        <span class="DPDCss">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12,14L7.8,9.8l1.4-1.4c0,0,0.9,0.9,1.8,1.8V4h2c0,0,0,3.3,0,6.2l1.8-1.8l1.4,1.4L12,14z"></path><path d="M6.8,15.3L5,13.5l-1.4,1.4l1.8,1.8L6.8,15.3z M4,21H1v2h3V21z M20.5,14.9L19,13.5l-1.8,1.8l1.4,1.4L20.5,14.9z M20,21v2h3 v-2H20z M6.1,23C6,22.7,6,22.3,6,22c0-3.3,2.7-6,6-6s6,2.7,6,6c0,0.3,0,0.7-0.1,1H6.1z"></path></svg>
            6:06 pm<sup>pm</sup>
        </span>
    </div>
    <script>
        var s, t; s = document.createElement("script"); s.type = "text/javascript";
        s.src = "//cdn.dayspedia.com/js/dwidget.min.vc01b6c64.js";
        t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);
        s.onload = function() {
            window.dwidget = new window.DigitClock();
            window.dwidget.init("dayspedia_widget_20949434c92958cb");
        };
    </script>
    
    </div>

Cari Blog Ini

SMA N KEBAKKRAMAT