Membuat Jadwal Liris Website

Di artikel kali ini saya akan membahas tentang bagimana caranya untuk Membuat Jadwal Liris Website. Bila kalian punya website Anime, Film dan yang lain, pastinya membutuhkan jadwal liris ini karena ini berfungsi untuk memberitahukan informasi lirisnya di waktu yang akan datang.

Bila kalian ingin memasng di web site kalian harus memisahkan antara " Style " dan " HTML ". Style itu di CSS dan HTML di HEAD. Pemasangan di heda harus pas atau tepat karena kenapa bila salah meletakan terkadang tidak muncul / malah merusak web site kalian. Sebelum kalian memraktekan usahakan Backup dulu HTML web site kalian agar ketika web site yang kita ubah ada probelem kita tinggal mengatinya dengan yang backup.


Oky sekarag kalian sduah tau kan bagiman cara nya memasng. Oky sekrang kita langsung menuji ke panduanya ya.

Sebelum dimulai silahkan cek ditemplate blog kalian dan pastikan Javascript berikut sudah ada di atas </head>, Jika sudah ada abaikan saja.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
Cara Membuat Jadwal Liris Website :
  • Buka Dasbor blogger.
  • Masuk ke Tema / Halaman, Bila ingin uji coba buka Halaman, Di Tema pisahkan Style dan HTML nya.
  • Buka halaman.
  • Ubah menjadi HTML.
  • Copy kode di bawah ini dan paste.
<style>
.jadwal{text-align:center;font-size:15px;font-weight:bold}
.jadwal h4{font-size:16px;font-family:sans-serif;font-weight:600;background:#333;padding:7px;color:#fff;}
.jadwal>marquee{text-align:center;border-left:1px dashed #333;border-right:1px dashed #333;background-color:#eee}
.jadwal>marquee a{font-size:14px;font-family:sans-serif;text-decoration:none;display:block}
.jadwal .as{display:none}
</style>

<div class='jadwal'>
<h4>Jadwal Rilis</h4>
<script type='text/javascript'>
<!--
document.write('<marquee height="78px" behavior="scroll" scrollamount="2" direction="down" onmouseover="this.stop();" onmouseout="this.start();">');var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = [
'<a href="LINK POST" target="_blank">Minggu1</a><br/><a href="LINK POST" target="_blank">Minggu2</a>',
'<a href="LINK POST" target="_blank">Senin1</a><br/><a href="LINK POST" target="_blank">Senin2</a>',
'<a href="LINK POST" target="_blank">Selasa1</a><br/><a href="LINK POST" target="_blank">Selasa2</a>',
'<a href="LINK POST" target="_blank">Rabu1</a><br/><a href="LINK POST" target="_blank">Rabu2</a>',
'<a href="LINK POST" target="_blank">Kamis1</a><br/><a href="LINK POST" target="_blank">Kamis2</a>',
'<a href="LINK POST" target="_blank">Jumat1</a><br/><a href="LINK POST" target="_blank">Jumat2</a>',
'<a href="LINK POST" target="_blank">Sabtu1</a><br/><a href="LINK POST" target="_blank">Sabtu2</a>'
];
var date = new Date();var day = date.getDate();var month = date.getMonth();var thisDay = date.getDay(),thisDay = myDays[thisDay];var yy = date.getYear();var year = (yy < 1000) ? yy + 1900 : yy;document.write(thisDay);document.write('<div class="as">' + day + ' ' + months[month] + ' ' + year + '</div>');document.write('</marquee>');
//-->
</script>
</div>
  • Save dan lihat hasilnya.

Nah bagiman panduanya sangat mudah sekalikan cara membuatnya. Semoga panduan yang saya bagikan ini bisa bermanfaat buat kalian jangan lupa pandaun ini di bagiakan kepada temen - temen kalian agar bisa bermanfaat.

0 Comments:

Post a Comment