BELAJAR SINAU

Kamis, 09 Maret 2023

GAME SEDERHANA MENGGUNAKAN SCRATCH

Senin, 13 Februari 2023

Cara Memasang Widget Flag Counter atau Pengunjung di Blog / Website

Jumlah pengunjung yang mengunjungi blog atau website ada berapa tetapi sobat tidak mengetahuinya. Bagaimana mengetahui berapa jumlah pengunjung atau visitor di blog sobat? Flag counter adalah visitor count atau penghitung pengunjung pada sebuah blog yang mempunyai ciri khas menampilkan bendera negara dari pengunjung yang datang di blog sobat.

Dengan memasang flag counter di blog maka setiap pengunjung yang membaca blog sobat akan dihitung dan akan ditampilkan bendera negaranya.

Berikut adalah langkah-langkah memasang flag counter di blog :

1. Buka blogger lalu pilih menu tata letak kemudian klik tambahkan gadget

2. Pilih menu HTML / Javascript

3. Tuliskan judul gadgetnya,kemudian salin atau pastekan kode html nya di kolom artikel lalu klik simpan

Semoga bermanfaat untuk sobat bloger.

BIMBINGAN TIK - MEMBUAT BLOGSPOT

BIMBINGAN TIK

Satuan Pendidikan : SMP N 4 Jatibarang

Mata Pelajaran : BK TIK

Kelas/Semester : IX (sembilan)/ Genap

Materi Pelajaran : Membuat blog

Baca selengkapnya »

Sabtu, 11 Februari 2023

CARA MENAMBAH EFEK GOYANG PADA GAMBAR DI BLOG / WEBSITE

Untuk menambah lebih menarik lagi blog sobat, yaitu dengan menambah efek bergoyang pada setiap gambar yang ada di blog. Bagaimana caranya, silahkan ikuti langkah-langkah berikut ini :

Masuk ke BLOGGER
Pilih menu TEMA
Pilih EDIT HTML
Tempel di atas ]></b:skin>

.post-body img {display:inherit;transform-origin:center center}

img:hover img {animation-play-state:running}

@keyframes img {

20% {transform: translate(-1px, -5px) rotate(2.5deg)}

40% {transform: translate(5px, 1px) rotate(-2.5deg)}

60% {transform: translate(-1px, -5px) rotate(2.5deg)}

80% {transform: translate(5px, 1px) rotate(-2.5deg)}

0%, 100% {transform: translate(0, 0) rotate(0)}

}

img:hover {animation-name:img;animation-duration:0.5s;animation-timing-function:ease-in-out}

Mudahkan, semoga bermanfaat

MEMBUAT TULISAN BERGERAK MENGIKUTI KURSOR DI BLOG / WEBSITE

Untuk mempercantik dan menarik pada tampilan blog agar terlihat berbeda dari tampilan blog yang lainnya adalah dengan menampilkan tulisan bergerak yang mengikuti kursor dan tulisan berjalan di blog. Silahkan ikuti Langkah-langkah berikut ini step by step :

1. Masuk ke dashbor blog sobat.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.

3. Copy code berikut ke dalam box HTML/Java Script

4. Simpan dan lihat hasilnya.

/* Circle Text Styles */

#outerCircleText {

font-style: italic;

font-weight: bold;

font-family: 'comic sans ms', verdana, arial;

color: #4679BD;/*Ganti warna sesuai keinginan*/

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}

#outerCircleText div {position: relative;}

#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>

;(function(){

var msg = "Ayo Sinau"; // Ganti tulisan sesuai keinginan

var size = 24;

var circleY = 0.75; var circleX = 2;

var letter_spacing = 5;

var diameter = 10;

var rotation = 0.4;

var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){

e = e || window.event;

ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

makecircle = function(){ // rotation/positioning

if(init.nopy){

o.style.top = (b || document.body).scrollTop + 'px';

o.style.left = (b || document.body).scrollLeft + 'px';

};

currStep -= rotation;

for (var d, i = n; i > -1; --i){ // makes the circle

d = document.getElementById('iemsg' + i).style;

d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';

d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

};

drag = function(){ // makes the resistance

y[0] = Y[0] += (ymouse - Y[0]) * speed;

x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

for (var i = n; i > 0; --i){

y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

x[i] = X[i] += (x[i-1] - X[i]) * speed;

};

makecircle();

init = function(){ // appends message divs, & sets initial values for positioning arrays

if(!isNaN(window.pageYOffset)){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

} else init.nopy = true;

for (var d, i = n; i > -1; --i){

d = document.createElement('div'); d.id = 'iemsg' + i;

d.style.height = d.style.width = a + 'px';

d.appendChild(document.createTextNode(msg[i]));

oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

};

o.appendChild(oi); document.body.appendChild(o);

setInterval(drag, 25);

ascroll = function(){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

window.addEventListener('load', init, false);

document.addEventListener('mouseover', mouse, false);

document.addEventListener('mousemove', mouse, false);

if (/Apple/.test(navigator.vendor))

window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

window.attachEvent('onload', init);

document.attachEvent('onmousemove', mouse);

};

})();

//]]></script>

Mudah-mudahan bermanfaat untuk sobat sekalian.

Kamis, 09 Februari 2023

MEMBUAT TULISAN BERJALAN DI BLOG / WEBSITE

Tulisan berjalan pada blog, bahkan pada tayangan youtube dan televisi sering kita lihat. Kita juga penasaran bagaimana membuat tulisan berjalan di blog kita. Bagaimana caranya? Mudah banget. Teks berjalan ini lebih dikenal dengan nama marquee.

Karena teks yang berjalan cukup menarik perhatian, pemilik blog sering memanfaatkan marquee untuk memberikan informasi yang bersifat penting kepada pengunjung blog mereka.

Marquee dapat dibuat dengan mudah dengan kode HTML.

Bagaimana caranya, yuk kita simak bersama.

1. Langkah pertama Anda masuk ke blog Anda, dan kemudian pilih layout

2. Pada bagian layout akan muncul banyak pilihan, di bagian mana Anda akan memasang tulisan berjalan.

3. Pilih salah satu, klik Add a Gadget

4. Pilih HTML/JavaScript

5. Selanjutnya ketiklah di kotak yang di sediakan itu

var message="Selamat Datang di Website Belajar Sinau"

var bgsGR1color="Red" /* teks pembuka*/

var bgsGR2color="green" /* teks flash */

var bgsGR3color="yellow" /* teks flash kedua */

var flashspeed=20 // kec. penggantian warna (1/2000)

var flashingletters=50 // jumlah teks pertama

var flashingletters2=50 // jumlah berwarna teks ke dua

var flashpause=20 // waktu pergantian (1/2000)

var n=0

if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')

document.write('</font>')}else

document.write(message)

function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)

return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)

crossref(m).style.color=bgsGR1color}

crossref(n).style.color=bgsGR2color

if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color

if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color

if (n<message.length-1)

n++

else{n=0

clearInterval(flashing)

setTimeout("beginneon()",flashpause)

return}}

function beginneon(){if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed)}

beginneon()

</script></marquee></div>

Smoga bermanfaat untuk sobat.

Rabu, 08 Februari 2023

CARA MEMASANG KURSOR ANIMASI DI BLOG / WEBSITE

Pengin tampilan cursor di website atau di blogger tidak biasa. Begini cara memasang kursor animasi buat blogger atau website sobat agar tidak membosankan. Ada banyak macam-macam animasi cursor untuk di website atau blog, tinggal pilih sesuai selera.

Langka-langkah memasang kursor animasi untuk blog :

1. Login ke blogger sobat

2. Pilih Laman

3. Pilih Tata Letak

4. klik Tambah Gadget Html/JavaScript

5. Copy & paste kan kode html mouse yang diinginkan di bawah ini

6. Terakhir Simpan

Kursor Spongebob

Kursor Mr. Crab

Kursor Pelangi

Kursor hati

Kursor Monyet

Kursor Samurai X

Kursor Peace

Smoga bermanfaat untuk sobat smua.

Selasa, 07 Februari 2023

FUNGSI TOMBOL PADA KEYBOARD UNTUK PERINTAH MICROSOFT WORD

Tombol-tombol atau tuts pada Keybord memiliki perbedaan fungsi dari setiap aplikasi yang anda gunakan. contohnya fungsi tombol untuk microsoft word berbeda dengan program paket lainya atau aplikasi lainya. Berikut ini adalah fungsi-fungsi tombol untuk Program Paket Microsoft Word :

FUNGSI TOMBOL-TOMBOL PADA KEYBOARD

ESC	: Membatalkan/keluar dari suatu perintah/menu
TAB	: Memindahkan kursor 1 tabulasi ke kanan
CAPS LOCK	: Mengaktifkan Huruf besar dan mengnonaktifkan huruf besar menjadi kecil
ALT & CTRL	: Membantu mengoperasikan/menjalankan perintah program
DELETE	: Menghapus 1 karakter pada posisi kursor
ENTER	: Berpindah ke baris baru/mengakhiri sebuah paragraf
INSERT	: Menyisipkan karakter
HOME	: Memindahkan kursor ke posisi paling kiri suatu baris
PAGE UP	: Menggulung layar monitor ke atas seukuran tampilan pada monitor
PAGE DOWN	: Menggulung layar monitor ke bawah seukuran tampilan pd monitor
END	: Memindahkan kursor ke akhir baris/halaman/lembar kerja
FUNGSI F1-F2	: Memanggil menu/menjalankan perintah yang sudah di program
BACK SPACE	: Menghapus 1 karakter di sebelah kiri kursor
SHIFT	: Mengaktifkan huruf besar dan juga mengaktifkan tombol yang memiliki dua fungsi

Fungsi Control Pada Keyboard :

CTRL + A	: Memblok seluruh teks pada dokumen
CTRL + B	: Mempertebal tulisan
CTRL + C	: Meng-copy atau menyalin teks pada dokumen
CTRL + D	: Mengubah huruf,mengganti size
CTRL + E	: Perataan tengah pada teks dalam paragraf
CTRL + F	: Mencari kata/kalimat
CTRL + G	: Memunculkan find and replace untuk mencari halaman
CTRL + H	: Memindahkan,menggantikan
CTRL + I	: Memiringkan kata/tulisan
CTRL + J	: Perataan di kiri dan kanan secara cepat
CTRL + K	: Menyisipkan hyperlink
CTRL + L	: Perataan kiri pada teks dalam paragraf
CTRL + M	: Membuat indentasi kiri
CTRL + N	: Membuat dokumen baru
CTRL + O	: Membuka file/dokumen
CTRL + P	: Membuka kotak dialog printer secara cepat
CTRL + Q	: Memberi spasi 1 dan merata kirikan 1 paragraf
CTRL + R	: Perataan kanan pada teks dalam paragraf
CTRL + S	: Menyimpan dokumen secara cepat
CTRL + T	: Membuat indentasi kanan secara cepat
CTRL + U	: Menggaris bawahi/underline
CTRL + V	: Menempatkan kembali dokumen yang telah dipotong/di-copy
CTRL +W	: Menutup jendala dokumen
CTRL + X	: Memotong teks pada dokumen
CTRL + Y	: Mengembalikan perintah yang telah dibutuhkan
CTRL + Z	: Membatalkan/mengembalikan teks yang telah terhapus
F1	: Menampilkan bantuan jika mengalami kesulitan
CTRL + 1	: Spasi 1
CTRL + 2	: Spasi 2
CTRL + 5	: Spasi 1,5
CTRL + J	: Memperbesar huruf
CTRL + L	: Memperkecil huruf
F12	: Save as/menyimpan dokumen
ALT + F4	: Keluar dari microsoft word secara cepat
CTRL+ALT+F	: Mengganti huruf
CTRL+SHIFT+P	: Mengganti ukuran huruf
ALT+CTRL+F	: Memberi footnote
SHIFT + F3	: Mengganti huruf kecil menjadi huruf besar
ALT+CTRL+D	: Menyisipkan endnote pada dokumen
CTRL + SHIFT	: Menampilkan format simbol yang tersembunyi
ALT +PRT SC	: Meng-copy print out (paste) ke ms.word

Fungsi Tombol Alt

ALT O+P	: Membuka kotak dialog paragraf
ALT O+C	: Membuka Fasilitas Coloum
ALT I+S	: Membuka Fasilitas Simbol
ALT O+D	: Membuka Drop Cat
ALT O+B	: Membuka Fasilitas Borders and Shading
ALT I+P+C	: Membuka Clip Art
ALT I+P+W	: Membuka Word Art
ALT A+I+T	: Mebuka Fasilitas Tabel
ALT A+M	: Menggabungkan Sel

Semoga bisa bermanfaat bagi anda yang ingin mengetahui tentang fungsi-fungsi tombol pada Microsoft Word.