Widget Burung Twitter Terbang di Blog

Widget Burung Twitter Terbang di Blog - Twitter adalah layanan jejaring sosial dan mikroblog daring yang memungkinkan penggunanya untuk mengirim dan membaca pesan berbasis teks hingga 140 karakter, yang dikenal dengan sebutan kicauan (tweet). Twitter merupakan salah satu sosial media populer di internet. Perlunya menambahkan widget twitter di blog, selain untuk mendapatkan banyak follower juga dapat membuat blog menjadi ramai pengunjung yang dapat ngetweet atau share artikel blog di twitter. Tekhnik ini oleh para blogger biasa disebut Teknik SEO Social Media.

Sudah banyak blogger yang membagikan bagaimana membuat widget ini, namun file javascript widget tersebut sudah tidak berfungsi dikarenakan media layanan (google code) tempat mereka meng-upload file javascript widget ini ditutup secara tiba-tiba oleh pemiliknya bak ditelan bumi.

Oh iya disamping untuk menambah teknik SEO blog, widget ini juga bermanfaat untuk membuat tampilan blog anda menjadi lebih hidup dan menarik. Berikut penampakan burung twitter yang terbang kesana kemari di halaman blog.

Cara Membuat dan Memasang Widget Burung Twitter Terbang di Blog

1. Pertama-tama silahkan login ke dashboard blogger anda.
2. Pilih menu Tata Letak >> lalu klik Tambahkan Gadget atau Add Gadget.

3. Pilih dan klik HTML/JavaScript.

4. Muncul tampilan seperti gambar berikut.

5. Copy paste kode di bawah ini ke kotak konten. Judulnya dikosongkan saja.

<!-- Star floating twitter Bird -->
<script type="text/javascript" src="https://cdn.rawgit.com/harmansyah/harmansyah-html/53a6aa23/burungtwitterharmansh.js"></script>
<script type="text/javascript">
var birdSprite="https://3.bp.blogspot.com/-DM_k8GxfA1g/TwsnK4ktm0I/AAAAAAAAAUk/QJB6H5CDfGk/s1600/btsnts-twitterbirdsprite.png";
var targetElems=new Array("img","hr","input","textarea","button","select","table","td","div","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "harmansyahid";
var tweetThisText = " https://harmansh.blogspot.com/ ";
tripleflapInit();
</script>
<!-- End floating twitter Bird -->

Catatan :
- Tulisan berwarna merah merupakan URL gambar burung sesuai warna burung, jika anda ingin mengganti warna burung, silahkan ganti dengan URL warna gambar burung yang saya sediakan di bawah.
- Tulisan berwarna orange adalah nama akun twitter, silahkan anda ganti dengan nama akun twitter anda.
- Agar file javascriptnya lebih ringan (https://cdn.rawgit.com/harmansyah/harmansyah-html/53a6aa23/burungtwitterharmansh.js), anda bisa membuat sendiri file tersebut. Apabila belum paham caranya anda bisa membaca tutorialnya pada artikel berjudul Membuat File JavaScript (.js) Milik Sendiri dan Cara Menyimpan File Javascript CSS dan HTML di Github untuk tutorial meng-upload file javascript yang kita buat ke media layanan Github agar bisa digunakan.

6. Terakhir klik Simpan atau Save

Selain dengan menambahkan gadget, anda juga dapat meletakkan kode tersebut ke dalam kode template blog dengan melakukan Edit HTML tepat diatas kode </body>.

Untuk membuat burung twitter dengan warna yang lain, anda dapat mengganti kode berwarna merah pada kode diatas dengan kode di bawah ini sesuai dengan keinginan anda.

Burung twitter warna putih
https://2.bp.blogspot.com/-uk0xKv1qoQQ/T7YPRtcLJAI/AAAAAAAAAfM/CCk4sfQfHps/s1600/white+bird.png

Burung twitter warna kuning
https://2.bp.blogspot.com/-JXuOWCfPO9k/T7YPT115cYI/AAAAAAAAAfU/cpqD2KGZPN4/s1600/yellow+bird.png

Burung twitter warna merah
https://2.bp.blogspot.com/-s45ZDU9AuyY/T7YPPmr0VWI/AAAAAAAAAfE/CfZb0K25LEk/s1600/red+bird.png

Burung twitter warna ungu
https://3.bp.blogspot.com/-2DjejDk9aHI/T7YPNcDoZZI/AAAAAAAAAe8/96biiBsHbY4/s1600/purple+bird.png

Burung twitter warna hijau
https://3.bp.blogspot.com/-qw6Ij2_5KKs/T7YPG_-GslI/AAAAAAAAAek/RaQ0lDTXTpI/s1600/Green+bird.png

Burung twitter warna biru
https://1.bp.blogspot.com/-oNZEzd5FasI/TcOd9CZrh_I/AAAAAAAAAaA/DhsDjm2xsBU/s1600/cyan+bird.png

Burung twitter warna coklat
https://3.bp.blogspot.com/-4SgDdkJOGOg/T7YPLP5x5ZI/AAAAAAAAAe0/4A8ouMqUN2Q/s1600/brown+bird.png

Burung twitter warna hitam
https://1.bp.blogspot.com/-ufC0bYs4gCQ/T7YPIv_kyeI/AAAAAAAAAes/-HHHq2KlOY8/s1600/black+bird.png

Demikian tutorial sederhana bagaimana cara membuat dan memasang widget burung twitter terbang di blog dengan mudah. Semoga bermanfaat and " Happy Blogging "

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG