Membuat Jadwal Rilis Auto di Widget Blogger

Membuat Jadwal Rilis Auto di Widget Blogger - Jadwal rilis biasanya dibuat oleh fansub atau fanshare anime di indonesia yang sangat berguna bagi visitor jika ingin mengetahui anime apa saja yang update dihari tertentu. Widget Info Jadwal Rilis Auto ini hampir mirip Tonansub, namun berbeda sedikit di bagian designnya saja, Ok kita mulai saja tutorial kali ini.

Contoh jadinya seperti gambar diatas atau Silahkan cek tampilan yang sudah jadi dibawah ini

Demo

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'/>

Membuat Jadwal Rilis Auto di Widget Blogger

1. Silahkan Buka Blogger > Tata Letak > HTML/Javascript
2. Jika sudah silahkan tambahkan Css beserta Javascript berikut ini kedalam widget tersebut

<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>



3. Silahkan Edit bagian yang sudah saya tandai dan selesai.

Ok sekian dulu tutorial Cara Membuat Jadwal Rilis Auto di Widget Blogger, terima kasih dan sampai jumpa ditutorial berikutnya.