Home » Cara Buat Berita Berjalan Pada Blog » Cara Buat Berita Berjalan Pada Blog

Cara Buat Berita Berjalan Pada Blog


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 }}></b:skin>
  • Untuk memudahkan pencarian gunakan Ctrl + F
  • Bila sudah ketemu kode }}></b:skin>
  • Lalu Letakan kode dibawah ini tepat di atas kode }}></b:skin>
    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); }


    Langkah Ke Dua :
    • Cari kode  <body>
    • Bila sudah ketemu kode <body> 
    • Lalu Letakan kode dibawah ini tepat di bawah kode <body> 
    Scriptnya :

    <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>

    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.....

    Related Post
    Label: