Cara Menghasilkan & Memasang Twitter Follow Button (Official)

Posted by seni belajar at 3:21 PM

yg dirilis secara official oleh twitter sekarang kian memiliki fitur yg mutakhir Cara Membuat & Memasang Twitter Follow Button (Official)

twitter follow widget yg sebelumnya. "Dengan klik button, hadirin sanggup eksklusif melakukan follow tanpa mesti masuk ke twitter." Link yg berada di sebelah button juga berfungsi untuk mengenali profil serta update modern (tweet) nya. Jadi, memasang twitter follow button di blog sekarang sanggup menyediakan pengaruh jauh besar bagi kemajuan 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, apabila gelap pilih "Dark".

C. Fitur untuk memperlihatkan / tidak memperlihatkan jumlah twitter followers. Pilih "No" apabila tak ingin menampilkan.

D. Bahasa. Klik suguhan dropdown pilih bahasa yg diinginkan, tersedia fitur Bahasa Indonesia.

E. Preview performa button.

F. Script/Kode twitter follow button. Setelah final melakukan setting, copy kode/scriptnya.

Cara Memasang Twitter Follow Button di Blog/Web

Button sanggup dipasang di bab manapun dari blog/web di dalam tag <body> seperti saat anda memasang memperlihatkan link.

Untuk blog berplatform blogger:

a. Button sanggup dipasang di dalam gadget (sebagai widget).

1. Buka dashboard > design/layout > klik "add a gadget/tambahkan gadget > Pilih HTML/Javascript > Masukkan aba-aba 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 yakni di bab posting, yakni 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 aba-aba button yg sudah 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 aba-aba sempurna 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 aba-aba sempurna di bawahnya.

4. Save & done.

Hasilnya akan menyerupai ini [sekalian follow ya :-) ]

Follow @bukarahasiablog

Javascript Twitter Widgets