Membuat Jadwal Rilis Auto Di Widget Blogger

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

Contoh akhirnya ibarat 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 bab yang sudah aku tandai dan selesai.

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

Bagikan Artikel ini