PROFIL SMP NEGERI 4 JATIBARANG

 

Read More

MEMBUAT KURSOR ANIMASI DI BLOGSPOT

Bosen dengan tampilan cursor biasa di website atau di blogger ini disini saya berbagi cara membuat memasang animasi cursor keren buat mempercantik blogger atau website sobat ada banyak macam-macam animasi cursor untuk diblog saya tinggal sobat pilih sesuai selera sobat atau sobat sukai langsung saja caranya  :

Cara untuk tampilan blogger baru :

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 :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Mr. Crab

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants Mr. Krabs"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants Mr. Krabs" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Pelangi

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor gitar

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor hati

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-15/gam1440.ani), url(http://cur.cursors-4u.net/games/gam-15/gam1440.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Toad Jumping Up and Down"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Toad Jumping Up and Down" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Monyet

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani), url(http://cur.cursors-4u.net/nature/nat-2/nat192.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Rocking Baby Monkey"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Rocking Baby Monkey" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Samurai X

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.ani), url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Final Fantasy 7 Cloud Strife"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Final Fantasy 7 Cloud Strife" style="position:absolute; top: 0px; right: 0px;" /></a>

Kursor Peace

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-8/sym714.ani), url(http://cur.cursors-4u.net/symbols/sym-8/sym714.gif), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Different Types Of Peace Symbol"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Different Types Of Peace Symbol" style="position:absolute; top: 0px; right: 0px;" /></a>

Read More

Cara Membuat Tulisan Berjalan di Blogspot

 

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

<marquee>teks yang akan disajikan</marquee>

Warna Background Marquee

<marquee bgcolor=yellow>Teks Berjalan dengan warna latar belakang kuning</marquee>

Teks Berjalan dengan warna latar belakang kuning

Bgcolor mengatur warna background marquee. untuk warna kuning, dapat diganti dengan warna dasar red, green, blue, atau yellow.

Read More