IKLAN BULAN INI

Saturday, 15 September 2012

Tampilkan TimeLines Twitter di Blog

Jejaring Sosial yang paling ngetrend informasinya sekarang ini, salah satunya adalah Feature Aplikasi Twitter dengan TimeLinesnya, kalau kawan ingin mengetahui lebih lanjut cara penerapannya di Blog silahkan berkunjung ke Twitter Developers :y;
Persyaratan yang diperlukan sudah pasti kawan sudah bergabung atau mempunyai Account Twitter :z; untuk Create your own embedded timeline 

Caranya :
  • Masuk Account Twitter kawan dengan meng-Klik  Create your own embedded timeline 
  • Pilih Widget - Buat Baru
  • Selanjutnya, silahkan kawan mengadakan setting seperlunya yang secara otomatis akan keluar disamping kanannya Pratinjau [seandainya Pratinjau tidak mau muncul silahkan kawan setting Account Twitter kawan kemungkinan ada kesalahan atau kurang lengkap]





  • Ambil Scriptnya yang kode kurang lebih seperti berikut 

  1. <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>
  2. <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>

  • Tapi sebelumnya kawan tambahkan atau buatkan Kolom luar biar kelihatan manis seperti contoh berikut dibawah ini 

<div style="margin: 10px auto;display: block;text-align: center;box-shadow: 0px 5px 10px rgba(50,50,50,0.75);width: 500px;height: 405px">

<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</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>
</div>

Informasi Tambahan :
TimeLine Twitter ini di simpan pada Postingan, tapi dalam penerapannya saya menemui kendala saat loading mau tampil yang selanjutnya cuma ada kolomnya saja, solusinya saya taruh di Sidebar





Share This Post →


No comments:

Post a Comment