Tujuan Utama

Blog Tausiyah Qolbi

LightBlog

Thursday, March 6, 2014

Widget Blog - Informasi dari situs berita nasional

Koleksi widget untuk para blogger

Banyak para blogger yang ingin selalu update berita nasional. Pada kesempatan ini, saya ingin berbagi widget script untuk para blogger.


Langsung saja, petama log in pada blogger.com dan masuk pada blog anda. Pilih layout dan klik "add gadget". Didalamnya anda cari javascript / html. Terus masukkan kode script dibawah ini.

Berikut ini script nya :

<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://tujuanutama.blogspot.com/2014/03/widget-blogger-informasi-dari-situs.html" target="_blank">Get this widget</a></span> </div>

copy semua script di atas ke dalam "javascript / html"

Untuk melihat hasil dari widget ini, silahkan klik : demo widget

Demikian widgetnya.
Wassalam

No comments:

Post a Comment