Cara Membuat Floating Twitter Widget di Blog

Hay sobat XC-Blog !
Sebelumnya XC-Blog Share "Hal Yang Membuat Pengunjung Kesal"
Sekarang XC-Blog share "Floating Twitter Widget"
SS nya ada nih, lihat saja
Klik Untuk Diperbesar

Keren kan, 
oke sekarang langsung saja ke tutor nya :)
Copy code dibawah ini tepat diatas code <head> pada template / bisa memakai add a widget di tata letak...

<script type="text/javascript">
var DADtweetbg = 'rgba(0,0,0, 0.8)';
var DADtweettext = '#ffffff';
var DADtweetbordercolor = '#ff0000';
var DADtweetusername = 'DarkArdDeidara';
var DADtweetusernamecolor = '#00ff00';
var DADtweettextcolor = '#fffff';
// Dibawah ini masukkan URL avatar kamu, ukuran 38x38 pixel
var DADtweetavatar = 'http://banner.dickeymaru.com/DADtweetavatar.png';
// Tweet time color
var DADtimecolor = 'gray';
</script>
<script src="http://dickeymaru.googlecode.com/files/DADtwitterwidget"> </script>

Letakkan kode tersebut diatas kode </head> pada template. Edit saja yang berwarna kuning. Dan dibawah ini penjelasannya untuk mengedit kodenya:

DADtweetbg
Untuk menentukan warna background widget. Sesuaikan dengan warna blog kamu. Perbedaan rgb() dan rgba(), rgba dapat diatur opacitynya. rgb singkatan dari RED-GREEN-BLUE. Sedangkan rgba adalah RED-GREEN-BLUE-ALPHA, atau tingkat opacitynya. Jika kalian tidak begitu mengerti tentang rgba(), bisa kalian isi dengan kode warna biasa ==v tapi jadi tidak ada opacity (ketransparanan)nya

DADtweettext
Untuk menentukan warna teks "lastest twitter update:"

DADtweetbordercolor
Ubah bagian ini untuk menentukan warna border widget.

DADtweetusername
Ganti sendiri dengan username Twitter kamu.

DADtweetusernamecolor
Bagian ini untuk mengatur warna username kamu pada widget.

DADtweettextcolor
Yang ini untuk mengganti warna teks tweet kamu pada widget.

DADtweetavatar
Ganti dengan URL avatar kamu sendiri, boleh gambar atau foto asli. Terserah saja. Ukuran gambar atau foto nya harus 38x38 pixel.

DADtimecolor
Untuk memberi warna pada waktu tweet kamu. Jika tidak ingin menampilkan waktu, isikan saja transparent.

Taraaa..! jadi kan hehehe, gmn ? keren kan hehehe
sampai sini saja dari XC-Blog
semoga anda suka dengan artikel kami ini yang "Cara Membuat Floating Twitter Widget di Blog"
Jangan lupa kommentarnya xD :)

Source

Postingan terkait:

14 Tanggapan untuk "Cara Membuat Floating Twitter Widget di Blog"

Catatan :
- Dilarang Menggunakan Link Aktif / Live Link
- Dilarang Promosi Iklan
- Dilarang Nyepam
- Untuk Menyisipkan Kode, Gunakan tag <i rel='code'> Taruh Kode Disini </i>
- Untuk Menyisipkan Kode Panjang, Gunakan tag <i rel='pre'> Taruh kode panjang disini </i>
- Untuk Menyisipkan Catatan, Gunakan <b rel='quote> Taruh Catatan disini </b>
- Untuk Menyisipkan Gambar, Gunakan <i rel="'image> URL Gambar </i>
- Untuk Menyisipkan Youtube, Gunakan <i rel='youtube'> URL Youtube </i>

Sebelum menyisipkan kode silahkan gunakan Tools Konversi Kode.
Caranya tinggal klik tombol "Konversi Kode" yang berada di Form Komentar.