BERLANGGANAN LEWAT EMAIL:

Tips Sederhana Membuat News Feed Ticker Pada Blogger

Diposting oleh Mizan 2/28/2010

Postingan ini sebenarnya sudah ane bahas di Membuat Slideshow News/Feed Ticker, tahun lalu. Tapi ternyata masih banyak orang yang bertanya-tanya bagaimana blog ini bisa memiliki feed ticker dengan slideshow seperti yang ada di bawah postingan ini.

Kalau pada postingan yang dulu, ane menjelaskan tentang kehebatan situs BlastCasta, yang dapat membuat beragam widget feed dari situs web, blog, atau akun twitter. Tapi kali ini ane langsung aja memberi kode html yang dapat di copy & paste ke dalam widget "Kode HTML/Javascript".

Caranya sederhana, masuk pada "Tata Letak" Blogger, lalu pilih "tambah gadget", dan pilih "Kode HTML/Javascript". Setelah muncul, berikan judul sesuka hati, dan masukkan kode berikut di dalamnya:


Kode Feed Ticker:

<center>
<br/>
<table border="0" width="600" cellspacing="0" cellpadding="0">
        <tr>
            <td width="173">
<img border="0" src="http://i919.photobucket.com/albums/ad33/mimuha/rssicon2.gif" height="50" align="right"/></td>
            <td>
<p>Artikel lainnya:</p>
<div id="TickerBC28832702" style="width: 330px;height: 30px;overflow: auto;overflow-x: hidden;overflow-y: hidden;border-style: none;border-width: 0;border-color: #FFFFFF;" class="bc_ticker">
<table width="100%">
    <tr align="left">
        <td width="10" style="color: #336699; font-size: 8pt; font-family: Verdana,Geneva;">&nbsp;</td>
        <td id="TickerContentBC28832702" style="vertical-align: middle;" class="bc_tickercontent">
            <a id="TickerLinkBC28832702" style="text-decoration: none;" href="javascript: ;" class="bc_tickerlink" target="_top"><b><span id="TickerTitleBC28832702" style="color: #336699; font-size: 8pt; font-family: Verdana,Geneva;" class="bc_tickertitle"></span></b></a>  <span id="TickerSummaryBC28832702" style="color: #000000; font-size: 10pt; font-family: Verdana,Geneva;" class="bc_tickersummary"></span>
        </td>
        <td width="10" style="color: #336699; font-size: 8pt; font-family: Verdana,Geneva;">&nbsp;</td>
    </tr>
</table>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript></noscript>
</div>

<script id="scr28832702" type="text/javascript"></script>
<script type="text/javascript">
setTimeout('document.getElementById(\'scr28832702\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//em-mizan.blogspot.com/feeds/posts/default&changedelay=5&maxitems=-1&showsummary=0&objectid=28832702\'', 500);
</script>
</td>
        </tr>
    </table>
<br/>
</center>


Dengan kode di atas tampilan widget akan tampil sama persis seperti yang ada dalam blog ini. Perhatikan kode-kode berwarna hijau, ubah alamat URL em-mizan.blogspot.com dengan alamat blogspot kalian. Ubah juga font, color, dan size sesuka hati.

Sederhana kan..!! kalau begitu silahkan mencoba... ^^

KEMBALI KE ATAS

Kunjungi artikel yang berhubungan:


Buku Tamu Komentar Tautan Daftar Isi

Mengenai Saya

Foto Saya
Mizan
Mahasiswa rantau yang mendalami kajian Ilmu Jurnalistik, saat ini sedang sibuk dengan kuliah sambil berbagi info di Dumay (Dunia Maya) ^^v. Blog ini beroperasi secara profesional, berisi tentang info2 seputar komputer dan blogging. Semoga blog ini dapat memberi inspirasi dan info tambahan pada pedoman blogging pengunjung semua. ^^ trims..
Lihat profil lengkapku

Pos Terpopuler