Cara Membuat Kotak Tweets Versi 2 Beserta Follow Button

Cara membuat / memasang widget  Tweets  di Blogger , mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget  Twitter  ini, Namun Pada Kesempatan Kali Ini Saya Akan Memberikan Versi Terbaru dengan Tampilan yang lebih menarik , sekarang saya akan mengulas Tutorial Ini khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


Memasang Kotak tweets beserta Follow Button Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

• Pertama-tama silahkan login di Blogger
• Klik Design > Page Element > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/javascript

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgETkHrumJDQ3eqfQMY883vJddjntsC60dihbJbtqAQKo0xeMm7vx6lm7WV78Aw0419sUtUPSky76Lh-AkMw0sJjIYBO7COKLWBnp1Xc3Iw79DXg1JCS2ANLXIz0aYgsRadYxzMDFrg4hSY/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('muhamadhafizh9').start();

    </script>

    </div>

    <br />

    <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;

    align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;

    lang=en&amp;link_color=&amp;screen_name=muhamadhafizh9&amp;show_count=&amp;

    show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

• Keterangan :

                    Ganti Tulisan yang bercetak Merah dengan Akun Twitter Sobat

Selesi ..., Gampang Bukan

Cuma segitu cara bikin nya gampang bukan, sebelum pergi tunjukan rasa terimakasih kamu dengan Follow Twitter saya @muhamadhafizh9 (https://twitter.com/#!/muhamadhafizh9)  

klik disini bila ingin follow

Posted in: tips and tricks