Cara Pasang Widget Berita di Blog

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.us dan tabloidpulsa.co.id. 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 blastcasta.com dan rsspump.com untuk mengambil data dari rss feed detik.com, kaskus.us dan tabloidpulsa.co.id, walaupun sederhana tapi lumayanlah buat memanjakan pengunjung blog sobat.

Buat sobat blogger yang pengen ngutak-ngatik sendiri widget berita silakan kunjungi blastcasta.com atau jika ingin menggunakan widget berita seperti blog MonozCore silakan baca artikel Widget Berita MonozCore... Widget ini hanya menggunakan tiga sumber berita untuk pemasangan 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.
   <div style='color:#ffffff; width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:left; overflow:hidden; border-radius: 8px; -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://detik.net.id/detik/image/favicon.ico" width="16px" height="16px"/></td>

   <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC5226488" href="javascript: ;" onclick="PrevTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>

           <td id="TickerContentBC5226488" class="bc_tickercontent" style="vertical-align: top;">

               <a id="TickerLinkBC5226488" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC5226488" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC5226488" class="bc_tickersummary" ></span>

           </td>

           <td width="10" style="vertical-align: top;" ><a id="TickerNextBC5226488" href="javascript: ;" onclick="NextTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>

   <!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->

   <noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>

   <script id="scr5226488" type="text/javascript"></script>

   <script type="text/javascript"> /* <![CDATA[ */ 

   setTimeout('document.getElementById(\'scr5226488\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//detik.feedsportal.com/c/33613/f/589693/index.rss&changedelay=8&maxitems=-1&showsummary=0&objectid=5226488\'', 500);

    /* ]]> */ </script>

   </tr>

   <tr><td width=18px><img src="http://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td>

           <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC46619671" href="javascript: ;" onclick="PrevTickerBC46619671();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>

           <td id="TickerContentBC46619671" class="bc_tickercontent" style="vertical-align: top;">

               <a id="TickerLinkBC46619671" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC46619671" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC46619671" class="bc_tickersummary" ></span>

           </td>

           <td width="10" style="vertical-align: top;" ><a id="TickerNextBC46619671" href="javascript: ;" onclick="NextTickerBC46619671();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>

   <!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->

   <noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>

   <script id="scr46619671" type="text/javascript"></script>

   <script type="text/javascript"> /* <![CDATA[ */ 

   setTimeout('document.getElementById(\'scr46619671\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.kaskus.co.id/rss/forum/21&changedelay=5&maxitems=-1&showsummary=0&objectid=46619671\'', 500);

    /* ]]> */ </script>

   </tr>

   <tr><td width=18px><img src="http://www.tabloidpulsa.co.id/templates/fw_mazaya/favicon.ico"/></td>

   <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC29075508" href="javascript: ;" onclick="PrevTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>

           <td id="TickerContentBC29075508" class="bc_tickercontent" style="vertical-align: top;">

               <a id="TickerLinkBC29075508" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC29075508" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC29075508" class="bc_tickersummary" ></span>

           </td>

           <td width="10" style="vertical-align: top;" ><a id="TickerNextBC29075508" href="javascript: ;" onclick="NextTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>

   <!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->

   <noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>

   <script id="scr29075508" type="text/javascript"></script>

   <script type="text/javascript"> /* <![CDATA[ */ 

   setTimeout('document.getElementById(\'scr29075508\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.tabloidpulsa.co.id/rss/&changedelay=8&maxitems=-1&showsummary=0&objectid=29075508\'', 500);

    /* ]]> */ </script>

   </tr>

   </table><span style="font-size: 80%; float:right;"><a href="http://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html" target="_blank">Get this widget</a></span> </div>
5. Klik "Save" dan lihat hasilnya...
6. Silakan widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.