Senin, 22 April 2013
0 komentar

Cara Pasang Widget Twitter Follower Dengan Animasi Terbaru Pada Blog


Berikut ini adalah sebuah tutorial menarik tentang cara memasang widget follower twitter dengan dilengkap dengan animasi dan random tweets dari teman twitter Anda. Widget ini kompatibel pada engine blogger dan sangat mudah sekali pemasangannya. Dijamin hanya dengan beberapa langkah Anda bisa menggunakannya.

Twitter-Widget-Blogger-Animasi

Untuk menginstallnya pada widget/sidebar/gadget blogger Anda, diperlukan 1 tambahan widget HTML/JavaScript. Berikut cara detil langkah-langkah pemasangan widget blogger ini.

1# Pilih dan Kustomisasi Widget Twitter
Untuk tampilan seperti di atas, Anda perlu menginstall script berikut ini:

<link type="text/css" href="http://twitter-friends-widget.googlecode.com/svn/v2/light.css" rel="stylesheet"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js"></script>

<div class="twitter-friends">
<!-- {
    username:'DavinMboir'
    ,width:300
    ,users_max:10
    ,loop:1
    ,user_image:40
    ,user_animate:'height'
    ,user_swap:5000
    ,tweet:1
} -->
    <a class="tfw-info" href="http://www.mboir.com" target="_blank">Twitter Friends/Followers Widget</a>
</div>

Untuk kustomisasi tampilan, perhatikan hal-hal penting berikut ini:
  • Ganti usernameDavinMboir’ (warna merah) dengan nama id twitter Anda ‘IdTwitter
  • Untuk ukuran widget twitter Anda, cukup ganti width 300 (warna ungu) dengan ukuran Anda satuan pixel)
  • Untuk jumlah follower maksimal yang ingin ditampilkan, ganti user_max 10 (warna cokelat) dengan jumlah sesuka Anda
  • loop 1 (warna biru) memiliki arti bahwa dilakukan perulangan animasi tanpa henti pada tampilan follower. Jika tidak ingin ada pengulangan animasi (dijalankan 1 kali animasi), maka ganti dengan angka 0.
  • Khusus script user_animate, Anda punya 3 pilihan yaitu ‘width’, ‘height’, ‘opacity’. Anda bisa menggantinya dg salah satu dari 3 pilihan animasi itu sesukanya.
  • Untuk yang ingin menggunakan tampilan model Dark atau gelap, Anda tinggal ganti script pada baris pertama light.css dengan dark.css
2# Pemasangan di Template Blogger
  1. Login ke akun blogger Anda
  2. Masuk ke menu Tata Letak
  3. Klik Tambahkan Gadget
  4. Pilih HTML/JavaScript
  5. Copy script yang sudah Anda modifikasi di atas tadi, kemudian Paste ke kolom gadget HTML/JavaScript tersebut

 Copyright By : Klik Disini Untuk Melihat Website
Follow Twitter@Irvanns99

Search This -> Widget Twitter Animasi Untuk Blog -> Search On Google -> Website Google

0 komentar:

Poskan Komentar

 
Toggle Footer
Top