Warung Bebas

Rabu, 31 Oktober 2012

Cara Memasang Widget Twitter Box Di Blog

Cara Cemasang Widget Twitter Box Di Blog - Banyak orang yang mengharapkan blognya dapat tampil unik dan menarik disetiap mata pengunjungnya ataupun terlihat unik dari blog-blog sahabat. Salah satunya yaitu dengan menambahkan widget-widget cantik dihalaman blog. kebetulan berhubungan dengan memercantik tampilah halaman blog Master Chef Dapur Tutorial Blogspot ingin share tetang cara Memasang Widget Twitter Box Keren Seperti pada gambar dibawah ini :


Ni buat sobat blogger yang tertarik untuk memasang widget seperti diatas langsung saja, Maister Complete sudah sediakan kodenya dibawah. langkah-langkah untuk memasang widget Twitter juga tidak terlalu sulit karena tidak perlu melakukan Edit HTML. Berikut Cara Memasang Widget Twitter Box di Blog :

  1. Login Kehalaman Blogger
  2. Pilih Tata Letak
  3. Tambah Gadget atau Add A Gadget
  4. Pilih Widget HTML/Java Script
  5. Copy Kode Berikut 
  6. <div style="background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFNNT3wYuIL0TxLtGdOMWKTKY7t2i_hlfMPrYXwbvWZwBBJwMUW-i-CVfLcksllDWyMmhGdVZ2V2xLhlKhbmCKJmVWTQpbUo_VDOfvjV0wFQ8xwhal84x0Q1r98nPgHioK5pWbLAv8FaS/s1600/twetter.jpg) no-repeat; padding-left: 8px; padding-top: 45px;width: 320;">
    <script src="http://widgets.twimg.com/j/2/widget.js">
    </script>
    <script>
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 10,
    interval: 3000,
    width: 300,
    height: 123,
    theme: {
    shell: {
    background: 'transparent',
    color: '#000000'
    },
    tweets: {
    background: 'transparent',
    color: '#000',
    links: '#135a9e'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
    }
    }).render().setUser('dapur_zone').start();
    </script>
    </div>
    Keterangan :
    • Kode Warna merah adalah Lebar Widget Twitter
    • Kode Warna Biru adalah Tinggi Widget Twitter
    • Kode Warna Pink Dalah Nama Akun Twitter (silahkan ganti sesuai dengan akun twitter anda)
  7. Masukan kode kode diata kedalam Widget HTML/JavaScript tadi
  8. Terakhir Klik Simpan
Itu dia tutorial blog tetang Cara Memasang Widget Twitter Box Di Blog. Oh ya biat sobat yang juga senang memasang perak pernik di blog baca juga artikel Cara memesang Efek Salju pada halaman Blog. sekian dulu untuk artikel kali ini semoga artikel ini bisa bermanfaat.

0 komentar em “Cara Memasang Widget Twitter Box Di Blog”

Posting Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger