Showing posts with label animasi. Show all posts
Showing posts with label animasi. Show all posts

Sunday, February 5, 2017

Cara Memasang CCTV Animasi Di blog

Cara Memasang CCTV Animasi Di blog


Helo Saya Akan Memberi Tahu Cara Memasang CCTV ANIMASI


APAHKAH Anda tahu CCTVAnimasi..?
yang Pasti pada udah Tau yaa... 
Nah Biasanya kan CCTV itu buat ngerekam Perampok...
Nah Loh perampok...#gosong deh.....

yaa....  kalow diblogger Berfungsi Memperindah deh [cool] gitu..... 
Tapi kali ini saya mau Bagi-Bagi Cara Pasang CCTV(camera)

Langsung ke TiTik yaaa...

 1.Log in ke Blogger
 2. Menuju Rancangan
 3. Ke Elemen Laman
 4.Tambah Gadget
 5.udah tau kan HTML/java scrip

Nah sekarang Masukin Script kayak Ginian....
#dibawah ini :) 

yang di bawah ini Posisi nya berada pada sebelah kanan......
dan saya post juga kok posisi sebelah kiri....
tinggal liat bagian bawah aja kok....



<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPILu1aUwfz0d0Ah5Tfnns6y2L60HFUfY_VA-fDJ5qzcZWf_Yhof_4bhqLidJbxFKijbzLrr-2AT8B6ooS2vOCmAs53nkFiEIfhen9vgGo1eSqhRxh9HfNUEwkjXcVSvQAzksgYpbjF1zL/s120/Hey+coy+%28+www.fake-buku.blogspot.com+%29+CCTV.gif" alt="cbox" title="Click | About Me" style="display:scroll;position: fixed; top:0px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1.0;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" ;" height="90px" width="77px" /></a></center>

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:1px solid #000000;
background:#000000 repeat-y center;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:9px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png) no-repeat;">
<br/>
<br/>
<br/>
<center><a href="https://plus.google.com/u/0/110891635296115123215"><img border="0" title="My.Google" alt="My.Google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNLQ2l7fzTps4JdamK6z_pCdUwCfGdPKh3xOBDMbTjfgTFhF4jLTGx4C-3ToJxsvr8IhP6v2rY-eRhBQs3CXtWNQaGjP6KEF5Ykyo_rThGc3r7tgIcRtIeNP_vQijmE0TrLSxpWD9a/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+google_plus.png"/></a>
<a href="http://www.facebook.com/Arta.Crew"><img border="0" title="My.Facebook" alt="My.Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1CqwXOs4Q0lb18hAzztHi1o6qXsVtsNZZk62JWvFCzWbCsnrO5ZN9fD0ViaQmEb7B6BsVgeH6jWF6OV189wrvAMe4yzGvr2S82Cn87KUFjZRSl6xWN02KqD0WkzGwJ2ZTh924HirA/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+inside-facebook.png"/></a>
<a href="http://www.twitter.com/ArtaCreativity"><img border="0" title="My.Twitter" alt="My.Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgswPbzJcF4TIPt_8Glt1APTMzJgX0qeQyWlj12MfEC3nH8NqWgsvzUqdeIGpS5dHF9E1T5tF_4RR5ZkP0J4LWooF9lvdlJQZ1DOKQrd2HnR1XqTwnkL0MVk_kQjr1JtBKFpabKkLnB/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+glossy-Twitter.png"/>
</a></center>
<br/>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></div></div></div></div>



SaVe  OKz




<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPILu1aUwfz0d0Ah5Tfnns6y2L60HFUfY_VA-fDJ5qzcZWf_Yhof_4bhqLidJbxFKijbzLrr-2AT8B6ooS2vOCmAs53nkFiEIfhen9vgGo1eSqhRxh9HfNUEwkjXcVSvQAzksgYpbjF1zL/s120/Hey+coy+%28+www.fake-buku.blogspot.com+%29+CCTV.gif" alt="cbox" title="Click | About Me" style="display:scroll;position: fixed; top:0px;left:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1.0;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" ;" height="90px" width="77px" /></a></center>

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:1px solid #000000;
background:#000000 repeat-y center;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px; 
padding:9px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png) no-repeat;">
<br/>
<br/>
<br/>
<center><a href="https://plus.google.com/u/0/110891635296115123215"><img border="0" title="My.Google" alt="My.Google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNLQ2l7fzTps4JdamK6z_pCdUwCfGdPKh3xOBDMbTjfgTFhF4jLTGx4C-3ToJxsvr8IhP6v2rY-eRhBQs3CXtWNQaGjP6KEF5Ykyo_rThGc3r7tgIcRtIeNP_vQijmE0TrLSxpWD9a/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+google_plus.png"/></a>
<a href="http://www.facebook.com/Arta.Crew"><img border="0" title="My.Facebook" alt="My.Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1CqwXOs4Q0lb18hAzztHi1o6qXsVtsNZZk62JWvFCzWbCsnrO5ZN9fD0ViaQmEb7B6BsVgeH6jWF6OV189wrvAMe4yzGvr2S82Cn87KUFjZRSl6xWN02KqD0WkzGwJ2ZTh924HirA/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+inside-facebook.png"/></a>
<a href="http://www.twitter.com/ArtaCreativity"><img border="0" title="My.Twitter" alt="My.Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgswPbzJcF4TIPt_8Glt1APTMzJgX0qeQyWlj12MfEC3nH8NqWgsvzUqdeIGpS5dHF9E1T5tF_4RR5ZkP0J4LWooF9lvdlJQZ1DOKQrd2HnR1XqTwnkL0MVk_kQjr1JtBKFpabKkLnB/s150/Hey+coy+%28+www.fake-buku.blogspot.com+%29+glossy-Twitter.png"/>
</a></center>
<br/>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></div></div></div></div>



                    


Available link for download

Read more »
Posted by at
Labels: , , , , ,

Wednesday, December 14, 2016

Cara memasang animasi burung twitter di blog

Cara memasang animasi burung twitter di blog


   
 
Kali ini saya akan menyempatkan waktu saya untuk mosting,kali ini saya akan membahas tentang Cara memasang animasi burung twitter di blog udah penasaran kan yaudah langsung aja praktekin tapi sebelum dipraktekin follow blog sdaya ini dulu dong biar tambah sip,okelah kalo begitu kita mulai tutorialnya:
1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Pilih Edit html
4.Kemudian cari kode </body> (agar lebih mudah mencarinya gunakan f3)
6.Masukkan kode dibawah ini setelah kode  </body>
<script type=text/javascript src=https://sites.google.com/site/webmiftah/js/tripleflapme.js> </script> <script type=text/javascript> var birdSprite=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrbxshbsKwua14eSja_CwqmtQUX6-ylvmWr9K-SE1YTNFx9vQ9mx86-TGYRfp9Ap7e43AQxuKkKHtsZK9fqJkQn9hmALkIUJr7Kdp12RO9mzpWN_P3KLxmLk9NHL8PNKzO8VS2S7R5tqbw/s1600/birdsprite.png; var targetElems=new Array(img,hr,table,td,div,input,textarea,button,select,ul,ol,li,h1,h2,h3,h4,p,code,object,a,b,strong,span); var twitterAccount = &quot;http://twitter.com/Miftahulanwar1&quot;; var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;; tripleflapInit(); </script>

7.Kalo udah tinggal disimpan

KETERANGAN :
-Kode yang berwarna biru ganti dengan username twitter anda
-kode yang berwarna kuning adalah gambar burung twitter yang berwarna biru muda (standard) kalo pengen diganti dengan warna lain bisa dilihat dibawah ini:
Merah:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Xd45PcUM0NQ-Kzhaiq-x9vebqdMD3N4YabxgrGaN0LLSIglFMZ1_rTdrFSgld4R28ePZWXUEP3QUuutNM2VnZ39yXAUH3Htk5pDus0NVDrOldpci4Mx7OlLzO1zqR4t26URH8GWMCaH1/

Biru Tua:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh3-zhk_qBcGLdvyeKW4DoZAFYcumroSNC-FOyT0kvvakOX1HHDKBw1CWOkeI65x7oB2s1n3rtSVCkWJ3p4mwd6E5Zke7bhDsCRAxFfYJUgXef1Fe9i4EPKzvdkJQYqfKZMmywMrDQNM-O/

Ungu:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6ioOiS-WYcC9EHIYpJv3LuxgirQCw55qMULkLok_L-Onnt7DUrRA6IFwgO1fn9w6gLx17znLjs5sqUr_rWUO0r6G-MXK36i2j5tw1gd1ZCtMHrLCMj1oO5vpQChqvkL_9rOAiJK4gnXH/

Cokelat:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLpga2OZeFRVn5AtUUGrTDsE2-N-gNL9iU1IYDotz2lr3248QmQOF9WED9yjbYAaFXaFSHTzLnWOBbBZNJKS5O69kYcchZqzgFUjbpoh5NJqFLlzwMeRr5WsOLWRY2Ka5jflyNlOeHdV2G/

Hitam:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijYBq-JNZdJPjpTQikNxchGMrgcFHEh1GH2Hjkd77KUifsk6fwcUuR09ScVB1AtEatrRbixypjKh6anfEBxYpvlRbNmcredQGarRaybTUZlkJOcPg4uOAqaWl37QcBXO1sMyC9Lsv-KM_r/

Hijau:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DjG9rfuI2d0z4CS1xZKEJ5ajEH9Di3Ld4c1xCJEB4SkUewo8t5rBwK4AGdwT317Pqei3vF8ZKPOzVywQpnqlFGVviCw7dH8FpKx-FOgFOaSCTy6M1uZxIK5GJaLru3DWqfCtQais1TvM/
 
Kuning:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiHzye-E6HQP5jPyNMOqazE4iATbPBzk7vbDP8o3wE8vz0-CjwYoj_SfFw7geo19HeJAEJpSo_4qkszHCqIQI5o80fFGlw443w2CIuh-lh2GFIrGPGGeZlOJM06lmTDp3U5GcS8qIFtS1U/

Putih:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguF2SBy9Z0pDubFgbkee9uRSFuMUc9xtTRcSGxEsjX1mDM4676nx_n8TV5F_xim3fI1j9Cuj-uoNH7m8vUG2M8geLY5iE0Qt6Z8BkcPq5S_zlfRo8ZhyphenhyphenFprVO1cclCrQUra8PuGahJ3Sv8/


Available link for download

Read more »
Posted by at
Labels: , , , , , ,

Tuesday, December 13, 2016

Cara Memasang Animasi Hamster di Blog

Cara Memasang Animasi Hamster di Blog


Cara Memasang Animasi Hamster di Blog - Selamat malam sobat semua !!! Kali ini, aq akan berbagi tips tentang Cara Memasang Animasi Hamster di Blog. Hamster ini adalah hewan peliharaan hidup yang akan menemani sobat sepanjang hari. Menonton dia berlari di roda nya, minum air, dan makan makanan yang Sobat beri dengan mengklik kiri mouse Sobat. Klik tengah roda, untuk membuat dia kembali di atasnya.

Cara Memasang Animasi Hamster di Blog
Screenshot
Jika sobat ingin memasangnya di blog sobat, Copy kode dibawah ini :
<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>
 Lalu paste ke kotak widget sobat.

Cara Memasangnya :

  1. Login ke akun blogger.com sobat.
  2. Pada Dashboard, klik Tata Letak => Tambahkan Gadget / Add gadget
  3. Pilih HTML / JavaScript.
  4. Paste kode yang sudah sobat copy tadi.
  5. Simpan.


Available link for download

Read more »
Posted by at
Labels: , , , , ,

Sunday, November 13, 2016

Cara memasang gambar animasi lucu di pojok blog widget animasi blog gratis

Cara memasang gambar animasi lucu di pojok blog widget animasi blog gratis


Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

2. Boring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola


Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. Tuyul baring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah

Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>




9. Bunga




Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


10.Anjing laut


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


11.Lumba-lumba


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur

Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon


Script:


<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


15.Ikan


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html. Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia


2. Di Dashboard blogger pilih Rancangan - Elemen halaman
3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Catatan:


1. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini
<div style="position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Sumber:  http://www.komputerseo.com/2010/12/cara-memasang-gambar-animasi-lucu-di.html 


Available link for download

Read more »
Posted by at
Labels: , , , , , , , , ,

Sunday, October 23, 2016

Cara manambah Animasi CCTV di pojok blog Hilal Yla

Cara manambah Animasi CCTV di pojok blog Hilal Yla


Kli ini saya Akan share cara pasang Widget animasi CCTV di pojok Blog
trik kali ini saya akan berbagi ilmu,untuk mempercantik blog,dengan cara menambah widget"
kli ini saya akan Share Widget Animasi CCTV

 langsung saja
1.Masuk blog anda
2.di blogs sobat lalu pilih Tata Letak
3.pilih HTML/JavaScript dan sisipkan kode script di bawah ini

<script language="JavaScript" src="https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN2gejsSiXeTNFwsXGHbUOAMRKLrAnGmTeXpDUkmnmkdycHjvEw-yCewO8Y32O53d2O17TPpWYaN691wZ6RD6GyVg1AUlSwdzcdpgYiNQS8Qm38xQd0aNFenEyZGzCuRvMDbdOB0mtpTY/s1600/cctv.gif")</script>
 4.simpan

Ket* sebenarnya ada banyak sekali situs penyedia animasi di blog,,tpi kali ini saya share CCTV saja,,kode itu saya dapatkan dari variasiblogger


Selamat Mencoba :D


Available link for download

Read more »
Posted by at
Labels: , , , , , , , ,
Subscribe to: Posts (Atom)