Widget Jadwal Tayang Film Bioskop 21

Kabar bagus nich... buat movie mania... sobat blogger yang ga pengen ketinggalan film bioskop terbaru dapat melihat feed film bioskop 21 Cineplex yang sedang tayang di blog Monosbit. Jadi sewaktu berkunjung ke Monosbit sobat blogger dapat sekalian melihat info terbaru film bioskop 21 yang sedang tayang. Gimana ??? oke banget khan...!!!???

Powered By Monosbit

Oke...buat sobat blogger yang pengen pasang widget ini silakan disimak tutorialnya.

Cara Pasang Widget

• Seperti biasa...Login dahulu ke blog sobat.
• Klik "Design" kemudian klik "Add New Gadget" setelah itu pilih "HTML/JavaScript".
• Copy-Paste kode HTML dibawah ini ke kotak postingan gadget.
  

  <script>
  if(typeof(jQuery) == 'undefined'){
  document.write("<scr" + "ipt type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></scr" + "ipt>");}
  </script>
  <style>
  .rssFeed {
  text-align:justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 250px;}
  .rssFeed img {margin-right:5px;}
  .rssFeed a {
  color: #000;
  text-decoration: none;}
  .rssFeed a:hover {
  color: #0000FF;
  text-decoration: underline;}
  .rssHeader { padding: 0.2em 0; }
  .rssBody { border: 2px solid #666;border-radius:4px; }
  .rssRow h4, .rssRow p, .rssRow div {
  margin: 0;
  padding: 0.5em;}
  #monosbit21Feed .odd { background-color: #E3F6CE; }
  #monosbit21Feed .even { background-color: #CEE3F6; }
  #rss21credit, #rss21credit a {
  font-family: Verdana;font-size: 10px;
  color:#ccc;}
  #rss21credit a {text-decoration:none;}
  </style>
  <script src="http://sites.google.com/site/monosbit/jquery.zrssfeed.min.js" type="text/javascript"></script>
  <script src="http://sites.google.com/site/monosbit/jquery.vticker.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function () {
  $('#monosbit21Feed').rssfeed('http://www.21cineplex.com/feeds/play.xml',{
  snippet: false,header:false
  }, function(e) {$(e).find('div.rssBody').vTicker({showItems: 1});});});
  </script>
  <div align="center">
  <div id="monosbit21Feed"></div>
  <div id="rss21credit">Powered By <a href="http://monosbit.blogspot.com" target="blank">Monosbit</a></div>
  </div>
  

  
  Keterangan :
  - width:250px; >> merupakan lebar ukuran widget untuk menyesuaikan dengan tema template blog silakan rubah angka tersebut pada kode diatas.


• Klik "Save" dan lihat hasilnya.

.: Semoga Bermanfaat :.