Archive for 2014

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi kalian dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot.

Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi kalian yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog kalian, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Untuk kalian yang tertarik silahkan ikuti langkah-langkah dibawah ini :

Pertama-tama silahkan login di Blogger
Klik Design > Page Element > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript

<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOP4m5OoiOfw0SqQ1UKT3agWWXOo3XNXANuCcoXfL0vBCrCfBsectjOSKNATVzuVMS3IZ2Rn5R896ZQnyQGN2HlIOGK2TiFwnnlUEx5VjohVwB4t_zZLoG8WYwLvinpEvsmWSCfTKNaVY/s1600/burung+twitter+terbang.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 = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

Ganti kode yang berwarna biru dengan akun Twitter sobat
Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
Simpan dan lihat hasilnya.

Warna Pilihan Burung Twitter

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsgGTUTLjUNlS8Xu1PUndPB0poZwB5qORVVs-LpcHvVpfmjQUPdkRiOYfeLr0y3Y3u6b4LRJxHO1NaGColmfC_QJrW6RLSL6FLn4Vdy_kZVgjcL-qkM5pJrA5gxXUFnO25TRPc9wv_C3Q/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2k28puaJhtGyPbdDwQ09WJ38vv5bgUXSq2x4S2aOw58WOAVAxf9ke4Jl2ntGwtXY6vj6_UprvViO0KUQOLHDkrk8RIn6Xh4K00l1tD5H9aJ40wLV2zOh7aLs82F9auefc5St7V9R5wKc/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVl6CNaxfLqWkvqsUUSVZxsoFprteL6rzjQQdFBaml_DrU_Yh8EcojilczlobBzoxF0bAuwd3IRziELOHzcEs_em4MdSQxPRimUvCD_JP3UZNHNfBitpKxSAjfpoRewQrQ9pvbpgIM9fs/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlAepfvPkEb591_pIC0PgqimFjvCwivERTdgtf6A0makMtkkq3OrYPixIZbAn3Lwri1jKiyVDFk-FkD6mrIwgVkGJCMyBz0KqKop9xcIxMUlY58hyLy_1Wdpy6hl_LDbbfqWqNlndrvOE/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEl-Do8Ak9O_Pepoor5OHByoK0FlRLjHqb2qVd3o3Lq07xdSTfbSGI-z1ihJ6VDh6ZC_bUIW0Zx8Ge1LvECDjoXm6r43nQyRT9H4m1c00Nzdo0kjxNwtUpF7Ks3M2HPXOHmjCTS-mGois/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_-1R_LjB-foZs76FNQ1yuKK91y0li9KqVIgJM8oGPdO2ppW10aI5h-LaeMAyJVx7ugIbM_dAUfrHXGwEEJ6HQGttRuqMrmhCOQW6h8rfh62HJlj70vPHUV5LI_e1f6nqpreLiMH5EGE8/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRSPksfsWrKBnbwlF0ol4-ZIIZ_mSFtkuqCWaoO05a9imzn1wSawhmXEQnI_eBndqEU560hRZV5PlRVMytLKmBa-P9wmj4-ntrcnfC3DbWSgbMLwMT4jeC88CqlTmHkgC3_gx29P8LbmA/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihc_nhOTS6QYoCSyagHdcWwDV3JK_1wtPSGJ96Em8Pr1kHY9yN0ua9XZy3Prgw-0YEO6b9pBq9ZxrL0ZcBKXjt1TLopZcRSps0nJq_NIrfOG82uH2D1xLpIrp_rq57UnWHMcqYZpt2DD0/s1600/red+bird.png

Okey sekian artikel blogger untuk kali ini. Semoga bermanfaat !!!

Memasang Widget Burung Twitter Terbang di Blog

Posted by : Unknown 0 Comments

Tag : Blogger,

Cara membuat link di Blogger atau website bisa dilakukan dengan dua cara, yaitu dengan metode "Compose" atau dengan metode "HTML".

Link bisa berupa kata, kalimat, barisan kalimat, atau juga sebuah gambar/foto.

Link bisa menuju ke alamat website/blog lain, menuju alamat dari website/blog yang sama, dan juga bisa pada satu halaman website/blog yang sama.

Kali ini akan saya bahas tentang membuat link dengan metode compose. Untuk iyu silahkan ikuti langkah-langkah dibawah ini :

Metode Compose

Ketikan kata atau kalimat yang akan dibuat sebuah link, kemudian "blok" menggunakan mouse sehingga kata atau kalimat itu tersorot.

Setelah itu klik "Link" dan akan muncul jendela seperti di bawah ini.

Text to display adalah kata atau kalimat yang akan dijadikan sebuah link.

Web addres adalah alamat website tujuan dari link tersebut. Contoh:

http://otodidakers-tutor.blogspot.com/2013/05/cara-membuat-link-di-blog.html

Email address adalah untuk membuat link yang tujuannya untuk mengirim e-mail. Contoh:

Kirim E-mail

Open this link in a new window adalah apabila di centang fungsinya untuk membuka link pada jendela baru atau tab baru saat link tersebut di klik. Contoh: Klik link berikut ini untuk membuka pada jendela baru:

klik!

Add 'rel=nofollow' attribut adalah untuk menambahkan atribut atau informasi tambahan untuk link tersebut yang berfungsi memberikan keterangan/informasi kepada mesin pencari seperti Google untuk tidak melacak link itu di mesin pencarian.

Okey sekian dulu postingan kali ini. Semoga bermanfaat !!

Thanks to : http://otodidakers-tutor.blogspot.com

Memasang Link di Blog

Posted by : Unknown 0 Comments

Tag : Blogger,

Youtube, yang pertama kali teringat ketika mendengar nama itu pastinya adalah video.Ya, YouTube adalah sebuah situs web video sharing (berbagi video) populer dimana para pengguna dapat memuat, menonton, dan berbagi klip video secara gratis. Umumnya video-video di YouTube adalah klip musik (video klip), film, TV, serta video buatan para penggunanya sendiri.

Di artikel kali ini akan saya bahas cara memasukkan video youtube dalam postingan. Dengan menambahkan video youtube akan memudahkan pembaca dalam memahami isi-isi postingan blog kita, dengan itu juga kita tidak perlu mengupload video sendiri untuk dimasukkan dalam postingan karena itu akan memerlukan waktu yang lama.

Nah untuk kalian yang belum tahu bagaimana cara memasukkan video didalam postingan blog, silahkan ikuti tutorial-tutorial dibawah :

Masuk ke akun Blogger.com, pilih blog dan kemudian klik "ENTRI".

Di dalam post editor lihat di tool sebelah atas dan klik gambar kotak berwarna hitam atau "INSERT VIDEO".

Lalu muncul jendela dengan berbagai pilihan darimana atau bagaimana kita mengambil video untuk dimasukan ke posting. Kita bisa upload langsung dari hardisk komputer kita, dari youtube, daftar video kita di youtube, telepon, atau webcam kita.

Dalam hal ini kita akan memasukan video langsung dari youtube, maka klik "FROM YOUTUBE", maka otomatis akan keluar form yang harus diisi oleh alamat url video yang akan kita masukan.

Misalkan kita akan memasukan sebuah video dari youtube dengan alamat url "http://www.youtube.com/watch?v=4E24U0VL3gA".

Ambil/Copy url video dari youtube seperti gambar di bawah ini:

Kemudian paste pada form dan klik tombol sebelah kanan yang bergambar kaca pembesar, seperti pada gambar di bawah ini:

Maka akan muncul preview dari video tersebut seperti gambar di bawah:

Jika sudah yakin bahwa video tersebut adalah yang kita maksudkan untuk di post ke dalam blog, maka kita klik "Pilih" di bagian bawah.

Apabila sudah yakin dengan tampilan postingan kita, maka kita klik "PUBLIKASIKAN".

Okey sekian artikel untuk blogger kali ini. Semoga bermanfaat !!!

Memasukkan Video Youtube ke Post

Posted by : Unknown 0 Comments

Tag : Blogger,

Memasang musik di blog selain untuk menambah rasa sepi di blog ternyata bisa juga untuk membuat visitor sendiri betah berlama-lama di blog anda, alasannya karena mereka ingin menyelesaikan lagu yang mereka dengar (kalau pas musik yang di dengar pengunjung sendiri memang pengunjungnya suka) hehehe. Saya sendiri pernah memasang musik di blog saya , tetapi saya kwatir akan ketenangan pengunjung blog yang suka konsentrasi dengan artikel , apalagi blog ini membahas tentang tutorial-tutorial blog yang saya dapatkan dari blog lain terus saya tulis dengan narasi versi sendiri di blog saya.

Berikut tutorial memasang mp3 diblog via soundcloud :

Cara Menambah Embed kode Lagu MP3 player di blog

Silahkan Daftar di souncloud klik disini juga boleh
Silahkan Daftar menggunakan facebook ataupun gmail , disini saya mendaftar menggunakan facebook klik "sign in with facebook"
Masukkan email dan kata sandi Seperti bisa sobat masuk di facebook.
Silahkan lanjutkan sampai sobat menjumpai pesan "finish"
berikutnya adalah mencari lagu yang sobat sukai kalau disini saya mencarinya di kolom search saya mencari lagu "Gigi Band - Terbang "
Klik di bagian Bawah ada menu "share"
Setelah itu sobat akan melihat beberapa pilihan model gambar / tampilan playernya, karena disini sobat ingin mengetahui kode lagu tersebut maka sobat harus menggunakanmengambilnyalewat embed kode caranya klik "embed" kemudian kopi kode yang ada di bagian tengah, kalau sobat memakai blog wordpress jangan lupa untuk mencentang kotak kecil yang ada di sebelah kode yang sobat ingin copy. tapi jika sobat hanya ingin share lagu tersebut (tanpa mengambil ambed kode) ke sosial media seperti facebook, ataupun google +, twitter, dan lain sebagainya sobat cukup klik yang "share" copy kodenya lalu pastekan di dinding facebook seperti biasanya sobat membuat status.
Untuk memasukkan lagu ke widget blog caranya adalah dengan masuk dahulu ke blog sobat kemudian klik "template" lalu add gadget lalu pilih HTML/Java script letakkan kodenya disana dan simpan.
Lain halnya jika sobat ingin memasukkan kode lagu ke dalam artikel atau postingan di blog cara nya adalah dengan membuat artikel dahulu seperti biasanya sobat ingin memposting artikel bedanya saat memasukkan kode dari soundcloud tadi sobat pilih menu HTML di blog (lihat gambar). lalu pilih "Compose" lagi nanti sobat akan lengsung bisa melihat tampilannya seperti apa.

Jika sobat publish artikelnya nanti tampilannya akan seperti berikut ini, klik tombol play untuk memutar lagunya, jika sobat ingin mengisi bagian bawah dengan lagu-lagu lainnya sobat bisa mengisi playlist sobat caranya cukup cari lagu yang sobat sukai lalu klik add playlist maka secara otomatis lagu tersebut akan masuk ke dalam daftar playlist milik sobat, dan untuk menyesuaikan ukuran sobat bisa mengganti lebar dan panjangnya cari kode height="450" dan width="100%" ganti ukuran warna merah menurut ukuran yang sobat inginkan. selamat mencoba semoga semakin keren deh blognya.

Sumber : http://fezzbook.blogspot.com

Memasang MP3 di Blog

Posted by : Unknown 2 Comments

Tag : Blogger,

Cara Membuat Efek Salju Berjatuhan di Blog - Mungkin kalian pernah berkunjung pada sebuah blog dan melihat ada salju yang turun dari atas layar. Salju terus turun tanpa habisnya dan memberikan kesan indah saat dilihat. Akhirnya terselubung dalam benak kalian ingin membuat hal yang sama juga, tetapi tidak tau bagaimana cara membuatnya.

Ok, kali ini saya akan membahas hal tersebut dengan membagi tutorial tentang Cara Menambahkan Efek Salju Berjatuhan di Blog. Fungsi dari penambahan salju di blog ini adalah untuk menampilkan kesan indah dan keren pada blog sehingga akhirnya membuat para pengunjung betah.

Tutorial membuat efek hujan salju ini saya buat menjadi 2 cara, silahkan pilih salah satu yang kalian anggap mudah. Tunggu sebentar dulu, bagi kalian yang ingin melihat demo atau contoh dari efek salju pada blog silahkan klik tombol DEMO dibawah ini

Kode yang digunakan :

<script src='http://yourjavascript.com/1171704334/efek-salju-faisal.js' type='text/javascript'/>

Keterangan : Silahkan kalian copy kode diatas, nanti akan digunakan pada cara pertama maupun cara kedua.

Cara Pertama :

Masuk ke akun blogger kalian masing-masing.
Pilih menu Tata Letak lalu klik Tambahkan Gadget.
Kemudian pilih widget HTML/JavaScript.
Setelah itu masukkan kode yang telah saya sediakan diatas ke dalam kotak yang tersedia.
Terakhir, klik Simpan.

Cara Kedua :

Pastikan juga kalian sudah masuk akun blogger.
Pilih menu Template lalu klik Edit HTML.
Cari kode </body> (untuk mempermudah mencari kode silahkan gunakan fungsi pencarian dengan menekan tombol keyboard Ctrl+F).
Jika sudah ketemu, silahkan taruh kode yang telah dicopy tepat diatas kode </body>
Terakhir, klik Simpan Template.

Ok sekian tutorial tentang "Cara Membuat Efek Salju Berjatuhan di Blog". Semoga dengan cara ini blog kalian makin indah dan keren.

Sumber : http://faisal-fachrureza.blogspot.com

Membuat Efek Hujan Salju di Blog

Posted by : Unknown 0 Comments

Tag : Blogger,

Cara Membuat Widget Kamera CCTV pada Blog - CCTV adalah sebuah kamera kecil yang ditempatkan di berbagai tempat keramaian seperti Mall, Toko, Jalanan, dll. Kamera CCTV berguna untuk merekam segala peristiwa yang terjadi.

Cara Memasang Widget Kamera CCTV di Blog

Mungkin Anda pernah mampir ke sebuah blog dan melihat ada kamera CCTV terpasang di pojok kanan atas. Tenang itu hanya sebuah hiasan guna memperkeren tampilan blog. Anda juga dapat membuatnya dengan mengikuti tutorial singkat berikut. Untuk cara, saya bagi menjadi dua. Anda dapat memilih salah satu cara yang dianggap paling mudah.

Script CCTV :

Copy (Ctrl+C) script cctv dibawah ini. Nanti akan digunakan baik pada cara pertama maupun cara kedua.

<script src="http://yourjavascript.com/15143401218/faisal-share-cctv.js" type="text/javascript"> </script><script type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnR_Snz2AWiV6uaDuhpxOi6Bz0Ajv6zl9a07J0M2Y85ALucO5hMDlWJc2ozXfDPLIlp7CnslTYgviMM-KTn3I9bab-j2FwNEgJE0rvmxjCAXm_-Od7Kf-MH1oYaF2XOoY9PiYH0SnTA9k/s1600/cctv.gif")</script>

Cara Pertama :

Masuk ke akun Blogger.
Pilih menu Template lalu klik Edit HTML.
Cari kode </head>. Untuk memudahkan gunakan perintah Find atau dengan menekan Ctrl+F.
Setelah ketemu, taruh script cctv tepat diatas kode </head>.
Terakhir, klik Simpan Template.

Cara Kedua :

Masuk ke akun Blogger.
Pilih menu Tata Letak lalu klik Tambahkan Gadget.
Pilih HTML/JavaScript.
Masukkan script cctv ke dalam kotak yang tersedia.
Terakhir, klik Simpan.

Selesai, dan lihat pada pojok kanan atas blog kalian, sudah terpasang kamera CCTV. Sekian tutorial singkat tentang "Cara Memasang Widget Kamera CCTV/Pengintai di Blog" semoga membantu untuk menghias blog Anda.

Sumber : faisal-fachrureza.blogspot.com

Memasang Widget CCTV di Blog

Posted by : Unknown 0 Comments

Tag : Blogger,

Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa dipasang sebagai hiasan diblog, ada tyang memasang kalender, ada yang memasang lagu diblog, memasang animasi diblog dan masih banyak lagi. Namun kali ini, kita akan membahas caram emasang widget animasi diblog.
Widget ini bisa kalian tempatkan dimana saja tapi umumnya diletakkan disudut blog. Dibawah ini telah disediakan beberapa animasi yang bisa sobat gunakan dengan mengkopi scriptnyadan di masukkandi HTML/javascript di blog kalian. Bila tertarik, silahkan untuk mencobanya.

Cara Memasang Animasi di Blog

1.Tuyul ketawa
Click to get more.

Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

2. Tuyul baring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

3. Helikopter

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

4.Gajah loncat

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

5. Boring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

6.Boneka joget
Click to get more.

Script :

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

7. Babi

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://rudicyber4rtcrew.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="Widget Animasi keren untuk blog" /></a><small><center><a href="http://rudicyber4rtcrew.blogspot.com/2012/07/widget-animasi-keren-untuk-blog.html" target="_blank" title="Widget Animasi keren untuk blog">My Widget</a></center></small></div>

8. Panda biru

Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

9.Pinguin

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

10. Panah

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

11.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

13. 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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

14.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

15.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

16.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

17.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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

18. Pintu

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

19.Berteriak

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

20.Terkurung

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

21.Sincelery

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

22.Menangis

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

23.Champion Ship

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

24. Sundul Bola

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

25. Lebah

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

26. Kipas Angin

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

27. Telur Ayam Menetas

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Ayam Bertelur

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

27. Beruang Memancing Sambil Tidur

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Kiper Gawang

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 alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Kunai Strike

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

29.Gundam lari

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 alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

30.Tendangan Gundam

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

31.Gundam Fight

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

32.Gundam Storm

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

33.Burung Terbang

Script:

<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>

34. Cewek Bergoyang

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

35. Batman Berjalan

Script :

<div style="position: fixed; bottom: 25px; left: 20px;width:120px;height:135px;"><a href="http://zuazz.blogspot.com" title=""><img src="http://batman-project.googlecode.com/files/zuazz.gif.gif"/></a><small><center><a href="http://zuazz.blogspot.com" target="_blank"><span style="font-weight:bold;color:#00000;"> den zuaz </span></a></center></small></div>

36. Bintang

Kumpulan Widget Animasi

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Cara Pemasangan :

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.

Tambahan :

Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right dengan left. begitu juga sebaliknya.
Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottom dengan kode Top

Memasang Animasi di Blog

Posted by : Unknown 0 Comments

Tag : Blogger,

Haruto Asano

Archive for 2014

Memasang Widget Burung Twitter Terbang di Blog

Metode Compose

Memasang Link di Blog

Memasukkan Video Youtube ke Post

Cara Menambah Embed kode Lagu MP3 player di blog

Memasang MP3 di Blog

Kode yang digunakan :

Cara Pertama :

Cara Kedua :

Membuat Efek Hujan Salju di Blog

Script CCTV :

Cara Pertama :

Cara Kedua :

Memasang Widget CCTV di Blog

Memasang Animasi di Blog

Laman

Popular Post

Blogroll

Followers

Blog Archive

Labels

About Me