Marquee Tool (text-Berjalan) dengan fungsi open close

Assalamualaikum Alhamdullilah Akhirnya Pertandingan Open Tournament "IKWARI CUP 3" telah selesai demikian pula sebagai ketua panitia tugas saya juga selesai ,jadi akan banyak waktu untuk berbagi tutorial yang saya kira sudah agak lama tidak saya lakukan pada wabsite kesangan saya ini .
Nah sebagai gantinya Kang Mahfid akan berbagi tentang cara membuat Marquee Tool (text-Berjalan) dengan fungsi open close,Banyak manfaat yang kita dengan memasang tutorial ini salah satunya adalah pemberitahuan kepada pengunjung blog saat blog kita dalam masa maintenance/perbaikan sebagai contohnya silahkan Review langsung Demonya di bagian Bawah Blog ini

Berikut Cara yang harus sobat lakukan:

1. Tentunya sobat harus Loggin dulu ke Blogger
2. Silahkan menuju ke tata Letak >> Tambah Gadget >>Html/Javascript lalu masukkan kode berikut kedalam nya berikut kodenya:

   <style type="text/css" scoped>
      #bottom-marquee{width:100%;position:fixed;padding:5px;bottom:0;left:0;background:red;box-shadow:0 -2px 2px#000;color:#fff;text-transform:uppercase;text-shadow:0 0 2px#000;}
   #tutup{cursor:pointer}
   #tutup:before{content: "\f011";
       font-family: FontAwesome;
       font-style: normal;
       font-weight: normal;
       text-decoration: inherit;
   /*--adjust as necessary--*/
       color: #fff;
       font-size: 18px;
       padding:5px 20px;
       position: fixed;
       bottom:0;
       left: 0;background:#000;text-shadow:0 0 5px orange}
   </style>
   <div id="bottom-marquee">
   <script type="text/javascript">
   function marquee(id, content, behavior, scrollamount)
   {
      document.getElementById(id).innerHTML='<marquee behavior="'+behavior+'" scrollamount="'+scrollamount+'">'+content+'</marquee>'
   }
   </script>
   <script type="text/javascript"> window.onload=marquee('bottom-marquee', 'Silahkan Tulis Apa Saja Disini', 'scroll', '10') </script></div>
   <div id="tutup" title="open/close"/>
   <script type='text/javascript'>
   //<![CDATA[ 
   $('#tutup').click(function() {
       $('#bottom-marquee').toggle(500);
   });
   $("#tutup").click(function(){
       $(this).hide();
     });
   
   //]]>
   </script>

3. Selanjut nya pasang Jquery berikut tepat di atas kode </head> Tapi ingat jika pada template sobat sudah ada kode sejenis abaikan saja (tidak di perbolehkan dalam satu template ada lebih dari satu kode Jquery) berikut kodenya :

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>

4. Save

Judul Artikel :Marquee Tool (text-Berjalan) dengan fungsi open close

Terima Kasih Sobat sudah membaca Artikel saya Tentang Marquee Tool (text-Berjalan) dengan fungsi open close Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih