Tak ada yang sulit dalam pelaksanaan (mempraktekkan) cara membuat Twitter box keren di blogspot ini, aku jamin setelah sobat berhasil menyimpan kode scriptnya dan memasukan username twitter sobat, maka secara otomatis script tersebut bekerja dalam blog sobat. Kalau pun berkehendak (Ingin) merubah tampilan warna serta tata letaknya, anda hanya perlu mensetting beberapa pengaturan kode dalam script tersebut. Itupun jika sobat sudah paham betul dengan kode-kodenya, maka dengan sangat mudah anda akan bisa menyesuaikan tampilannya.
Cara Membuat Twitter Box Keren Di Blogspot
Oke, sekarang kita lanjut pada cara pembuatan/pemasangannya. Step demi step hingga rampung dan terpajang dalam blog sobat,
1-Login kedalamm dasbor blog
2-Pilih tata letak
3-Pilih tambah gadget (add a gadget)
4-Pilih HTML/JavaScript Kemudian copy paste kode di bawah ini dan masukan kedalam gadget HTML tadi
5-Beri judul atau biarkan kosong saja pada judul gadget
6-Pilih simpan gadget dan selesai.!
<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1uB6cSoeIi8vnAs9ku5VokpPX1VseASR4Zis2NiyNDLSzoYWSXMt4mlXq83r0UgDujtzVdLZ9tUF01Ygm3sAYmQTnVy3kR6zgoBpOinAlLnUeUPidhe46wLT0VsNqL8gioyfA4OzOKlQ/s1600/tweet+2.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#5193f0'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('USERNAME-ANDAdisini').start();
</script>
</div>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#5193f0'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('USERNAME-ANDAdisini').start();
</script>
</div>
Keterangan: ubah tulisan username dengan nama twitter sobat masing-masing, ingat tanpa tanda @ Bla...Bla...
Buka halaman blog sobat guna melihat hasil kerja sobat tadi, maka gadget Twitter box ini akan terlihat persis seperti pada penampakan gambar di atas. Oke sobat, rampung sudah cara membuat twitter box keren di blogspot, aku ucapkan selamat mencoba bagi sobat yang ingin mencoba tutorial cara membuat twitter box keren di blogspot ini. Bye-bye..
0 komentar:
Catat Ulasan