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 okezone.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 kerenkan infonya.
 


Widget ini saya buat menggunakan rsspump.com dengan mengambil data dari rss feed detik.com, kaskus.us dan okezone.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='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; color:#FFFFFF;">&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; color:#FFFFFF;" 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; color:#FFFFFF;">&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="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td><td width="10" style="vertical-align: middle;" ><a id="TickerPrevBC17331976" href="javascript: ;" onclick="PrevTickerBC17331976();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&laquo;</a></td> <td id="TickerContentBC17331976" class="bc_tickercontent" style="vertical-align: middle;"> <a id="TickerLinkBC17331976" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none; color:#FFFFFF;" target="_blank"><b><span id="TickerTitleBC17331976" class="bc_tickertitle" ></span></b></a> <span id="TickerSummaryBC17331976" class="bc_tickersummary" ></span> </td> <td width="10" style="vertical-align: middle;" ><a id="TickerNextBC17331976" href="javascript: ;" onclick="NextTickerBC17331976();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&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="scr17331976" type="text/javascript"></script> <script type="text/javascript"> /* <![CDATA[ */ setTimeout('document.getElementById(\'scr17331976\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.kaskus.co.id/rss/forum/21&changedelay=8&maxitems=-1&showsummary=0&objectid=17331976\'', 500); /* ]]> */ </script> </tr> <tr><td width=18px><img src="http://sindikasi.okezone.com/image/template/zone.ico"/></td> <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC29075508" href="javascript: ;" onclick="PrevTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&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; color:#FFFFFF;" 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; color:#FFFFFF;">&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//sindikasi.okezone.com/index.php/techno/RSS2.0&changedelay=8&maxitems=-1&showsummary=0&objectid=29075508\'', 500); /* ]]> */ </script> </tr> </table> <span style="font-size: 80%; float:right;"><a href="http://akilhacker.blogspot.com/2012/12/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.

Posting Komentar

3 Komentar