Selasa, 13 Desember 2022

 https://www.tamboenman.xyz/2019/09/cara-membuat-rating-bintang-di-setiap.html

cara membuat menu pada blogger

https://tulisanwortel.com/menu-blogger/


CARA AGAR ARTIKEL DALAM BLOGGER TIDAK BISA DI COPAS

dibawah </head>


<script type="text/javascript">

if (typeof document.onselectstart!="undefined") {

document.onselectstart=new Function ("return false");

}

else{

document.onmousedown=new Function ("return false");

document.onmouseup=new Function ("return true");

}

</script >

<noscript><style>

#content-wrapper, #footer-wrapper {display:none}

  body,html {overflow:hidden}

  /* Noscript Popup by igniel.com */

  #ignielNoscript {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}

  #ignielNoscript svg {width:100px; height:100px}

  #ignielNoscript svg path {fill:#fff}

  #ignielNoscript .isiNoscript{background:#008c5f;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:monospace;max-width:670px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s}

  #ignielNoscript .isiNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}

  #ignielNoscript .isiNoscript h4, #ignielNoscript .isiNoscript .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}

</style></noscript>



dibawah <body>


<noscript>

  <div id='ignielNoscript'>

    <div class='isiNoscript'><span class='judul'>Aktifkan Javascript</span><br/><svg viewBox='0 0 24 24'><path d='M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z'/></svg><br/>Untuk mengakses blog, hidupkan Javascript di dalam pengaturan browser.</div>

  </div>

</noscript>

Rabu, 28 September 2022

Blok kode - Hungry Shark (game) - Pengenalan Program Scratch

Iklan : Sebelum membuat koding game, mari menggunakan web untuk belajar animasi (memasukka gambar ke web untuk dibuat animasinya)
Silahkan klik dan ikuti link di bawah ini:
 



1. Buat Backdrop sesuai dengan keinginan anda (ex:Underwater 2)
2. Hapus/ganti Sprite dengan gambar ikan. (Contoh : Fish dan Shark 2)
    






ANIMASI SPRITE FISH/ IKAN NEMO
3. Klik Sprite Fish dan masukkan block code:
    a.  Klik Event  à When clicked
         

    b.  Klik Looks  à klik set size to 100 % dan rubah 100 menjadi 50 
         (untuk mengatur ukuran objek Fish)
         

         
    c. Klik Motion (untuk menggerakkan ikan)  klik move 10 step
       (rubah angka 10 menjadi 8 (kecepatan gerak)
        
     
d. Buat arah putarannya dengan klik Motion turn (arah ke kanan 15 degrees)
e. Buat gerak ikan random dengan klik Operator --> Pick random ... to .... degress 
    dan tempatkan kode seperti pada gambar (rubah angka 1 menjadi - 20 dan angka 10 menjadi 20)
    
f.  Buat gerakan memantul jika ikan nemo/ fish mengenai tampilan tepi layer 
    dengan cara klik Motion --> klik if on edge, bounce
    
g. Setting agar perintah di atas dilakukan secara terus menerus 
    dengan cara klik Event -->  Forever dan tempatkan seperti pada gambar.
     
h. Gabungkan kedua blok kode di atas hingga tampil seperti gambar di bawah ini:
    
i. Buat blok kode baru (boleh di samping atau di bawah kode bagian h) 
   dengan cara klik Control --> if then
   

   j. Buat kondisi jika ikannya menyentuh warna merah/ gigi shark akan digambar menjadi merah
      dan hindari untuk membuat warna merah di bagian lain --> maka ikan akan tertelan (hilang)
      cara: klik Sensing --> touching color (merah) ? (untuk merubah warna : klik pada warna yang  
      muncul dan rubah seperti pada gambar)
     
k. Klik Event --> broadcast message 1 --> klik tanda panah pada message 1
    --> klik New message dan ketik pesan yang akan di tampilkan jika nanti 
    ikan bergerak menyentuh warna merah/ ditelan (contoh: bite/ gigit) ..> klik OK
    
   -->  
l. Buat kondisi pada saat ikan digigit (menyentuh warna merah-kode j),
   maka ikan nemo/fish akan menghilang.
   klik Looks  > hide
   
m. Buat kondisi pada saat ikan menyentuh warna merah, ikan akan menghilang beberapa detik
     (contoh:2 detik) : klik Control --> wait ... second
     
n. Buat kondisi setelah ikan hilang selama 2 detik (kode m), ikan akan muncul lagi secara random.
    *  Klik Motion --> Go to x, y (rubah x menjadi - 200) (atas)
            
        

     
     * Klik Operator --> Pick random --> tempatkan di y dan rubah angka 1 dan 100 menjadi 200 (acak)
       
  
o. Buka kondisi jika ikan sudah hilang (di hide selama 2 detik), ikan nemo/fish kembali muncul:
    klik Looks --> Show
     
 kemudian satukan block kode seperti pada gambar :
  
p. Klik Costumes -->  klik Choose a Costume
     

 q. Ketik Fish pada kotak pencarian --> lalu tambahkan jenis ikan/ hewan laut lainnya 
    sebanyak yang anda suka
    

ANIMASI SPRITE FISH/ IKAN NEMO
4. Klik Sprite SHARK - 2 (ikan Hiu)
    a. Klik Costume --> Klik Shark - c --> tekan tombol delete pada keyboard
    b. Drag (klik+tahan+geser mouse) dari Shark -b ke atas
        (jadi urutan Shark/ gambar hiu menjadi Shark-b --> Shark-a)
    c. Warnai gigi Shark-b dan Shark a menjadi merah (klik Fill : color = 0, saturation dan 
        brightness = 100. 
        
 --> 
    
     Cara mewarnai : klik pada gigi menggunakan ikon Fill,
      jika anda mengalami kesalahan klik, silahkan langsung klik tombol undo atau Ctrl + Z)
      
 --> 
   
    d. Klik Code
    e. Klik Event --> when clicked
         
    f. Klik Looks --> switch custom to shark2-b
        

    g. Klik Control --> if then
    h. Klik Operators --> ... > 50 , rubah angka 50 menjadi 10
        
    i. Klik Sensing -->  distance to mouse pointer 
       
     j. Klik Motion --> Point toward mouse pointer 
        

     k. Klik Motion --> Move 10 steps (ganti angka 10 menjadi 5/ kecepatannya 5 langkah) 
     l.  Klik Control --> Klik Forever lalu gabungkan kode
         
        m. klik Control --> When receive bite (ketika kita menerima pesan bite, 
             maka akan muncul suara gigitan dengan cara klik Sound
             


     n. Buat animasi tentang gigitan, 
         --> Klik Control --> kalau kita repeat 2 kali. 


















 


Masukkan Gambar Masukkan Teks

//Berikut bagaimana cara agar komentar blog bisa disisipi gambar dan video