Kamis, 02 Januari 2014
Cara Membuat Judul Blog Bergerak
Setelah Sebelumnya Stars Cyber membahas soal SEO .kali ini Stars Cyber
kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam
postingan kali ini Stars Cyber akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa
judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat
dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar
browser.Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.
1.LOGIN ke blogger.
2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.
3.Selanjutnya cari kode berikut ini.
<title><data:blog.pageTitle/></title>
4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.
5.Kalo udah selesai silakan klik SAVE TEMPLATE
Baca Selengkapnya .. ( Stars Cyber )
1.LOGIN ke blogger.
2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.
3.Selanjutnya cari kode berikut ini.
<title><data:blog.pageTitle/></title>
4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.
5.Kalo udah selesai silakan klik SAVE TEMPLATE
Cara Membuat Link Berubah Warna Ketika Disorot
Cara Membuat Link Berubah Warna dengan CSS
Cara membuat link berubah warna ketika disorot mouse merupakan
salah satu cara untuk mempercantik link sehingga tampilannya terlihat
lebih menarik. Dengan tampilan yang menarik tentunya juga dapat menambah
kesan pada blog/website kita tampil lebih profesional sehingga akan
meningkatkan daya tarik bagi pengunjung. Untuk mempercantik link ini
kita dapat memanfaatkan CSS. Selain tidak membuat loading blog/website
menjadi berat, CSS juga dapat membuat tampilan blog/website menjadi
lebih menarik dengan kode-kodenya. Berikut ini saya berikan cara membuat
link menjadi berubah warna ketika di sorot dengan CSS beserta dengan
contohnya.
<style type="text/css">
a.sundaboy:link {color:#FF0000;}
a.sundaboy:visited {color:#0000FF;}
a.sundaboy:hover {color:#DF7401;}
</style>
<a class="sundaboy"http://stars-cyber.blogspot.com/" target="_blank">Belajar Html Lengkap</a>
a.sundaboy:link {color:#FF0000;}
a.sundaboy:visited {color:#0000FF;}
a.sundaboy:hover {color:#DF7401;}
</style>
<a class="sundaboy"http://stars-cyber.blogspot.com/" target="_blank">Belajar Html Lengkap</a>
Contoh: Letakkan kursor pada tulisan di bawah ini!
Belajar Html Lengkap
Keterangan:
- Ganti yang bertuliskan warna biru dengan judul link anda
- Ganti yang bertuliskan warna merah dengan warna yang anda inginkan.
Sekian tutorial Blog-CSS mengenai cara mempercantik link dengan CSS (membuat link berubah warna ketika disorot).
Semoga dapat bermanfaat untuk menambah wawasan anda dalam dunia
blogging/website. Terima kasih atas perhatiannya dan saya senang sekali
apabila ada yang bersedia memberikan komentarnya pada postingan yang
saya buat kali ini. Sampai jumpa lagi di postingan saya selanjutnya.
Salam...
Cara Membuat Animasi Cursor Di blog
Bosen dengan tampilan cursor biasa di
website atau di blogger ini disini saya berbagi cara membuat memasang
animasi cursor keren buat percantik blogger atau website anda ada banyak
macam-macam animasi cursor untuk diblog saya tinggal anda pilih sesuai
selera anda atau anda sukai langsung saja caranya :
Cara untuk tampilan blogger lama : 1.Login ke blogger anda 2. Pilih Rancangan 3.klik Tambah Gadget Html/JavaScript 4.Copy & paste kan kode html mouse yang diinginkan di bawah ini 5.Terakhir Simpan
Cara untuk tampilan blogger baru : 1.Login ke blogger anda 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
lihat hasilnya cursor animasi sudah ada di blogger anda
Selamat Mencoba & Semoga bermanfaat ,follow twitter aku & klik like fanspage programm komputer ya
Cara untuk tampilan blogger lama : 1.Login ke blogger anda 2. Pilih Rancangan 3.klik Tambah Gadget Html/JavaScript 4.Copy & paste kan kode html mouse yang diinginkan di bawah ini 5.Terakhir Simpan
Cara untuk tampilan blogger baru : 1.Login ke blogger anda 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
![]() |
| 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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
![]() |
| 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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
![]() |
| Bird |
<style type="text/css">body,
a:hover {cursor:
url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress
!important;}</style><a
href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html"
target="_blank" title="Catching Fire"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Catching
Fire" style="position:absolute; top: 0px; right: 0px;" /></a>
<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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
![]() |
| Cartoon |
<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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
![]() |
| Fire Guitar |
<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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
![]() |
| Love |
<style type="text/css">body,
a:hover {cursor:
url(http://cur.cursors-4u.net/holidays/hol-6/hol512.ani),
url(http://cur.cursors-4u.net/holidays/hol-6/hol512.png), progress
!important;}</style><a
href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html"
target="_blank" title="Valentine's Day Pumping Heart"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Valentine's
Day Pumping Heart" style="position:absolute; top: 0px; right: 0px;"
/></a>
![]() |
| 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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too917.cur), progress !important;}</style><a href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html" target="_blank" title="Cute Tinkerbell"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Tinkerbell" style="position:absolute; top: 0px; right: 0px;" /></a>
![]() |
| Angel |
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too917.cur), progress !important;}</style><a href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html" target="_blank" title="Cute Tinkerbell"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Tinkerbell" style="position:absolute; top: 0px; right: 0px;" /></a>
![]() |
| Icon Moon |
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/cursors/cur-10/cur945.ani),
url(http://cur.cursors-4u.net/cursors/cur-10/cur945.png), progress
!important;}</style><a
href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html"
target="_blank" title="Batman Begins - Diagonal Resize 2"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins
- Diagonal Resize 2" style="position:absolute; top: 0px; right: 0px;"
/></a>
![]() |
| vegeta dragon ball |
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/anime/ani-7/ani634.cur), progress
!important;}</style><a
href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html"
target="_blank" title="Vegeta - Dragonball Z 2"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Vegeta -
Dragonball Z 2" style="position:absolute; top: 0px; right: 0px;"
/></a>
![]() |
| superman |
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/toons/too-8/too702.cur), progress
!important;}</style><a
href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html"
target="_blank" title="Superman"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Superman"
style="position:absolute; top: 0px; right: 0px;" /></a>
![]() |
| 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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
![]() |
| monkey |
<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://alamatsitusanda.blogspot.com/2014/01/cara-membuat-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>
![]() | |
| I love her |
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/special/spe-5/spe445.cur), progress
!important;}</style><a
href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html"
target="_blank" title="I Love Her"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="I Love Her"
style="position:absolute; top: 0px; right: 0px;" /></a>
![]() |
| I love him |
<style
type="text/css">body, a:hover {cursor:
url(http://cur.cursors-4u.net/special/spe-5/spe444.cur), progress
!important;}</style><a
href="http://alamatsitusanda.blogspot.com/2014/01/cara-membuat-animasi-cursor-di-blog.html"
target="_blank" title="I Love Him"><img
src="http://cur.cursors-4u.net/cursor.png" border="0" alt="I Love Him"
style="position:absolute; top: 0px; right: 0px;" /></a>
lihat hasilnya cursor animasi sudah ada di blogger anda
Selamat Mencoba & Semoga bermanfaat ,follow twitter aku & klik like fanspage programm komputer ya
Langganan:
Postingan (Atom)
















