Rabu, 11 Juli 2012

Cara Membuat Twitter Follow Button

Cara Membuat Twitter Follow Button

 


Ada 3 jenis "Animated Flash Twitter Bird", silahkan pilih . Berikut langkah-langkahnya :





<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=@auliaazzahra2"></param><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username= @auliaazzahra2"></embed></object>



<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=@auliaazzahra2"></param><a href="http://www.dreambingo.co.uk/" title="http://www.dreambingo.co.uk/">http://www.dreambingo.co.uk/</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=@auliaazzahra2"></embed></object>




<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie"
value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>
<param name="flashvars" value="username=@auliaazzahra2"/><a href="http://www.gamblinginsider.ca" title="gambling">gambling</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=@auliaazzahra2"></embed></object>

Cara memasang Widget Flash Animated Follow Me Twitter Bird:
1. Masuk ke Blogger > Design/Rancangan > Add/tambah gadget > Pilih HTML/Javascript.
2. Copy salah satu script di atas. Ganti  @auliaazzahra2dengan nama account twitter sobat.
3. Paste ke dalam kotak HTML/Javascript dan save. Posisikan widget ke posisi yang diinginkan lalu Simpan Rancangan.
4.Selesai, dan lihat hasilnya
GOOD LUCK 

Atau bisa juga dengan cara ini  



Cara Membuat Twitter Follow Button

1. Masuk ke halaman  follow button
2. Perhatikan gambar berikut:
cara pasang follow button
A. Kolom untuk mengisi nama account twitter. Isikan akun twitter blog atau akun twitter pribadi yg ingin dibuatkan button follow-nya.
B. Background. Sesuaikan dengan background blog dimana button akan dipasang. Jika terang, pilih "Light. Sebaliknya, jika gelap pilih "Dark".
C. Fitur untuk menampilkan / tidak menampilkan jumlah twitter followers. Pilih "No" jika tidak ingin menampilkan.
D. Bahasa. Klik menu dropdown pilih bahasa yg diinginkan, tersedia fitur Bahasa Indonesia.
E. Preview tampilan button.
F. Script/Kode twitter follow button. Setelah selesai melakukan setting, copy kode/scriptnya.

Cara Memasang Twitter Follow Button di Blog/Web

Button dapat dipasang di bagian manapun dari blog/web di dalam tag <body> seperti ketika anda memasang menampilkan link.

Untuk blog berplatform blogger:
a. Button dapat dipasang di dalam gadget (sebagai widget).
1. Buka dashboard > design/layout > klik "add a gadget/tambahkan gadget > Pilih HTML/Javascript > Masukkan kode ke dalam kolom > save.
2. Drag/geser gadget di halaman design/layout ke posisi yg diinginkan. Save lagi.

b. Opsi lain untuk memasang widget follow button adalah di bagian posting, yaitu di bawah judul posting atau di bawah posting/artikel:
1. Perhatikan script berikut:
<div style='float:right;margin-right:5px;'>Kode Twtter Button</div>
Copy script di atas. Ganti Kode Twtter Button dengan kode button yg telah dicopy  tadi. 
1. Masuk ke Edit HTML/Edit Template, centang "Expand Widget templates".
2. Untuk memasang di atas posting, cari <div class="post-header-line-1">. Jika tidak ketemu cari <data:post.body/>. Letakkan kode tepat di bawah <div class="post-header-line-1"> atau di atas <data:post.body/>.
3. Bagi yg ingin memasang button di bawah posting/artikel, cari <data:post.body/>, letakkan kode tepat di bawahnya.
4. Save & done.
[cr : buku rahasia blogger]

Tidak ada komentar:

Posting Komentar

LinkWithin

Related Posts Plugin for WordPress, Blogger...