Hosting Unlimited Indonesia
Go Blogging!Panduan membuat blog hingga menghasilkan uang!

Cara Memasang Widget Twitter Pada WordPress Dan Blogger

Cara Memasang Widget Twitter Pada WordPress Dan Blogger | juraganblog.com – Pada artikel kali ini saya akan memberikan tutorial bagaimana cara memasang widget twitter baik itu berupa timeline, cuitan di dalam postingan, maupun tombol follow twitter pada blog wordpress atau blogger.com.

Langsung to the point aja ya, biar langsung maknyus..

Berikut langkah-langkah memasang widget, timeline, cuitan dan tombol follow twitter pada WordPress dan Blogger.com atau yang biasa disebut blogspot.

Cara Memasang Widget Twitter Pada WordPress Dan Blogger

Cara Memasang Widget Twitter Pada WordPress Dan Blogger

#1. Cara Memasang (Embed) Twit Atau Cuitan Pada Postingan

Login ke akun twitter kamu, kemudian pilih cuitan mana yang ingin kamu tempel atau pasang di dalam postingan.

Klik tombol panah ke bawah pada cuitan, kemudian pilih Embed Tweet.

Cara Memasang (Embed) Twit Atau Cuitan Pada Postingan

Akan muncul pop-up kotak dialog yang berisi kode-kode yang akan kamu tautkan pada postingan kamu.

Cara Memasang (Embed) Twit Atau Cuitan Pada Postingan

Nah, sekarang kamu tinggal memasukkan kode yang kamu dapat tadi ke dalam postingan baik di wordpress ataupun blogger.

Memasang Cuitan Twitter Pada WordPress

Copy kode tersebut kemudian paste-kan ke halaman postingan (editor artikel) namun harus berada pada mode Text.

Cara Memasang (Embed) Twit Atau Cuitan Pada Postingan

Berikut contoh kode punya saya :

<blockquote class="twitter-tweet" data-lang="en"><p lang="in" dir="ltr">Cara Membuat Iklan Carousel Banner Affiliasi Lazada Menjadi Responsive | juraganblog™ <a href="https://t.co/DvXLQZktly">https://t.co/DvXLQZktly</a> via <a href="https://twitter.com/tirai_langit">@tirai_langit</a></p>&mdash; Deela Putri (@tirai_langit) <a href="https://twitter.com/tirai_langit/status/876137382315147265">June 17, 2017</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Kemudian klik Preview untuk melihat hasilnya.

Demikian cara memasang cuitan twitter ke dalam postingan di WordPress.

Memasang Cuitan Twitter Pada Blogger.com (Blogspot)

Pada mode HTML, copy paste kode yang kamu dapat pada halaman editor artikel di postingan yang ingin kamu tambahkan tweet atau cuitan.

Cara Memasang (Embed) Twit Atau Cuitan Pada Postingan

Jika sudah, coba lihat hasilnya dengan pratinjau atau langsung publish jika sudah selesai.

Contohnya seperti di bawah ini :

#2. Memasang Tombol Share, Follow, Mention, Hashtag, Message Twitter

Login ke akun twitter, kemudian buka link https://publish.twitter.com/;

Scroll ke bawah, pilih Twitter Button;

Memasang Tombol Share, Follow, Mention, Hashtag, Message Twitter

Kemudian pilih sesuai keinginanmu, ada Share Button, Follow Button, Mention Button, Hashtag Button dan Message Button;

Memasang Tombol Share, Follow, Mention, Hashtag, Message Twitter

Pada dasarnya langkah pembuatan tombol-tombol di atas sama saja. Oleh karena itu pada artikel ini saya hanya akan membuat tutorial untuk Follow Button saja.

Pilih Follow Button, kemudian tuliskan username twitter kamu pada kolom Preview;
Lihat gambar.

Memasang Tombol Share, Follow, Mention, Hashtag, Message Twitter

Kemudian klik Preview,

set customization options untuk mengatur style dari tombol Follow.

Memasang Tombol Share, Follow, Mention, Hashtag, Message Twitter

Selanjutnya..

Memasang Tombol Share, Follow, Mention, Hashtag, Message Twitter

  • Centang Hide Username jika kamu ingin menyembunyikan username pada tombol follow;
  • Centang Large Button kalau kamu ingin tombol follow-nya gede;
  • Sesuaikan bahasa yang kamu inginkan, atau pilih Automatic.

Jika sudah, klik Update.

Memasang Tombol Share, Follow, Mention, Hashtag, Message Twitter

Kemudian klik Copy Code untuk mengkopi kode yang dihasilkan.

Paste-kan kode ini dimana kamu ingin tombol follow berada. Bisa didalam postingan atau pada widgets;

WordPress & Blogger

Untuk pemasangannya, bisa didalam postingan maupun pada widgets. Kode yang kamu dapat tadi tinggal kamu paste-kan saja dimana kamu ingin meletakkan tombol follow ini.

Langkahnya sama seperti di atas tadi.

Contoh tombol Follow :

Jika kamu ingin memunculkan jumlah followers disamping button, ganti kode data-show-count="false" menjadi data-show-count="true".

Sehingga kodenya menjadi seperti ini :

<a class="twitter-follow-button" href="https://twitter.com/tirai_langit" data-size="large" data-show-count="true">Follow @tirai_langit</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Contoh tombol Follow dengan jumlah followers :

#3. Memasang Widget Timeline Twitter

Login terlebih dahulu ke akun twitter yang ingin kamu pasang pada blog.

Kemudian buka link https://publish.twitter.com/;

Scroll sedikit ke bawah, maka kamu akan menemukan halaman seperti ini :

Memasang Widget Timeline Twitter

Pilih Embedded Timeline;

Buka halaman profil twitter kamu, kemudian copy paste link profil ke kolom Preview seperti gambar di bawah ini :

Memasang Widget Timeline Twitter

Memasang Widget Timeline Twitter

Jika sudah, klik tombol Preview.

Klik set customization options untuk mengatur ukuran tinggi dan lebar widget;

Memasang Widget Timeline Twitter

Contohnya disini saya mengatur tinggi 450px, dan lebar 300px.

Atur sesuai keinginanmu.

Jika sudah, klik Update.

Kemudian klik Copy Code, maka kamu akan mendapatkan kode yang akan di-paste-kan ke widget yang akan dibuat pada langkah selanjutnya.

Memasang Timeline Twitter Pada WordPress

Login ke Dashboard wordpress, kemudian buat widget baru dengan mode Text dari menu Appearance » Widgets » kemudian pilih Text;

Paste-kan kode tadi pada mode Text di widget,

Memasang Widget Timeline Twitter

kemudian Save;

Jika sudah, coba refresh blog kamu..

Tadaa..

Widget timeline twitter telah terpasang pada blog wordpress kamu.

Memasang Timeline Twitter Pada Blogger.com (Blogspot)

Login ke halaman Dashboard blogger.com, kemudian pilih Tata Letak » Tambahkan Gadgets pada sidebar dimana kamu akan meletakkan widget timeline ini.

Memasang Widget Timeline Twitter

Pilih HTML/Javascript dengan mengklik tanda tambah pada ujung kanan;

Memasang Widget Timeline Twitter

Copy paste kode yang kamu dapatkan pada langkah di atas pada field HTML/Javascript tadi.
Lihat gambar ;

Memasang Widget Timeline Twitter

Kemudian Simpan.

Refresh halaman blog kamu untuk melihat hasilnya.

Proses pembuatan widget timeline twitter selesai.

Demikian cara Cara Memasang Widget Twitter Pada WordPress Dan Blogger.

Tinggalkan komentar jika ada yang masih bingung.

Semoga bermanfaat..

Happy blogging guys..

Add a Comment

Your email address will not be published. Required fields are marked *