Cara membuat twitter box

Cara membuat twitter box

Memang karya-karya Maskolis keren banget seperti cara memasang widget twitter, apalagi templatenya yang sangat bagus dan cocok sekali untuk dipasang di blog anda. Saya akan review pada postingan ini mengenai 2 model widget twitter yang keren buatan Maskolis. Dua widget twitter ini sebenarnya sama, perbedaannya cuma pada gambar twitternya aja. Anda nantinya bisa pasang salah satu aja yang paling cocok dan anda sukai yang sesuai dengan blog anda.

Berikut cara memasang widget twitter :
1. Login ke Blogger
2. Pilih tata letak => Tambah Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini dan letakkan kedalamnya

Model twitter yang pertama kodenya :

<div style="background:#fff url(http://4.bp.blogspot.com/-aQPyI_G1C98/T3uoRmyemPI/AAAAAAAAANk/CUQQalt646k/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('teknikrudy').start();
</script>
</div>

Keterangan:
Silahkan ganti teknikrudy dengan ID twitter atau username twitter anda

Model Twitter yang kedua kodenya :

<div style="background:#cc0000 url(http://2.bp.blogspot.com/-HuX8Fo4VPUU/T4Am-DNSmFI/AAAAAAAAAZ0/VgFChabyUQ4/s1600/twitter+me.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: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('teknikrudy').start();
</script>
</div>

Keterangan:
Silahkan ganti teknikrudy dengan ID twitter atau username twitter anda

Cara Membuat Twitter Box di Blog - Ya! Mungkin bagi sebagian blogger sudah tidak asing dengan Facebook Like Box. Seperti yang ada di BLOGNYA SI IMIN ini. Akan tetapi untuk jejaring sosial seperti Twitter, mungkin ada sebagain para blogger yang bisa membuat twitter box layaknya Facebook Like Box. Namun ada juga yang berlum tahu cara membuatnya. Oleh karena itu di postingan ini, BLOGNYA SI IMIN akan menjelaskan bagaimana caranya untuk membuat twitter box di blog. Monggo disimak:

1. Masuk Ke akun Blogger kalian.

2. Klik Tata Letak dan klik Tambah Gadget, lalu pilih HTML/Javascript

3. Copy kode tersebut dan paste di dalam kotak HTML/Javascript

<!-- Twitter Fan Box --> <script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("ISI DENGAN USERNAME TWITTER KALIAN");</script><!-- End Twitter Fan Box -->

4. Simpan Tenplate

5. Lihat hasilnya

Selamat Mencoba dan Semoga Bermanfaat ^^