Membuat News Ticker atau Berita di Bagian Bawah Blog

Kali ini Hajsmy Blog akan posting Cara Membuat News Ticker atau Berita di bagian bawah blog, Sudah tahu apa itu News Ticker? Jika Anda sering melihat
televisi, tentu Anda sering melihatnya. Berita berjalan dibagian bawah
layar televisi Anda. Apakah Anda tertarik memasangnya di blog Anda? Jika
tertarik, mari ikuti tutorial berikut ini...

1. Login ke blogger

2. Klik Rancangan/Design

3. Tambahkan kode berikut ini di atas ]]></b:skin>

4. Copy & Paste Script Berikut :

#newsticker {

background-color:#ffffff;

border-bottom:2px solid #000;

border-top:2px solid #000;

bottom:0;

font-family:Verdana;

font-size:11px;

left:0;

position:fixed;

text-align:left;

width:100%;

z-index:10000;}

5. simpan template anda




Langkah Selanjutnya adalah:

=> Pergi Ke Elemen Laman

=> Tambah Gadget

=> Pilih HTML/ JavaScript

=> Copy Kode Berikut:

<div id="newsticker">
<div id="feed-control">
<span style="color:#676767;font-size:12px;margin:10px;padding:5px;">Memuat Berita...</span>
</div>


  <!-- Google Ajax Api
  -->
  <script src="http://www.google.com/jsapi?key=ABQIAAAAHr6EGc_L58w6zO61uDvs-hQenBrqrTBuTEZp2jaMju9FtW9rghT-8r_KZSvBh2reNC7zVHm0FRfPaw"
    type="text/javascript"></script>

  <!-- Dynamic Feed Control and Stylesheet -->
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
  </style>

  <script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [
    {title: 'Hajsmy Blog - Hot News!',
     url: 'http://www.hajsmy.us/feeds/posts/default'
    }];
      var options = {
        stacked : false,
        horizontal : true,
        title : ""
      }


      new GFdynamicFeedControl(feeds, 'feed-control', options);
    }
    // Load the feeds API and set the onload callback.
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
  </script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ --></div>

=> Jangan Lupa Ganti Tulisan Berwarna Merah Tersebut Sesuai Kenginginan anda dan alamat Feed Blog Anda

=> Anda juga bisa pergi ke Situs Resminya untuk mendapatkan script di atas sesuai dengan kreasi anda sendiri..



Semoga bermanfaat dan jangan lupa komeng nya sob