Friday, 14 December 2012

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

Seorang pelajar yang ingin berkreatifitas di dunia blogging dan yang selalu ingin membuat kreatifitas yang lebih baru.

14 komentar

Wah Makasih Tutorialnya Bro !!

[-]http://miki-maru.blogspot.com/

Ane coba ya gan ,haha

http://uzumaki-samudra.blogspot.com

yeah nice info nya gann :)

http://id-cyb3r.blogspot.com/

wih, makasih tutornya gan
blogwalking
http://bima-cyber4rt.blogspot.com/

Oke sama"
thx juga dah kunjungi blog saya :)

bermamfaat bro (y)
gamersfanny.blogspot.com

Wew, Artikelnya Keren sob :D

Izin coba dlu ya ..

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.
EmoticonEmoticon