Salah satu sahabat blog ziliwu yaitu Setangguh kaktus ! (nama
yang diperkenalkan beliau melalui kotak komentar) menanyakan bagaimana cara membuat
Feed dalam kode marquee. Bagi blogger yang mencintai tampilan yang lebih di namis,
memang dengan pemakaian kode marquee bisa menambah semarak karena suatu objek bisa
bergerak dengan bantuan sedikit kode HTML.
Kembali ke pertanyaan di atas yaitu apakah pemasangan feed bisa di pasang dalam kode marquee?
jawabannya tentu saja bisa, namun pengertian pasang feed disini adalah seperti yang pernah saya
ulas di sini.
Trus bagaimana cara memasangnya? silahkan di baca sampai tuntas.
sebagai contoh, saya mengasumsikan bahwa anda belum memasang feed apapun di blog anda,
dan silahkan ikuti langkah-langkah berikut ini :
Langkah ke 1 :
- Sign in di blogger dengan ID anda.
- Klik menu layout.
- Klik menu Elemen Halaman.
- Klik tulisan Tambahkan sebuah Elemen Halaman.
- Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed.
- Tulis alamat ini pada kotak di samping tulisan URL feed --> http://kolom-tutorial.blogspot.com/atom.xml
- Klik tombol SIMPAN PERUBAHAN.
- Pindahkan elemen yang baru saja di buat pada tempat yang anda kehendaki.
- Klik tombol SIMPAN .
- Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat.
langkah ke 2 :
- Klik tab Edit HTML.
- Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).
- Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
- Tunggu beberapa saat ketika proses sedang berlangsung
- Silahkan anda cari kode berikut pada kode template milik anda :
- Tambahkan kode marquee seperti pada contoh kode berikut (perhatikan kode yang di cetak merah):
- Klik tombol Simpan Template.
- Selesai. Silahkan lihat hasilnya !
<b:widget id='Feed1' locked='false' title='Blog Kang Rohman' 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>
<b:widget id='Feed1' locked='false' title='Blog Kang Rohman' 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>
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 !
Mau cari duit gratisan lewat internet? coba daftar Yang ini
Dari guru saya: Kang Rohman
Tidak ada komentar:
Posting Komentar