WELCOME TO initial-yas.blogspot.com | Sesering mungkin mampir ke blog saya yang sederhana ini agar tidak ketinggalan berita-berita tentang Initial-YAS dan yang lainnya | Jika ingin bertanya sesuatu tentang blog ini, kalian bisa bertanya lewat facebook fan page : Initial-YAS | Jika ada kekurangan dalam blog ini mohon di maafkan | SALAM INITIAL-YAS

Kamis, 09 Februari 2012

Cara Membuat & Memasang Twitter Follow Button (Official)

Twitter Follow Button yang 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.Untuk menampilkan Username pada follow button
C. Fitur untuk menampilkan besar atau kecil twitter follow button. Kosongi pada list jika tidak ingin menampilkan bentuk besar.
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 Twitter Button</div>

Copy script di atas. Ganti Kode Twitter 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.

Tidak ada komentar:

Posting Komentar