Loading...

Widget Twitter Untuk Blog


Cara membuat widget di Twitter, Widget Twitter untuk Blog, Blogger, Wordpress, Joomla, Situs web, Twitter widget for Blogger / Blogspot, bikin widget Twitter keren untuk blog, Cara mengatur lebar widget Twitter untuk blog, tutorial lengkapnya cek disini

Pada kesempatan kali ini Bangiz mau berbagi info tentang cara memasang widget Twitter pada blog, khususnya disini pada platform Blogger. Untuk menggunakannya pastikan Anda memiliki kadua akunnya baik itu Twitter maupun Bloggernya. 


Jika belum punya silahkan buat saja dulu karena semuanya gratis. Sekarang kita lanjut saja ke tutorialnya.

widget twitter
Gambar Twitter
1. Masuk ke akun Twitter Anda.
2. Pilih pengaturan (lihat gambar).
pengaturan twitter
Pengaturan Twitter
 3. Pada halaman berikutnya pilih Widget > Buat baru.
Widget Twitter
Widget Twitter
 4. Selanjutnya Anda bisa mengkonfigurasi tampilannya, silahkan atur sendiri lalu klik Buat Widget.
 widget twitter
Konfigurasi tampilan widget
 5. Kalau sudah berhasil maka akan muncul kode HTML yang siap untuk ditempelkan ke situs Anda.
widget twitter
Kode widget Twitter
Dengan kelima langkah di atas, kita sudah bisa mendapatkan kode widgetnya. Tapi mungkin Anda juga perlu untuk memodifikasi tampilannya supaya lebih rapi dan sesuai dengan tema template yang digunakan seperti mengatur lebar, warna link, border, footer widget dan sebagainya. 

Sebagai contoh kode yang di dapatkan pada nomor 5 adalah berikut ini:
<a class="twitter-timeline"  href="https://twitter.com/BangizID"  data-widget-id="449431401054482432">Tweet oleh @BangizID</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 mengatur lebar, tinggi dan warna link, silahkan tambahkan kode berikut:
width="400" height="400" data-link-color="#288FF0"
Sehingga hasilnya menjadi seperti ini:
<a class="twitter-timeline" width="400" height="400" data-link-color="#288FF0"href="https://twitter.com/BangizID" data-widget-id="275096183993671680">Tweets by @BangizID</a><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>
Untuk pengaturan lainnya silahkan kunjungi linknya disini. Begitu juga jika belum tahu cara menambahkan kode HTML bisa dibaca disini. Demikian tutorial tentang Membuat widget Twitter untuk blog, jika ada pertanyaan silahkan tinggalkan komentar.
Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Widget Twitter Untuk Blog
Widget Twitter Untuk Blog
Cara membuat widget di Twitter, Widget Twitter untuk Blog, Blogger, Wordpress, Joomla, Situs web, Twitter widget for Blogger / Blogspot, bikin widget Twitter keren untuk blog, Cara mengatur lebar widget Twitter untuk blog, tutorial lengkapnya cek disini
https://4.bp.blogspot.com/-I4jtxnvEREk/UzUiS-jA6QI/AAAAAAAAMS4/H-bYPXc7mRI/s1600/Tweet.png
https://4.bp.blogspot.com/-I4jtxnvEREk/UzUiS-jA6QI/AAAAAAAAMS4/H-bYPXc7mRI/s72-c/Tweet.png
Bangiz
https://bangiz.blogspot.com/2014/03/Widget-Twitter.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2014/03/Widget-Twitter.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy