Cara Pasang Viva news di Blog

Satu lagi widget rss feed berita yang sumbernya saya ambil dari rss feed viva news, widget ini menggunakan rsspump untuk mengambil headline title viva news kemudian dengan sedikit polesan kode html untuk menambah daya tarik tampilan widget.

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.
  
  
  <style>
  .bc_tickerlink, .bc_tickerarrow {text-decoration:none;color:white;}
  </style>
  <div style='color:#ffffff; width:99%;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:left; overflow:hidden; border-radius: 8px; -webkit-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="https://lh3.googleusercontent.com/-rAkXacKHG5w/TunoeNZVvNI/AAAAAAAAAoY/lx35MlCM0Bg/s800/VivaNews_icon.png" /></td>
  <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC10052066" href="javascript: ;" onclick="PrevTickerBC10052066();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>
          <td id="TickerContentBC10052066" class="bc_tickercontent" style="vertical-align: top;">
              <a id="TickerLinkBC10052066" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC10052066" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC10052066" class="bc_tickersummary" ></span>
          </td>
          <td width="10" style="vertical-align: top;" ><a id="TickerNextBC10052066" href="javascript: ;" onclick="NextTickerBC10052066();" 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="scr10052066" type="text/javascript"></script>
  <script type="text/javascript"> /* <![CDATA[ */
  setTimeout('document.getElementById(\'scr10052066\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//rss.vivanews.com/get/all&changedelay=8&maxitems=-1&showsummary=0&objectid=10052066\'', 500);
   /* ]]> */ </script>
  </tr>
  </table>
  </div>
• Tempatkan widget ini di atas / di bawah postingan artikel agar terlihat rapih. 
• Klik "Save" dan lihat hasilnya.

sumber: monozcore