Cara Membuat Tweet Box Melayang Di Blog

Baiklah untuk tutorial  kali ini saya akan share artikel request'n  teman blogger, yaitu Bagaimana Cara Membuat Tweet Box Melayang (Floating) Di Blog ?. Sebelum kita Membuat widget ini , langkah pertama yang harus di tempuh adalah harus memiliki akun Twitter yang nantinya akan digunakan untuk mendapatkan widget following dan updates status pastinya. Dengan menggunakan Widget Tweet Box melayang di blog pastinya akan lebih menarik dan menghemat tempat sidebar blog kita. (sekalian promosi twitter hehehe)

Artikel Terkait (Recomended):

- Cara Membuat Twitter Lengkap

- Cara Memasang Status Twitter di Blog

- Cara Memasang Twitter Counter di Blog

- Membuat Follow Twitter Burung Terbang

OK langsung saja kita mulai Cara Membuat Tweet Box Melayang (Floating) Di Blog. Pada Tutorial ini saya akan mengkombinasikan Tweet Box Melayang dengan Twitter Counter di Blog. 

Langkah-Langkahnya: 

1.  Pergi ke TKP (http://twittercounter.com/) tepatnya hehe, lalu Signin dengan akun twitter kita

2.  Jika sudah Lalu klik My Widget, Lalu Klik Widget Setting and Code, sesuaikan dengan selera dan tampilan blog kita, jika sudah pas lalu copy kode script widget yang telah disediakan

3.  Lalu letakkan/pastekan di dalam kode script di bawah ini:

<style type="text/css"> .barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG3XNNjl7k1SdCUQEUqL381cOBEtO7pRqqbZfagJCOWDb9s9dpzQPSndFMRPfYim3miXFhyphenhyphenqx28zFxO4xX43JfE3kPd4lCXVdXv0CSolPiXcX9YnTmu8bN_FlHjfvX23pHqlIh5-37E_w6/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;} .barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhExnhllDa639VEAMAN7C6Ad9n_kCRoRLRnjhvEONPpl0dZobfvOGysLq6VzDtWFn491kxdOZQPMtOFWsbRdA1gRfjj4fFtvWBwCRHOpQ3KQt4YudGC5eTr_ILf1nwDAVjGj17EAej-VQCH/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;} .barcontetwitter{margin:5px 0 0 47px} </style> <div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'"> <div class="barcontetwitter"> PASTEKAN KODE SRIPT'A DISINI </div> </div>

Ganti Bacaan "Pastekan Kode Sript'a Disini" dengan kode yang telah di dapatkan sebelumnya.

4.  Proses selanjutnya Login ke akun Blogger

5.  Dashboard > pilih "Design/Tata Letak"

6.  Lalu Klik "Add/Tambah Gadget" 

7.  Kemudian pilih dan Klik "HTML/Javascript"

8.  Terakhir copy kode script yang telah digabungkan (Script Tweet Box & Script Twitter Counter) lalu pastekan pada "HTML/Javascript". Simpan. Dan Lihat hasilnya

Selamat Tweet Box Melayang'a telah berhasil di pasang. Selamat Mencoba Semoga berhasil.

Posted in: