Friday 17 January 2014

Pasang Feed Dalam Kode Marquee

Langkah ke 1 :
  1. Sign in di blogger dengan ID anda.
  2. Klik menu layout.
  3. Klik menu Elemen Halaman.
  4. Klik tulisan Tambahkan sebuah Elemen Halaman.
  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed.
  6. Tulis alamat ini pada kotak di samping tulisan URL feed --> http://dedeefendi88.blogspot.com/atom.xml
  7. Klik tombol SIMPAN PERUBAHAN.
  8. Pindahkan elemen yang baru saja di buat pada tempat yang anda kehendaki.
  9. Klik tombol SIMPAN .
  10. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat.

langkah ke 2 :
  1. Klik tab Edit HTML.
  2. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).
  3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget
  4. Tunggu beberapa saat ketika proses sedang berlangsung
  5. Silahkan anda cari kode berikut pada kode template milik anda :
  6. <b:widget id='Feed1' locked='false' title='Dede Efendi' type='Feed'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
    <b:loop values='data:feedData.items' var='i'>
    <li>
    <span class='item-title'>
    <a expr:href='data:i.alternate.href'>
    <data:i.title/>
    </a>
    </span>
    <b:if cond='data:showItemDate'>
    <b:if cond='data:i.str_published != ""'>
    <span class='item-date'>
     - <data:i.str_published/>
    </span>
    </b:if>
    </b:if>
    <b:if cond='data:showItemAuthor'>
    <b:if cond='data:i.author != ""'>
    <span class='item-author'>
     - <data:i.author/>
    </span>
    </b:if>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget> 
  7. Tambahkan kode marquee seperti pada contoh kode berikut :

    <b:widget id='Feed1' locked='false' title='Dede Efendi' type='Feed'>
    <b:includable id='main'>
    
    <h2><data:title/></h2>
    <marquee align='center' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
    <b:loop values='data:feedData.items' var='i'>
    <li>
    <span class='item-title'>
    <a expr:href='data:i.alternate.href'>
    <data:i.title/>
    </a>
    </span>
    <b:if cond='data:showItemDate'>
    <b:if cond='data:i.str_published != ""'>
    <span class='item-date'>
     - <data:i.str_published/>
    </span>
    </b:if>
    </b:if>
    <b:if cond='data:showItemAuthor'>
    <b:if cond='data:i.author != ""'>
    <span class='item-author'>
     - <data:i.author/>
    </span>
    </b:if>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
    </marquee>
    </b:includable>
    </b:widget>
    
  8. Klik tombol Simpan Template.
  9. Selesai. Silahkan lihat hasilnya !

Perlu di ketahui bahwa, pemasangan kode marquee kurang begitu bagus kalau di lihat pada browser mozilla/firefox, kode ini berfungsi secara baik apabila di lihat pada browser internet explorer.

Selamat mencoba !

No comments: