RSS

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(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('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

Judul: Cara pasang Auto Twitt Box widget Pada blog
Rating: 100% based on 10 ratings. 5 user reviews.
Ditulis Oleh ALviz StevaNo

Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Related Posts

0 komentar: