Cara Membuat Twitter Follow Button
Twitter Follow Button yg dirilis secara official oleh twitter kini semakin memiliki fitur yg
canggih. Meskipun hanya ditampilkan dalam bentuk button dan link sederhana,
sebenarnya ada beberapa hal yg dapat dilakukan hanya dengan sekali klik, tidak
seperti twitter follow widget yg
sebelumnya. "Dengan klik button,
pengunjung dapat langsung melakukan follow tanpa harus masuk ke twitter."
Link yg berada di sebelah button juga berfungsi untuk mengetahui profil serta
update terbaru (tweet) nya. Jadi, memasang twitter follow button di blog
kini dapat memberikan efek jauh besar bagi perkembangan dan popularitas blog
serta pemilik blog.
Cara Membuat Twitter
Follow Button
1. Masuk ke
halaman follow button
2.
Perhatikan gambar berikut:
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.
Hasilnya pasti bagus deh, sekalian follow twitter gue haha...
0 komentar:
Post a Comment