Widget Info Lalu Lintas

Widget informasi lalu lintas seputaran daerah jakarta dan sekitarnya melalui twitter conversation info lalu lintas. Buat sobat blogger yang pengen tahu update info lalu lintas daerah jakarta dan sekitarnya, pasang aja widget ini di blog-nya... Lumayan sambil blogging bisa dapet info terbaru mengenai lalu lintas di jakarta.

Oke... buat yang sudah punya blog dan tertarik untuk memasang widget ini, silakan disimak infonya... Buat yang belum punya blog, ga usah khawatir widget ini saya pasang di artikel ini sekaligus sebagai contoh previewnya...

Oh..ya mengenai gambar disamping sengaja saya pilih polisi wanita biar segeeerrr baca info-nya, gimana unik kan..???!!! :) :). Jangan lupa!!! untuk menggunakan fitur "reply, retweet dan favourite" pada widget twitter conversation, sobat blogger harus sudah mempunyai akun twitter...

Oke kita langsung aja ke TKP (Tempat Kopi Paste) postingan artikel.

Info Lalu Lintas: Postingan Artikel

• Login ke blog sobat.
• Klik "New Post" kemudian klik "Edit HTML".
• Copy-Paste kode di bawah ini dan masukan ke konten artikel.
  <div align="center">
  <table>
  <tbody>
  <tr valign="middle">
    <td><img border="0" height="420" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh40zECUtc9JElLRuq53MHenfsUjdAkXzc2sREh9WoCv_Ew2UUWMIXWN5CoLmeTMG4lAdzts_uo96tjU4wiWVgXYfXWjELppAojwZYc0BKJvyTnZE4fUnMLktzByJUQ_mtisaRYp03_TlYh/s800/Sexy_Police86.png" style="vertical-align: middle;" /></td>
    <td><script src="http://widgets.twimg.com/j/2/widget.js">
  </script>
  <script>
  new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 4,
    interval: 30000,
    width: 250,
    height: 300,
    theme: {
      shell: {
        background: '#333333',
        color: '#ffffff'
      },
      tweets: {
        background: '#000000',
        color: '#ffffff',
        links: '#4aed05'
      }
    },
    features: {
      scrollbar: false,
      loop: false,
      live: false,
      behavior: 'all'
    }
  }).render().setUser('infoll').start();
  </script></td>
    </tr>
  </tbody></table>
  <span style="font-size: 80%;">
  

  <a href="http://monozcore.blogspot.com/2011/11/widget-info-lalu-lintas.html" style="text-decoration:none;" target="blank">Get This Widget</a>

  </span></div>
• Klik "Publish Post" dan lihat hasilnya.

Info Lalu Lintas: Blog Gadget

• Login ke blog sobat.
• Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
• Copy-Paste kode di bawah ini dan masukan ke konten gadget.
  <div align="center">
  <table>
  <tbody>
  <tr valign="middle">
    <td><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh40zECUtc9JElLRuq53MHenfsUjdAkXzc2sREh9WoCv_Ew2UUWMIXWN5CoLmeTMG4lAdzts_uo96tjU4wiWVgXYfXWjELppAojwZYc0BKJvyTnZE4fUnMLktzByJUQ_mtisaRYp03_TlYh/s800/Sexy_Police86.png" style="vertical-align: middle;" /></td>
    <td><script src="http://widgets.twimg.com/j/2/widget.js">
  </script>
  <script>
  new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 10,
    interval: 30000,
    width: 150,
    height: 100,
    theme: {
      shell: {
        background: '#333333',
        color: '#ffffff'
      },
      tweets: {
        background: '#000000',
        color: '#ffffff',
        links: '#4aed05'
      }
    },
    features: {
      scrollbar: true,
      loop: true,
      live: false,
      behavior: 'default'
    }
  }).render().setUser('infoll').start();
  </script></td>
    </tr>
  </tbody></table>
  <span style="font-size: 80%;">
  <a href="http://monozcore.blogspot.com/2011/11/widget-info-lalu-lintas.html" style="text-decoration:none;" target="blank">Get This Widget</a>
  </span></div>
• Klik "Save" dan lihat hasilnya.

Info Lalu Lintas: Tweet Box

• Login ke blog sobat.
• Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
• Copy-Paste kode di bawah ini dan masukan ke konten gadget.
  
  <script src="http://widgets.twimg.com/j/2/widget.js"></script>
  <script>
  new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 1,
    interval: 30000,
    width: 250,
    height: 300,
    theme: {
      shell: {
        background: '#000000',
        color: '#000000'
      },
      tweets: {
        background: '#000000',
        color: '#ffffff',
        links: '#4aed05'
      }
    },
    features: {
      scrollbar: false,
      loop: false,
      live: false,
      behavior: 'all'
    }
  }).render().setUser('infoll').start();
  </script>
  <span style="font-size: 80%;">
  <a href="http://monozcore.blogspot.com/2011/11/widget-info-lalu-lintas.html" style="text-decoration:none;" target="blank">Get This Widget</a>
  </span>

• Klik "Save" dan lihat hasilnya.

Catatan:

• width // Lebar widget
• height // Tinggi widget
• background // Warna latar widget
• color // Warna tulisan widget

Semoga postingan artikel ini bisa bermanfaat. Jika ada permasalahan seputar widget ini monggo ditanyakan saja melalui kotak komentar...