Untuk tema ini kita bahas cara pemasangan berita berjalan pada blog, dan mungkin berita tersebut sangat berguna atau mempunyai manfaat.
Bagaimana cara membuat berita berjalan pada blog di atas header atau di bawah header, dengan adanya slide berita berjalan menambah informasi yang ter-update tentang berita - berita seputar nasional, olahraga dan sebagainya. Apabila sobat ingin memasang berita berjalan tersebut, sobat bisa lihat screenshot dan cara pemasangannya. Untuk cara pemasangannya sobat bisa copy script di bawah ini dan semoga sukses.
Langkah Pertama :
- Login ke blog sobat
- Masuk ke edit HTML pada
template blog sobat
- Cari kode
- Untuk memudahkan pencarian
gunakan Ctrl + F
- Bila sudah ketemu kode
- Lalu Letakan kode dibawah ini
tepat di atas kode
Scriptnya :
#running news {
position:fixed;_position:absolute;top:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
position:fixed;_position:absolute;top:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Langkah Ke Dua :
- Cari kode
- Bila sudah ketemu kode <body>
- Lalu Letakan kode dibawah ini tepat di bawah kode <body>
<div id=' running news '>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
Lalu Save
Langkah Terakhir :
- Pilih
rancangan
- Pilih
Tambah gadged
- Pilih
HTML / Java script
- Copy
kode dibawah ini
- Dan
Pastekan kode tersebut
- Lalu
save
- Lihat
hasilnya dan semoga sukses
Scriptnya
dibawah ini :
<div style="overflow:auto;
padding:3px; margin:0px 0px 0px 0px; width:300px; height:80px;
background-color: rgb(255, 255, 255); border:0px solid #ddd;">
<div style="color:#ffffff;
width:614;height:290px;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:#FFFFFF; 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(#FFFFFF),color-stop(50%, #FFFFFF), to(#FFFFFF);">
</noscript><table width="100%"><tbody><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: ;"
class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;"
onclick="PrevTickerBC5226488();">«</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:#555;"
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: ;"
class="bc_tickerarrow" style="text-decoration: none;
color:#FFFFFF;"
onclick="NextTickerBC5226488();">»</a></td> <!-- DO
NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER
WILL NOT FUNCTION PROPERLY. -->
<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: ;" class="bc_tickerarrow"
style="text-decoration: none; color:#FFFFFF;"
onclick="PrevTickerBC17331976();">«</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: ;"
class="bc_tickerarrow" style="text-decoration: none;
color:#FFFFFF;"
onclick="NextTickerBC17331976();">»</a></td> <!--
DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS
TICKER WILL NOT FUNCTION PROPERLY. -->
<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:
;" class="bc_tickerarrow" style="text-decoration: none;
color:#FFFFFF;"
onclick="PrevTickerBC29075508();">«</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:
;" class="bc_tickerarrow" style="text-decoration: none;
color:#FFFFFF;"
onclick="NextTickerBC29075508();">»</a></td> <!--
DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS
TICKER WILL NOT FUNCTION PROPERLY. -->
<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> </tbody></table>
<span style=" float:right;font-size:80%;"><a
href="http://otowebsite.blogspot.com/2012/04/memasang-widget-headline-news-di-wiget.html"
target="_blank"></a></span> </div></div>
Selesai.
Semoga bermanfaat dan salam sukses selalu.....
0 komentar:
Posting Komentar