6.20.2012

Cara pasang Auto Twitt Box widget Pada blog

Ok gan kita ketemu lagi disini ,... Untuk share cara baru Pasang Widget Auto twitter pada blog / side bar. Widget ini akan menampilkan twitt kita secara otomatis ke blog kita setelah kita update status pada twitter tentu nya ,, Kali ini saya juga akan menyediakan widget yg bisa langsung pake alias bisa langsung di pasang pada blog agan-agan sekalian . asal jangan pasang di depan pintu rumah tentu nya hehehe,,,, Sekalian promo twitter widget tampilan bisa di lihat pada contoh gambar di di bawah : 

LIVE DEMO GAMBAR


 ok jika sudah lihat demo ,.. bagaimana cara kita membuat nya , silahkan perhatikan code di bawah ini :

Box Twitter



<div class="widget-content">
<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnGJo1B4ZNUAgCiK48CE4eB_w7qfcY1ie-_Ov_vfqKi6a4Uf1z6Fj_vSjXY4rLST6FTBPLXO7lnWB0IenWBk10Jr0RkC0ASjX6W0nOicG8N-rD5PxPjx56kobpGcS__8YgN_nyq1WcGOU/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('NAMA PENGGUNA').start();
</script><div class="twtr-widget twtr-widget-profile" id="twtr-widget-1"><div class="twtr-doc" style="width: 280px;"><div class="twtr-hd"><a target="_blank" href="https://twitter.com/intent/user?screen_name=sexy_stars01" class="twtr-profile-img-anchor"><img alt="profile" class="twtr-profile-img" src="https://si0.twimg.com/profile_images/2323101142/7kln45fkunsig0kcdim3.jpeg" /></a><h3>edited : sexystars01.blogspot.com</h3>
<a target="_blank" href="https://twitter.com/intent/user?screen_name=sexy_stars01"></a></div>
<!-- tweets show here -->
<div class="clear"></div><span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit" href="http://www.blogger.com/rearrange?blogID=ID BLOG DI SINI&amp;widgetType=HTML&amp;widgetId=HTML5&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML5&quot;));" target="configHTML5" title="Edit">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>


 Ket : -Ganti nama pengguna yg berwarna biru dengan nama pengguna kalian
Contoh : @Alviz_stevan 
-Ganti link image yg berwarna hijau dengan link image profile sendiri
-Ganti yg berwarna ungu Nama twitt/pengguna ,,,
-Ganti ID Blog dengan Id Blog Agan .

Setelah semua selesai di edit,... Buka rancangan -klick tambah gadget -pilih HTML/javascript -copy & pastekan code n save . 

Untuk mendapatkan link image klick pada image/photo profil setelah muncul jendela copy seluruh link pada bagian atas hompage . 
 Sekian cara pasang widget auto Twiit semoga bermanfaat . 



Link Download

No comments:

Post a Comment

™[]COMMENT HERE Thanks for commenting is right and good []™