Cara Memasang Tombol Follow Twitter pada Blog

Salah satu situs jejaring sosial yang satu ini bisa sebagai alternatif untuk men share artikel atau postingan kita. Situs jejaring sosial ini adalah Twitter. Untuk menshare artikel,mem follow dan mengikuti via twitter blog kita secara otomatis maka blog kita harus sudah terhubung ke akun Twitter tersebut. Berikut ini saya akan berbagi tips yaitu cara memasang tombol follow twitter pada blog. Langsung saja kita ke TKP yuukk...!

• Langkah pertama kita menuju ke home page setingannya dengan klik url ini https://twitter.com/about/resources/buttons#follow

• Selanjutnya silahkan pilih beberapa pilihan tampilan tombolnya sesuai selera  anda.

• Masukkan akun atau nama pengguna Twitter anda dan pilih tampilan tombol twitter nya.

Berikut contoh dari tampilan tombol follow twitternya.

• Untuk tampilan gambar yang pertama anda bisa menggunakan kode di bawah ini :

Berikut kode nya :

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a><br /> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Ganti tulisan " share " dengan nama akun twitter anda.

• Untuk tampilan tombol yang ke -2 yaitu follow,berikut gambar dan kodenya:

Berikut ini kodenya :

<a href="https://twitter.com/twitter" class="twitter-follow-button" data-show-count="false">Follow @twitter</a><br /> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Ganti tulisan " Twitter " dengan nama pengguna twitter anda.

• Untuk tampilan yang ke -3 berikut gambar dan kodenya :

Berikut kodenya :

<a href="https://twitter.com/intent/tweet?button_hashtag=TwitterStories" class="twitter-hashtag-button">Tweet #TwitterStories</a><br /> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Ganti tulisan " TwitterStories " dengan nama pengguna twitter anda.

• Untuk tampilan yang terakhir anda bisa menggunakan kode di bawah ini :

Berikut kode scriptnya :

<a href="https://twitter.com/intent/tweet?screen_name=support" class="twitter-mention-button">Tweet to @support</a><br /> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Ganti tulisan " support " dengan nama pengguna twitter anda.

Langkah selanjutnya tinggal copy kode kode diatas dan pastekan ke blog anda.

• Masuk ke akun blogger anda.
• Klik 'Opsi Lainnya' atau 'More Options'.
• Pilih 'Tata Letak' atau 'Layout'.
• Kemudian klik 'Tambah Gadget' atau 'Add a gadget' pilih lokasi yang sesuai denga pilihan anda.
• Pilih widget HTML/JavaScript.
• Beri judul sesuai selera atau biarkan saja tanpa judul.
• Dan pastekan kode script yang telah anda dapatkan di atas tadi.
• Klik 'Simpan' atau 'Save' dan lihat apa yang terjadi dalam blog anda. Tombol follow twitter sudah nampang pada blog anda.

 Semoga tips " Cara Memasang Tombol Follow Twitter pada Blog " ini bermanfaat.


Sumber: http://www.magetanindah.com/2012/12/cara-memasang-tombol-follow-twitter-pada-blog.html


....JANGAN LUPA FOLLOW & KOMENTAR....

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Memasang Tombol Follow Twitter pada Blog ini dipublish oleh Unknown pada hari Kamis, 07 Maret 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara Memasang Tombol Follow Twitter pada Blog