Minggu, 14 Februari 2016

Cara Membuat Burung Twitter Terbang Di Blog Terbaru

Siapa yang tidak tahu dengan twitter yang merupakan salah satu sosial media populer di internet. Perlunya menambahkan widget twitter di blog, selain agar mendapatkan banyak follower juga dapat membuat blog ramai pengunjung yang dapat ngetweet atau share artikel kita di twitter. Bagi para blogger mungkin tidak asing lagi dengan widget burung twitter yang terbang kesana kemari di tampilan blog. Namun tidak ada salahnya saya untuk berbagi kembali tutorial berikut khususnya untuk blogger yang baru supaya dapat membuat blognya lebih menarik.

Cara Membuat Burung Twitter Terbang Di Blog Terbaru

Kali ini saya akan share gimana Cara Membuat Burung Twitter Terbang Di Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat sobat yang ingin memasang / menambahkan widget animasi burung twitter untuk blog.

Cara Memasang Burung Twitter Terbang Di Blog :

1. Bikin widget burung twitter terbang seperti gambar diatas yaitu dengan cara masuk ke menu Tata Letak dan klik Tambahkan Gadget

Cara Membuat Burung Twitter Terbang Di Blog Terbaru

2. Kemudian klik tombol tambah pada HTML/Javascript

Cara Membuat Burung Twitter Terbang Di Blog Terbaru

3. Setelah itu masukkan kode berikut ke dalam kotak konten seperti pada gambar, untuk kode warna biru silahkan ganti dengan url akun twitter sobat, jika sudah klik Simpan.. Selesai

<!-- Star floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0BxH5pEKXqBWUSmpWajYwdTZMWXc/burung-twitter-terbang-di-blog-masyadi-com.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnxFLYC3x_z7yV6qfAlsAlhCK41sUbNBgR7uZwGEnA3aAjPBu73E4lVqb2rsAkmhE9MFYTkF-xewC2nJyZF0NYVkl6oL2UwjaLMpeAxD2fjmKSCy20xjgS-Xq73cZz9iHfAnUhIghsWA8/s1600/cyan+bird.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/cara_zain";
var tweetThisText = "Twitter - UserID http://carazain.blogspot.com/";
tripleflapInit();
</script>
<!-- End floating twitter Bird -->

Cara Membuat Burung Twitter Terbang Di Blog Terbaru

Untuk membuat burung twitter dengan warna lain sobat dapat mengganti kode yang berwarna merah diatas dengan kode di bawah ini sesuai dengan keinginan

Burung twitter warna putih
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsuP3mcEBJjKkpqH_m_LdPkte-3qFWQvbj2whjhyphenhyphenArIfrdwLzvA2aQuVAz6h8lIDp2UxxEiO63ahoo6ECO_lLxQER6ABf2UwdckqQ45xPaIi_jG-DL6m-97kg7qsO7asyxPQ55p1h3i_M/s1600/white+bird.png

Burung twitter warna kuning
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkozEWxEJdxuMLr00ffdvfP16ZvkslngLp5i1UkgDsgvO4wi5voizpnXtcIWFWPRpHZAyt-jHa_D2ZetrpFVMrtlkIwpGvkeWyfM5YnnvV4VjcIR-EFh9W1Tkm0jhlnDHmBoJQ7hBY8c8/s1600/yellow+bird.png

Burung twitter warna merah
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjESKO7UCU0eZJz8p82AcHgV6iVug_OQHmUA45IfC5kxQWejmN4vzjfnhTfzxgpNe1qwpqhndjOCEl9WDaquUVv4SzG1CAGitQ6ip3m9IeI9kNYnlAtKbI7VBvwHdhoKSqi64LCLcO6T7g/s1600/red+bird.png

Burung twitter warna ungu
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXGSmerW5-g_f__cATfapdbZ3-z2RI5ktuZXs-5ChnXPLS_t13QjLwpwbJXCV5U66ik_mcY3buGzuA8Sgkyyzc00OI4gZJtc3lHXmDjkUKz3QEsKlsjBmlcxPE5O-0BBU0oKdrehmLIj8/s1600/purple+bird.png

Burung twitter warna hijau
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEk34s6acX9zCpWc6mLDZV__mpIyEMeBaQ85pkfOvXGW4WYNoDYkxARjbbjRYoww0NgsEX0c2VKKN8qQiOrJPIBt4GXnlkyeqMg4T5LPQXI4FiVrc1jUTxJe_nGYyw66CbUqVMQu1ehVc/s1600/Green+bird.png

Burung twitter warna biru
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnxFLYC3x_z7yV6qfAlsAlhCK41sUbNBgR7uZwGEnA3aAjPBu73E4lVqb2rsAkmhE9MFYTkF-xewC2nJyZF0NYVkl6oL2UwjaLMpeAxD2fjmKSCy20xjgS-Xq73cZz9iHfAnUhIghsWA8/s1600/cyan+bird.png

Burung twitter warna coklat
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1yq6vopZBHQWOyVhQy_zEzjZOivZd3Qqd8jieL0tmqpD6d4vlAeiHY7KWWLDNs7P3EPOMEpAGYyP3kADutSJi2T01jEoGwt-zqdW8BZWEhGDARjqWqGbp6GM0c6tmyQDkuzmGagzyaFw/s1600/brown+bird.png

Burung twitter warna hitam
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuh-Uh9x8uqj078pHvHJsKz150qoAla6dhfLNQaJnB3-H9FnE64NsQop9j4TgB_MOScJ2yE8aZ6DG-6WC9TfNgqAz2TxHVZl3C2CC3MvkKPrJATqkLNa3CMeFM5kAPk429OmF1YP5z-o8/s1600/black+bird.png

4. Berikut adalah tampilan widget burung twitter terbang yang telah dipasang pada blog

Cara Membuat Burung Twitter Terbang Di Blog Terbaru

Nah itulah bagaimana membuat burung twitter terbang di blog dengan mudah dan cepat.

Semoga Bermanfaat

0 komentar:

Posting Komentar

 
Newbie-Sederhana. Copyright ©2012 | Template by Blogger Templates Designer Published..Blogger Templates