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 keren khan
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
- Seperti biasa...Login dahulu ke blog sobat.
- Klik "Design" kemudian klik "Add Gadget".
- Pilih "HTML/JavaScript".
- 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; -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;">«</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;">»</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;">«</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;">»</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.us/external.php%3Ftype%3DRSS2%26forumid%3D31&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;">«</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;">»</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://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html"
target="_blank">Get this widget</a></span>
</div> - Klik "Save" dan lihat hasilnya...
- Silakan widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.
.:Semoga
Bermanfaat sob !!:.
Judul: Cara Membuat Widget Berita di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh 9/21/2012 10:34:00 PM
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh 9/21/2012 10:34:00 PM
0 comments:
Post a Comment
berkomtarlah dengan sopan, baik dan benar
thank's