tag:blogger.com,1999:blog-29722635281717330232024-03-12T19:25:25.412-07:00DemoFerdi Stylehttp://www.blogger.com/profile/00804050614332845605noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-2972263528171733023.post-24261852192509878682015-12-31T01:15:00.002-08:002015-12-31T01:21:47.417-08:00Demo Daftar Isi<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>Ferdi Stylehttp://www.blogger.com/profile/00804050614332845605noreply@blogger.com0tag:blogger.com,1999:blog-2972263528171733023.post-41234070016768895002015-12-27T12:42:00.003-08:002015-12-27T12:42:49.765-08:00Demo Kembang api<div style="position: fixed; bottom: 0px; right: 0px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="600" title="Widget By Ferdi Style - http://www.ferdistyle.xyz" src="https://sites.google.com/site/ferdistyle12/widget/ferdistyle-fireworks.swf" href="http://www.ferdistyle.xyz" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>
<div style="position: fixed; bottom: 0px; left: 0px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="600" title="Widget By Ferdi Style - http://www.ferdistyle.xyz" src="https://sites.google.com/site/ferdistyle12/widget/ferdistyle-fireworks.swf" href="http://www.ferdistyle.xyz" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>Ferdi Stylehttp://www.blogger.com/profile/00804050614332845605noreply@blogger.com0tag:blogger.com,1999:blog-2972263528171733023.post-25920002851545588432015-12-25T17:56:00.002-08:002015-12-25T18:21:48.915-08:00Test<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/ferdistyle12/widget/ferdistyle-load-santa.js" type="text/javascript"></script>
<style>
#ferdistyle-load-santa { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivEkoFRLewJud_oiIoQsZUQOYfdm6BvwI_wrA9MuLSBdK26Vf_1usx8xYLBzks7wSUKv-9TjFhbT6W3ZjPOcRa_5IOl1q9qUkIZef2knIxdRIC4-9sPsoKgmJJm20JGB14ZbpBzIMK9_Q/s320/village.gif) #00CCFF no-repeat center; width:100%; height:100%; position:fixed; left:0; top:0; z-index:+100000 }
.dots-container { padding:0; position:absolute; text-align:center; top:65%; width:100%; }
.dots { -webkit-animation:bounce 1.5s infinite linear; animation:bounce 1.5s infinite linear; background:#FFF; border-radius:50%; display:inline-block; height:20px; text-align:center; width:20px; }
.dots:nth-child(1) { -webkit-animation-delay:.2s; animation-delay:.2s; }
.dots:nth-child(2) { -webkit-animation-delay:.4s; animation-delay:.4s; }
.dots:nth-child(3) { -webkit-animation-delay:.6s; animation-delay:.6s; }
.dots:nth-child(4) { -webkit-animation-delay:.8s; animation-delay:.8s; }
.dots:nth-child(5) { -webkit-animation-delay:1s; animation-delay:1s; }
@-webkit-keyframes bounce {
0% { -webkit-transform:translateY(0); } 15% { -webkit-transform:translateY(-15px); } 30% { -webkit-transform:translateY(0); }
}
@keyframes bounce {
0% { transform:translateY(0); } 15% { transform:translateY(-15px); } 30% { transform:translateY(0); }
}
</style>
<br />
<div id="ferdistyle-load-santa">
<div id="ferdistyle-santa">
<div class="dots-container">
<div class="dots">
</div>
<div class="dots">
</div>
<div class="dots">
</div>
<div class="dots">
</div>
<div class="dots">
</div>
</div>
</div>
</div>Ferdi Stylehttp://www.blogger.com/profile/00804050614332845605noreply@blogger.com0