Formulir Kontak

Nama

Email *

Pesan *

Membuat Widget Twitter Di Blog

Aizzan Blog -- Widget terbaru dari twitter ini adalah salah satu terobosan yang dimiliki oleh situs jejaring sosial twitter untuk pengguna blogger dalam mempercantik blog sobat, namun widget ini ada kekurangan dan ada kelebihannya. Untuk kelebihannya sendiri dalam memasang widget yang terbaru ini pasti dengan cara yang mudah sedangkan kekurangannya kita tidak bisa mengatur apapun kecuali yang sudah disediakan oleh pihak twitter untuk memberikan widget tersebut kepada kita. Nah, jika sobat penasaran dan ingin untuk mencobanya silahkan mengikuti tutorial di bawah ini dan untuk demonya bisa lihat di Contact Me

1. Pastikan sobat sudah punya akun twitter, jika belum silahkan mendaftar di twitter 
2. Kalau sudah silahkan masuk ke https://twitter.com/settings/widgets/new
3. Setelah masuk, sobat akan di tampilkan dengan tampilan seperti gambar di bawah ini
Aizzan Blog:  Membuat Widget Twitter Di Blog
Aizzan Blog:  Membuat Widget Twitter Di Blog
Keterangan (dari atas ke bawah) :
  • Nama pengguna : isi dengan akun sobat
  • Pilihan ada dua silahkan sunting sendiri
  • Tinggi : ukuran tinggi widget sobat, atur semaunya sobat
  • Tema : warna dari widget tersebut, ada terang dan gelap
  • Warna tautan : warna dari tautan sobat
4. Jika sudah menyunting widget tersebut, klik Buat Widget
5. Hasilnya bisa dilihat kodenya seperti di bawah ini
    <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/AFanie_028"  data-widget-id="357865645754429440">Tweet oleh @AFanie_028</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Untuk selanjutnya sobat tinggal copy kode diatas ke blog sobat, bisa mengikuti tutorialnya sebagai berikut

1. Login ke blog sobat
2. Pergi ke tata letak
3. Tambahkan Gadget
4. Pilih HTML/JavaScript, lalu klik tombol (+) di bagian kanan
5. Paste kode tersebut di kolom bawah
6. Simpan dan lihat hasilnya

Semoga artikel diatas bisa bermanfaat dan membantu buat sobat, jika ada kritik maupun saran  dapat sobat sampaikan melalui kolom komentar di bawah dan bisa kirim melalui kotak formulir kontak yang berada di bagian kanan artikel.
Previous
Next Post »
0 Komentar