Satu lagi kreasi dari Ookinikutau.com buat sobat blogger, yaitu Widget Feed TV One yang unik dan keren... Widget ini menampilkan informasi berita di tanah air yang uptodate. Widget ini terdiri dari versi streaming dan versi rss feed, sobat blogger tinggal pilih mana yang sobat suka.
TV One Streaming
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
type='text/css'>
#tvone_news{
background: #f4f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9',
endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
box-shadow: 1px -1px 2px #bbc6c8;
-webkit-box-shadow: 1px -1px 2px #bbc6c8;
-moz-box-shadow: 1px -1px 2px #bbc6c8;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:10px;
width:260px;
height:210px;
}
#tvone_news::after {
content: "";
position: relative;
border-width: 20px 20px 0;
border-style: solid;
border-color: #e8f0f2 transparent;
display: block;
width: 0;
}
</style>
<div align="center">
<div id="tvone_news">
<object tabindex="0" name="player" id="player"
bgcolor="#000000"
data="http://www.tvonenews.tv/embed/mediaplayer-5.8-viral/player.swf"
type="application/x-shockwave-flash" height="100%"
width="100%"><param value="true"
name="allowfullscreen"><param value="always"
name="allowscriptaccess"><param value="true"
name="seamlesstabbing"><param value="opaque"
name="wmode"><param
value="netstreambasepath=http%3A%2F%2Fwww.tvonenews.tv%2Fstreaming&id=player&file=http%3A%2F%2Fwww.tvonenews.tv%2Ftvone1.php&stretching=exactfit&controlbar.position=over"
name="flashvars"></object></div><br
/>
<div align='center'><img
src="https://lh4.googleusercontent.com/-cwgKDjVstuk/Tv2EoSkZWLI/AAAAAAAAAsA/z_3nIALD9a4/s800/grace-natalie.png"/><br
/><span
style='font-size:80%;'><a
href=''http://ookinikutau.blogspot.com/2013/05/tv-one-news-widget.html"
style="text-decoration:none;color:grey;"
title="Ookinikutau.com">get this
widget</a></span></div>
</div>
TV One rss feed
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.
<div id="widgetmain"
style="background-color: #transparent; border: 1px solid #333333;
overflow-x: hidden; overflow-y: auto; text-align: left; width: 250px;">
<div id="rsswidget" style="height: 250px;">
<iframe border="0" frameborder="no" hspace="0"
id="rssOutput" marginheight="0" marginwidth="0"
src="http://us1.rssfeedwidget.com/getrss.php?time=1325176210078&x=http%3A%2F%2Fwww.tvonenews.tv%2Ffeed&w=250&h=250&bc=333333&bw=1&bgc=transparent&m=10&it=false&t=%28default%29&tc=333333&ts=15&tb=transparent&il=true&lc=0000FF&ls=14&lb=true&id=true&dc=333333&ds=14&idt=true&dtc=284F2D&dts=12"
style="border: 0; height: 250px; margin: 0; padding: 0; width:
250px;" vspace="0"></iframe></div>
<div align="center" style="font-size: 80%;">
<a
href="http://ookinikutau.blogspot.com/2013/05/tv-one-news-widget.html"
style="color: grey; text-decoration: none;">get this
widget</a></div>
Gimana sobat, kerenkan widgetnya...:)
Mohon cendolnya yaa biar kreasinya tambah keren dan bermanfaat.
Buat yang masih bingung seputar pemasangan widget ini silakan tanyakan melalui kotak komentar...:)
Title : TV-one-news-widget...
Description : Satu lagi kreasi dari Ookinikutau.com buat sobat blogger, yaitu Widget Feed TV One yang unik dan keren... Widget ini menampilkan informa...