Tweet Box Twitter

Keren...Keren...Keren... neeh widget twitter terbaru yang lagi hot menjelang akhir tahun 2011... Oke selagi hot widget ini saya beri nama Tweet Box Twitter (Registered Widget Name by MonozCore), berhubung maraknya copy-paste artikel jadi saya memutuskan untuk melindungi artikel ini dan nama widget ke RWN.... so buat sobat blogger yang sering copy-paste dihimbau untuk mencantumkan sumber artikel dan dilarang menghapus link "Get This Widget" pada widget Tweet Box Twitter ini...OK!!! Hehehe... becanda bro, saya cuma pengen hasil jerih payah saya 2 hari 2 malam membuat artikel ini tidak dimanfaatkan oleh plagiator artikel blog yang tidak bertanggung jawab...Okeh dech... jika setuju dengan syarat dan kondisi diatas silakan disimak infonya...

Pada dasarnya widget ini menggunakan API twitter terbaru (sumber:Paulund.co.uk) untuk memperoleh tweet sebuah blog yang kemudian dimodifikasi agar tampilan burung twitter seolah-olah bisa berkicau yang diilustrasikan dengan balon kata yang ada diatas gambar burung twitter. Widget ini juga bisa dijadikan feed dari suatu blog ataupun website yang terhubung ke twitter. Untuk illustrasi dan contoh bisa dilihat pada blog MozWidget. Wahhh saya sudah mulai kehabisan kata-kata neeh, okelah biar cepat aja kita langsung ke TKP (Tempat Kopi Paste).

Loading Tweets...

Sebelum sobat blogger mencoba widget ini ada baiknya membuat backup template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

• Login ke blog sobat.
• Copy-Paste kode di bawah ini.
  
  <style>
  #twitter_update_list{
  list-style:none;
  }
  #twitter_update_list li{
  background: #f4f8f9; /* Old browsers */
  background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
  box-shadow: 1px -1px 2px #bbc6c8;
  -webkit-box-shadow: 1px -1px 2px #bbc6c8;
  -moz-box-shadow: 1px -1px 2px #bbc6c8;
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  padding:15px;
  width:250px;
  }
  
  #twitter_update_list::after {
  content: "";
  position: relative;
  left: 30px;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #e8f0f2 transparent;
  display: block;
  width: 0;
  }
  </style>
  <div align="justify" id="twitter_update_list">
  Loading Tweets...
  
  </div>
  <a title="Follow Me" href="http://www.twitter.com/monozcore" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCbOmaXrX8tRqSvd7c8rEHRp7XXFo7Z0iuiPy4mhhvXIYdnRmP-IzHZXZEE87zMbSe40NWQBrT27fa2PDcTKZEV-2wut-klDHfHuPNQ7CHv25qPLwACqRORgesnZxpT13e_jV4P1hqjbe7/s800/twitter_mexico.png"/></a>
  <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/monozcore.json?callback=twitterCallback2&count=1"></script>
  <br />
  <span style="font-size:80%;"><a href="http://monozcore.blogspot.com/2011/11/tweet-box-twitter.html" target="blank">Get This Widget</a></span>
• Untuk penempatan widget silakan anda sesuaikan dengan template sobat, bisa sebagai gadget atau bisa juga sebagai widget di halaman blog.
• Jika anda ingin widget ini muncul di halaman depan blog saja silakan anda baca artikel saya mengenai Jenis dan Fungsi Kode Untuk Mengatur Tampilan Widget BlogSpot. Untuk trik yang satu ini sobat blogger membutuhkan pengetahuan tambahan mengenai kode HTML.
• Ganti tulisan monozcore yang berwarna merah pada kode di atas dengan nama akun twitter sobat.
• Jika anda menyukai widget ini mohon komentar dan Google+1 nya ya....Trims...

.:Selamat Mencoba:.