Cara Membuat Tulisan Berjalan (marquee) Untuk jQuery Di Blog

Ini Mungkin Apa Permainan Maniak Slam Dunk ini. Tulisan Berjalan Untuk jQuery Marquee Pada Gambar dan Tulisan Apakah ini Pada Blog jQuery Marquee. Apakah Bola Basket Permainan Maniak Slam Dunk Ini Tulisan-Tulisan Sini "Nenekku bisa membidik lebih baik!" Saya Itu pada Marquee. Ini Gambar Demo Adalah Tebak Gambar, Aikatsu, SpilGames, Point Blank Semuanya Ada Ini. Ini Tulisan Berjalan Di Blog. Apakah Permainan Games.co.id Di Maniak Slam Dunk. Siapa Itu.

Ini jQuery Efek Marquee Ada Ini Tulisan Apakah Disini "Nenekku bisa membidik lebih baik!" Tulisan Teks Ini. Gambar Demo Adalah Tebak Gambar, Aikatsu, SpilGames, Point Blank Itu Gambar Ada.

Membaca Lama Disini Itu
Cara Membuat Tulisan Berjalan (marquee) 10 Kode Gaya Di Blog

Cara Membuat Efek jQuery Marquee

1. Masuk Blogger
2. Klik Template >> Edit HTML
3. Cari Kode </head>
4. Letakkan kode Plugin jQuery Marquee Ini Dibawah Kode ini tepat Diatas kode </head>

 <script src='https://cdn.rawgit.com/songketwarnetma/maharani-site-ma/master/jquery.marquee.min.js' type='text/javascript'/> 

5. Terus Letakkan kode CSS dibawah ini. di atas </head>

<style>
.marquee {
  overflow: hidden;
  width:95%; /* Atur Lebar Marquee */
  border:1px solid #ddd; /* Tambahan */
  background:#eee; /* Tambahan */
  color:#333; /* Tambahan */
  padding:5px; /* Tambahan */
}
</style>

6. Terus Cari Kode </body>
7. Letakkan JavaScript di bawah ini sebelum kode itu </body> diatas kode

 <script type='text/javascript'>
//<![CDATA[
// Settingan Default Marquee nya disini bro!
$('.marquee').marquee({
    //Atur kecepatan marquee ( Hitungan Milisecond ) :
    duration: 9000,
    //Atur 'Delay' Waktu Sebelum Marquee dimulai :
    delayBeforeStart: 0,
    //Atur Arah Marquee 'left' atau 'right' :
    direction: 'left',
    //Aktifkan Duplikat Marquee 'true' atau 'false'
    duplicated: false,
    //Atur Jarak Duplikat Marquee ( Hitungan Pixel ) :
    gap: 10,
    //Hentikan Marquee ketika di sentuh 'true' atau 'false'
    pauseOnHover: true
});
//]]>
</script> 

8. Selesai Klik Simpan Template

Cara Menggunakan Efek jQuery Marquee

Untuk ini memanggilnya mudah saja:
contoh memanggil Efek jQuery Marquee pada tulisan:

<div class="marquee" data-duration='10000'>Nenekku bisa membidik lebih baik!</div>

contoh memanggil Efek jQuery Marquee pada gambar Itu Demo Tebak Gambar

<div class="marquee gambar" data-duplicated="true" data-duration="9000" >
  <img src="http://jawabantebakgambar.net/data/images/13.png"/>
  <img src="http://jawabantebakgambar.net/data/images/15.png"/>
  <img src="http://jawabantebakgambar.net/data/images/18.png"/>
  <img src="http://jawabantebakgambar.net/data/images/8.png"/>
  <img src="http://jawabantebakgambar.net/data/images/14.png"/>
  <img src="http://jawabantebakgambar.net/data/images/1.png"/>
  <img src="http://jawabantebakgambar.net/data/images/17.png"/>
  <img src="http://jawabantebakgambar.net/data/images/11.png"/>
  <img src="http://jawabantebakgambar.net/data/images/0.png"/>
  <img src="http://jawabantebakgambar.net/data/images/16.png"/>
  <img src="http://jawabantebakgambar.net/data/images/3.png"/>
  <img src="http://jawabantebakgambar.net/data/images/7.png"/>
  <img src="http://jawabantebakgambar.net/data/images/2.png"/>
  <img src="http://jawabantebakgambar.net/data/images/5.png"/>
  <img src="http://jawabantebakgambar.net/data/images/12.png"/>
</div>

Catatan:

• Duplikat Marquee untuk kode atribute data-duplicated="true/false"
• Menentukan Kecepatan Marquee untuk kode atribute data-duration="value"
• Menentukan Arah Marquee untuk kode atribute data-direction="left/right/up/down"

Selamat Memcoba jQuery Marquee