Cara Pasang Widget di Blog

Biar ga ketinggalan informasi era digital, pasang widget berita di blog sobat khan lumayan sambil blogging bisa dapat berita terbaru lewat rss feed-nya detik.com, kaskus.us dan kompas.com... Selain itu widget ini juga membuat blog sobat semakin dinamis dengan update berita terkini seputar tekno-blogging. Wah... pengunjung blog sobat makin betah deh berkunjungnya. Gimana makin keren khan infonya.
Widget ini saya buat menggunakan rsspump.com dengan mengambil data dari rss feed detik.com, kaskus.us dan kompas.com, walaupun sederhana tapi lumayanlah buat memanjakan pengunjung blog sobat.
Buat sobat blogger yang pengen ngutak-ngatik sendiri widget berita silakan kunjungi rsspump.com atau jika ingin menggunakan widget berita seperti punya saya silakan disimak tutorialnya...
Oke...langsung aja ke TKP
  1. Seperti biasa...Login dahulu ke blog sobat.
  2. Klik "Design" kemudian klik "Add Gadget".
  3. Pilih "HTML/JavaScript".
  4. Copy-Paste kode berikut ini di kotak postingan gadget.
 <div style='font-size:120%;color:#ffffff; width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:center; overflow:hidden; -moz-border-radius: 8px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'>
<table width=100%><tr><td width=18px><img src="http://www.detik.com/image/detikcom.ico"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=14b2ac00-190d-44e1-9452-7034fe992459&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe></td></tr>
<tr><td width=18px><img src="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=08407b33-3621-4e00-88be-a5c816b539a9&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe></td></tr>
<tr><td width=18px><img src="https://lh5.googleusercontent.com/-eg38YIRf_tU/TqzlDgHqXsI/AAAAAAAAAZc/wJ6tqp7ogCs/s800/Kompas.png"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=95d5f2c1-852c-44f3-bcbb-00a36b62d0c3&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe>
</td></tr>
</table>
</div> <span style="font-size: 80%; float:right;;margin-top:5px;"><a href="http://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html" target="_blank">Get this widget</a></span>
this widget</a></span>

  • Klik "Save" dan lihat hasilnya...
  • Silakan widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.


  • Ditulis Oleh : siti ma'wa ~ Deskripsi Blog Anda

    Artikel Cara Pasang Widget di Blog ini diposting oleh siti ma'wa pada hari Selasa, 24 Januari 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

    :: Get this widget ! ::

    0 komentar:

    Posting Komentar