Cara membuat burung twitter pada blogger

Cara Membuat Burung Twitter Terbang di Blog - Lebih suka mana?? ngetweet apa ngeblog?? kalo ane sih kedua - duanya.. Kali ini ane akan kasih tahu bagaimana cara memasang burung twitter terbang atau melayang - layang atau mondar - mandir di blog sobat. Bagi sobat yang tertarik untuk memasang burung twitter terbang atau melayang - layang ini, silahkan ikut  tutorial berikut .

1. Log in ke akun blog sobat.
2. Klik Tata Letak --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5awTCTfMO5l52miw0QxlJXs-LbIaG6hvVIU4PSt59xp-YvI2wqgmE7Uquq3wtiH89dcR8v3IR7r2j8mpuCvAaKeJyMnQCiPFv56e1x-DegurH6Notfbepji3qVCiaI_D6lh6k6aBlBE/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/@ClyKevinzx";
var tweetThisText = "Twitter - UserID http://febridriver.blogspot.com/";
tripleflapInit();
</script>

3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat.

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXh4vuoz0Yt5C8zpoytZkAA_wywx5eq9nsdpaDIpmg4HqoILbbqEiMscpiwrsfsT4eq3i3aHxE_3cs-sxAaTO6DupnRcZR01J8mIWcgKIKuA3kxGgaN9O5vpnEh45ELPdsFtpPzT_6NE/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1khNx-Q2OalciXXuSpFSi_YPv7_WO5dcSoyPkh12KVDXgclWviwLfBPkLnXNrldFn8CKJ3qBdO8MZgTvZAt5HHbI4cqaKjPHg_8LCVXCD4E44lLnWQ8GNWVWTypNxGhYOs1CntbcRNY/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhELVH-jJT8IgLrqwFY09VTkvYFgpJjeuSNqygVgJ0Nq6jemS-J3ebp4rGO-KtQDBRFx4ARE5aSyDV_oIhlADFJAvfXjoJpdff_3t6nvLwqunH8Bfh5qqWM3gSei4WHWGwvmVqLUMTUIHE/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDE4z6pxCpoQV_LPSMgWcgIE35XrOxz-IU5EgbPgGEUfSL9_-Iy7Eyn93P2b2rzm0yeVg5PCAzzt8zDsI03bj3KPC9dDDc8joDpjpwFEwEAPEKhw1XrbuxwipjfRjsEyMjqKAVIxwi8jM/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPGFq2wAAyLkW3jgurqvd3mDQFP_E8r-amBxMrbGQPH7QRw1U7qoBkMk_Ii-NDQVfcKWgJGmn5kQ2TsP1WnV6-06OTdn6PF0_633LZx_VADFk_vK0psIMTSynvHXGgWsCv_zlJ9HD3to/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ejuuzmjLiMMoY6OHjc0CSTLuXSWgiz3xvu6Wj51ozUjuo2E4M-aMYWoNQu1Rta_6fGditCEJKV-9Uhfg47SN7-L8nsKx1Ew99A4gVPr5ksPERf00PFjAW634o_HkKqgzxDiumEHE2e0/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitSe5klmwHtS-siadb3SB_yF88ppG8a0sellhyphenhyphenj9yMCtNCDrr7OzszxDlKvDVtuGT7LmsagJyb6aH4niBhyphenhyphen5q5tcCN8fvd67aXRKhphyrcaOCUxIbJ3gq6RZzaYuuMU7Nzv8hSXjhC4Qw/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGJB9f_YnExi6gpfCFuJfg07SdaMq21P_bZoy7aRqV-62pE6BKg2_2dhQPAoHAmATz1LjWo7wM81UfWgRccNgcW62WSYFwAeF0Uu5DE0hprGaK4h77_6UkNYRLV1Ou1NHLcuo_TPIddPI/s1600/red+bird.png

Ganti Tulisan yang berwarna biru dengan username twitter sobat.


Semoga membantu!!

Read More ->>

Cara membuat Animasi Pada Blogger part 1

Cara Memasang Widget Animasi Naruto Yang Keren dan Lucu di Blog

Cara membuat animasi naruto bergerak di pojok blogger  

Kali ini saya mencoba untuk mengshare kepada sobat mengenai cara membuat animasi bergerak di pojok blogger. Namun pada --Cly News-- kesempatan ini akan memberikan animasi-animasi khusus seputar naruto. Hehehe.. maklum saya kan penggemar berat naruto, lagi pula animasi naruto ini sangat keren dan menarik loh.. dan sangat pass jika di jadikan pernak pernik penghias blogger anda.. Nah dari pada berpanjang lebar, langsung saja saya berikan tips cara memasangnya:

• Log in ke dasbor blogger anda
• Pilih Tata Letak
• Pilih Tambah Gadget
• Pilih Html/Java Script
• Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
• Paste kode yang anda pilih di Html/java script tadi.
• Simpan, dan selesai

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Anggota akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif" 
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

16.Gaara vs daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://clyfirst.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://clyfirst.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

Read More ->>

Cara Membuat YM Pada Blogger

Hai Sobat Kali ini --Cly News-- Akan Membahas Tentang Cara Membuat Yahoo Messenger Pada Blogger Caranya Sangat Mudah :

 - Silakan Login Pada Blogger Anda
 - Pilih Tata Letak--->>Tambah Gadget--->>HTML/Javascript
 - Masukan Kode Berikut   :


<a href="ymsgr:sendIM?email_sobat"> <img src="http://opi.yahoo.com/online?u=email_sobat&amp;m=g&amp;t=2&amp;l=us"/>
</a>

 - Jangan Lupa Klik Save


Keterangan :
 - email_sobat Diganti Dengan Email sobat
 - t=2 Diganti sesuai Bentuk Yang Sobat Suka......               

Read More ->>