Ini Berita Ticker Tulis Berjalan (Marquee) Ini jQuery Marquee. Ini Permainan Tahu Bulat OWN TV Ini Diatas Tulis Berjalan.
Cara Memasang jQuery Marquee
1. Masuk Blogger2. Klik Template >> Edit HTML
3. Tekan Cari Ctrl + F
4. Sebelum Ketik Cari </head> Untuk Plugin jQuery Marquee
5. Letakkan kode Di bawah Untuk Plugin jQuery Marquee Ini </head> Di atas
<script src='https://cdn.rawgit.com/songketwarnetma/maharani-site-ma/master/jquery.marquee.min.js' type='text/javascript'></script>7. Letakan kode Di Bawah Untuk Script jQuery Marquee Ini </body> atau <div id='outer-wrapper'> atau <div id='wrapper'> Di atas
<script type='text/javascript'>
//<![CDATA[
$('.marqueenews').marquee({
duration: 9000,
delayBeforeStart: 0,
direction: 'left',
duplicated: true,
gap: 10,
pauseOnHover: true
});
//]]>
</script> Cara Membuat News Ticker Marquee Di Blog
Float
A1. Sebelum Ketik Cari </head> Untuk CSS News TickerA2. Letakan kode Di bawah Untuk CSS News Ticker Ini </head> Di atas
<style>
.newstickertb .marqueenews{overflow:hidden;width:95%;float:right}
.newstickertb{position:fixed;bottom:0;left:0;width:100%;z-index:150000;background-color:#DDD;font-family:Sans-serif}
.newstickertb .jam{float:left;background-color:#111;color:#EEE}
@media only screen and (max-width:700px){.newstickertb .marqueenews{width:90%}}
@media only screen and (max-width:400px){.newstickertb .marqueenews{width:85%}}
@media only screen and (max-width:300px){.newstickertb .marqueenews{width:80%}}
</style>A3. Ketik Cari <body
A4. Letakan kode Di bawah <body Di bawah
<div class="newstickertb">
<div class="jam">
<script src='https://cdn.rawgit.com/songketwarnetma/maharani-site-ma/master/waktujammenit.js'></script>
</div>
<div class="marqueenews">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</div>A5. Selesai Klik Simpan Template
A6. Lihat Hasil Blog
atau Position
B1. Sebelum Ketik Cari </head> Untuk CSS News Tickerb2. Letakan kode Di bawah Untuk CSS News Ticker Ini </head> Di atas
<style>
.newstickertb .marqueenews{overflow:hidden;width:100%;}
.newstickertb{position:fixed;bottom:0;left:0;width:100%;z-index:150000;background-color:#DDD;font-family:Sans-serif}
.newstickertb .jam{position: absolute;top: 0;left: 0;background-color:#111;color:#EEE}
.newstickertb .newstickertb-body {position: relative;}
</style>B4. Letakan kode Di bawah <body Di bawah
<div class="newstickertb">
<div class="newstickertb-body">
<div class="jam">
<script src='https://cdn.rawgit.com/songketwarnetma/maharani-site-ma/master/waktujammenit.js'></script>
</div>
<div class="marqueenews">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</div>
</div>
B5. Selesai Klik Simpan Template
B6. Lihat Hasil Blog