Memanfaatkan Marquee Untuk Beriklan

Posted by Unknown on Friday, May 1, 2009

Memanfaatkan Marquee Untuk Beriklan : Sepertinya sudah banyak bahasan tentang marquee ini, namun pada kesempatan kali ini Tips Trik Blog masih ingin mengetengahkannya lagi untuk aplikasi yang lain lagi. Jika para pengunjung pernah berkunjung di Tips dan Trik Komputer mungkin para pengunjung akan melihat teks berjalan di bawah header yang mempromosikan link tertentu. Nah, jika para pengunjung tertarik untuk mengaplikasikannya, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Marquee yang kita digunakan adalah menggunakan "mode" onmouseover dan onmouseout di mana ketika mouse didekatkan maka teksnya akan berhenti dan ketika dijauhkan, teksnya akan berjalan lagi. Formatnya seperti di bawah ini.

<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="20" style="margin-left: 12px; margin-right: 10px; font-size:13pt; line-height: 19px"><font color="#5F04B4"><b>
Teks yang ingin ditampilkan <a href="URL_Blog_01">Teks_Link_01< /a>&nbsp;&#9474;&nbsp;<a href="URL_Blog_02">Teks_Link_02</a> </b></font>
</marquee>


Keterangan :
  • Left pada direction menunjukkan arah gerakan ke kiri, jika menghendaki, kita dapat mengubahnya menjadi “right” (kanan).
  • Angka pada scrollamount dapat diubah sesuai selera masing-masing, semakin tinggi nilainya maka gerakannya semakin cepat.
  • Angka pada scrolldelay menunjukkan delay per detik, semakin tinggi nilainya semakin halus gerakannya. Untuk mengetahui lebih lanjut tentang scrollamount dan scrolldelay ini, silakan kunjungi di sini.
  • Angka pada margin-left dan margin-right menunjukkan batas kiri dan kanan yang dapat diubah sesuai kebutuhan.
  • Font-size dapat diubah sesuai kebutuhan masing-masing, semakin tinggi nilainya maka semakin besar ukuran hurufnya.
  • Font color dapat diubah sesuai selera dan kebutuhan, untuk kode warna dapat dilihat di sini.
  • Line-height dapat diubah sesuai kebutuhan.
  • Untuk menambahkan spasi di antara Link satu dengan link lainnya dengan kode &nbsp;
  • Atau kita dapat menambahkan pembatas seperti "│"di antara link satu dengan link lainnya dengan &#9474;
  • URL_Blog_01 dan URL_Blog_02, diubah dengan URL_blog atau URL_permalink sendiri-sendiri.
  • Teks_Link_01 dan Teks_Link_02, diubah dengan sesuai nama yang diinginkan.
  • Kita dapat menambahkan link sebanyak yang kita inginkan.

Penempatan Marquee

Kita dapat menempatkan marquee tersebut baik di atas header maupun di bawah header blog. Langkah-langkahnya sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
Kedua,

@ Jika ingin menempatkan marquee di atas header maka cari kode <body> kemudian copy paste kode marquee tersebut persis di bawah kode <body>.

@ Jika ingin menempatkan marquee di bawah header maka cari section header, seperti di bawah ini.

<div id='header-wrapper'>
<b:section ………………………..’>
<b:widget ………………………….’/>
</b:section>
</div>


kemudian tempatkan kodenya persis di bawah kode tersebut lebih tepatnya di bawah </div>

Ketiga, simpan template
Keempat, selesai

Contohnya seperti di bawah ini.

<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="20" style="margin-left: 12px; margin-right: 10px; line-height: 19px">
<font="#5F04B4"><b>
Kunjungi Blog saya yang lain <a href="http://onoid.blogspot.com">Tips dan Trik Komputer</a>&nbsp;&#9474;&nbsp;<a href="http://tips-trik-blog.blogspot.com">Tips dan Trik Blog</a>&nbsp;&#9474;&nbsp;<a href="http://clixsense2007.blogspot.com">Bisnis Internet</a>&nbsp;&#9474;&nbsp;<a href="http://tips-net.blogspot.com"> Tips dan Trik Internet</a> </b>
</font>
</marquee>


Dan hasilnya akan menjadi seperti di bawah ini atau dapat dilihat pada Tips dan Trik Komputer.

Kunjungi Blog saya yang lain Tips dan Trik KomputerTips dan Trik BlogBisnis Internet Tips dan Trik Internet




Selamat Mencoba !!

Baca juga yang ini.

Semua Tentang Marquee
Description: Memanfaatkan Marquee Untuk Beriklan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memanfaatkan Marquee Untuk Beriklan

{ 0 comments... read them below or add one }

Post a Comment