Cara Pasang Widget Berita 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, OkeZone, tabloidpulsa.co.id., XXI dan JobsDB. Pemasangan widget dapat membuat blog sobat terlihat semakin dinamis dengan update berita terkini seputar tekno-blogging. Widget ini menampilkan judul berita yang sedang hangat dibicarakan pada situs tersebut diatas. Wah... pengunjung blog sobat makin betah deh berkunjungnya. Gimana makin keren khan infonya.

Widget ini menggunakan getFeed javascript untuk mengambil data dari rss feed dari situs tersebut diatas sehingga tidak lagi menggunakan jasa situs dari pihak ketiga untuk meng-ekstrak data rss feed. Tampilan widget ini sederhana tapi lumayan ampuh buat memanjakan pengunjung blog sobat. Contoh seperti yang terpasang di blog ini.

Widget berita dapat disesuaikan dengan keinginan sobat. Beberapa pilihan RSS Feed berita dapat dilihat pada postingan DAFTAR RSS FEED WEBSITE POPULER. Buat yang ingin menggunakan widget berita seperti blog monosbit langsung ke TKP yaaaa....

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.
   

   <style>
   .mozbitRSS a:link, .mozbitRSS a:visited {text-decoration: none;}
   .mozbitRSS a:hover {color: #000;text-decoration: none;}
   </style>
   <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>
   <script src='http://sites.google.com/site/monozcore/home/GetFeedScript.js'></script>
   <table class="mozbitRSS" border="0" width="100%">
   <tr>
   <td align="center" style="width:18px;vertical-align:middle;"><img src="http://detik.net.id/detik/image/favicon.ico" style="width:16px;height:16px;"/></td><td style="padding-left:5px;"><span id="srcDetikRSS"></span></td>
   </tr><tr>
   <td align="center" style="width:18px;vertical-align:middle;"><img src="http://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png" style="width:16px;height:16px;"/></td><td style="padding-left:5px;"><span id="srcKaskusRSS"></span></td>
   </tr><tr>
   <td align="center" style="width:18px;vertical-align:middle;"><img src="http://techno.okezone.com/favicon.ico" style="width:16px;height:16px;"/></td><td style="padding-left:5px;"><span id="srcOkezoneRSS"></span></td>
   </tr><tr>
   <td align="center" style="width:18px;vertical-align:middle;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZUQqrQEHw2KntIp8xR9Tv9zz_HBTtpNUmFn2YDjqeCF-VldbO4UhFbIjmiVRC-eJBMUhAJBW6-ZC32KyyGg3p4h7KHtlZk8CJxjuvHXxQ9_awDJaZBbiUjn6RXB8OcVJA31dzD4-__Gh/s1600/pulsa_icon.gif" style="width:16px;height:16px;"/></td><td style="padding-left:5px;"><span id="srcPulsaRSS"></span></td>
   </tr><tr>
   <td align="center" style="width:18px;vertical-align:middle;"><img src="http://www.21cineplex.com/favicon.ico" style="width:16px;height:16px;"/></td><td style="padding-left:5px;"><span id="srcXxiRSS"></span></td>
   </tr><tr>
   <td align="center" style="width:18px;vertical-align:middle;"><img src="http://lh5.googleusercontent.com/-76KpHyd_P1Q/T367vGXaRaI/AAAAAAAABiY/3Ld_W1bv-go/s800/JobsDB_icon.jpg" style="width:16px;height:16px;"/></td><td style="padding-left:5px;"><span id="srcJobsDBRSS"></span></td>
   </tr>
   </table>
   <script type="text/javascript">
   var detiknewsfeed=new gfeedrssticker("srcDetikRSS", "mozbitRSS", 5000, "_new");
   var kaskusnewsfeed=new gfeedrssticker("srcKaskusRSS", "mozbitRSS", 5000, "_new");
   var okezonenewsfeed=new gfeedrssticker("srcOkezoneRSS", "mozbitRSS", 5000, "_new");
   var pulsanewsfeed=new gfeedrssticker("srcPulsaRSS", "mozbitRSS", 5000, "_new");
   var xxinewsfeed=new gfeedrssticker("srcXxiRSS", "mozbitRSS", 5000, "_new");
   var jobsdbnewsfeed=new gfeedrssticker("srcJobsDBRSS", "mozbitRSS", 5000, "_new");
   detiknewsfeed.addFeed("Detik", "http://detik.feedsportal.com/c/33613/f/656082/index.rss");
   kaskusnewsfeed.addFeed("Kaskus", "http://www.kaskus.co.id/rss/forum/21");
   okezonenewsfeed.addFeed("Okezone", "http://sindikasi.okezone.com/index.php/techno/RSS2.0");
   pulsanewsfeed.addFeed("Pulsa", "http://www.tabloidpulsa.co.id/rss/latest?format=");
   xxinewsfeed.addFeed("XXI", "http://www.21cineplex.com/feeds/play.xml");
   jobsdbnewsfeed.addFeed("JobsDB", "http://id.jobsdb.com/ID/en/Rss/JobListing?jobFunctionId=131");
   detiknewsfeed.setentrycontainer("span");
   kaskusnewsfeed.setentrycontainer("span");
   okezonenewsfeed.setentrycontainer("span");
   pulsanewsfeed.setentrycontainer("span");
   xxinewsfeed.setentrycontainer("span");
   jobsdbnewsfeed.setentrycontainer("span");
   detiknewsfeed.filterfeed(10, "date");
   kaskusnewsfeed.filterfeed(10, "date");
   okezonenewsfeed.filterfeed(10, "date");
   pulsanewsfeed.filterfeed(10, "date");
   xxinewsfeed.filterfeed(10, "date");
   jobsdbnewsfeed.filterfeed(10, "date");
   detiknewsfeed.entries_per_page(1);
   kaskusnewsfeed.entries_per_page(1);
   okezonenewsfeed.entries_per_page(1);
   pulsanewsfeed.entries_per_page(1);
   xxinewsfeed.entries_per_page(1);
   jobsdbnewsfeed.entries_per_page(1);
   detiknewsfeed.init();
   kaskusnewsfeed.init();
   okezonenewsfeed.init();
   pulsanewsfeed.init();
   xxinewsfeed.init();
   jobsdbnewsfeed.init();
   </script>
   


5. Keterangan :
   
   Apabila ingin mengganti URL RSS Feed berita diatas sobat blogger tinggal sesuaikan URL Feed dan Link Image dari situs yang ingin dirubah.


6. Klik "Save" dan lihat hasilnya...

Baiknya kotak gadget untuk widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.

Article Last Update : 22 September 2015

.:Semoga Bermanfaat:.