Macam-Macam Efek HTML Di Blog

Caranya:
1. Login ke blogger
2. Pilih Rancangan,Elemen Laman kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

MEMBUAT KURSOR “BERUBAH”
~ini scrip mouse bertaburan bintang 

<script src=”http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js&#8221; type=”text/javascript”></script>

a. Kita warnain biru dengan, hijau, merah, ungu, silver, kuning, hitam
b. Simpan jika sudah selesai.  

NIH MACAM” BENTUK MOUSE/KURSOR

~ini scrip mouse berbentuk kunai:

<style type=”text/css”>body {cursor:url(“http://www.myspacecursor.net/ninja/3.cur&#8221;),default}</style>

~ini scrip mouse berbentuk sharingan

<style type=”text/css”>body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-2/ani254.ani), url(http://cur.cursors-4u.net/anime/ani-2/ani254.png), progress !important;}</style><a href=”http://www.cursors-4u.com/cursor/2008/11/15/sharingan-2.html&#8221; target=”_blank” title=”Sharingan”><img src=”http://cursors-4u.com/cursor.png&#8221; border=”0″ alt=”Sharingan” style=”position:absolute; top: 0px; right: 0px;” /></a>

~ini script mouse berbentuk harry-potter-golden-snitch

<style type=”text/css”>body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-3/oth246.cur), progress !important;}</style><a href=”http://www.cursors-4u.com/cursor/2008/12/20/harry-potter-golden-snitch.html&#8221; target=”_blank” title=”Harry Potter – Golden Snitch”><img src=”http://cursors-4u.com/cursor.png&#8221; border=”0″ alt=”Harry Potter – Golden Snitch” style=”position:absolute; top: 0px; right: 0px;” /></a>

~ini kursor bentuk zangetsu-Kurosaki Ichigo

<style type=”text/css”>body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-2/too149.cur), progress !important;}</style><a href=”http://www.cursors-4u.com/cursor/2006/02/22/too149.html&#8221; target=”_blank” title=”Bleach – Kurosaki Ichigo’s Sword Zangetsu”><img src=”http://cursors-4u.com/cursor.png&#8221; border=”0″ alt=”Bleach – Kurosaki Ichigo’s Sword Zangetsu” style=”position:absolute; top: 0px; right: 0px;” /></a>

Nb: script mouse/kursor di atas hanyalah sekedar contoh,lajut nya,KLIK INI! :

pengetahuanbaruku.wordpress.com
MEMBUAT EFEK DAUN BERGUGURAN

<script src=’https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/daungugur.js&#8217; type=’text/javascript’/>

MEMBUAT EFEK SALJU BERJATUHAN

<script src=”http://alien.keren.googlepages.com/klinikblog.snow.js&#8221; type=”text/javascript”>

MENAMBAHKAN HEWAN BERTERBANGAN

ini sih script nya kelelawar tebang sama kupu” 

~ini scrip kelelawar terbang
<script src=”http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kelelawar.js&#8221; type=”text/javascript”></script>

~ini scrip kupu” terbang
<script src=”http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kupu2.js&#8221; type=”text/javascript”></script>

NIH CARA MEMBUAT ALAMAT BLOG BERGERAK

~Masuk blog>>>Tata letak>>Edit HTML>>>carilah kode  ]]></b:skin>

Copylah script ini dibawah kode ]]></b:skin>

<script type=’text/javascript’> //<![CDATA[
msg = ” http://blablabla.com “;
msg = “=cuma-cuma isenk=” + msg;pos = 0
;
function scrollMSG() { document.title = msg.substring(pos, msg.length) +
msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0
window.setTimeout(“scrollMSG()”,200);
}
scrollMSG();
//]]>
</script>
cara ngedit nya :
Ganti warna merah dengan alamat situs anda
Ganti warna hijau dengan tittle blog anda
Ganti warna biru untuk kecepatan bergeraknya alamat website anda

Buat yang ingin Blog nya ada Music nya,Klik : http://divine-music.info/
atau klik : http://www.flashwidgetz.com/
~ini contoh scrip lagu
<center>
<a href=”http://divine-music.info&#8221; target=”_blank”><img src=”http://divine-music.info/images/dmmusicbar.gif&#8221; border=”0″ alt=”Get Free Music at http://www.divine-music.info”></a><br&gt;
<a href=”http://divine-music.info&#8221; target=”_blank”><img src=”http://divine-music.info/images/dmlogo.gif&#8221; border=”0″ alt=”Get Free Music at http://www.divine-music.info”></a&gt;
<br><br><b>
<a target=”_blank” title=”Get Free Music at http://www.divine-music.info&#8221; href=”http://www.divine-music.info”>Free Music</a> at divine-music.info</b><br>

pengetahuanbaruku.wordpress.com
~Untuk Menampilkan Burung Merpati (seperti di atas) Bergerak Di Pojok Kiri Atas Ini Script nya :
<script language=’JavaScript’ src=’http://oridmail.googlepages.com/oRiDscript.js&#8217; type=’text/javascript’/><script language=’JavaScript’ type=’text/javascript’>eXl1lXc(‘http://i584.photobucket.com/albums/ss285/vanesalu/flying_bird.gif&#8217;,’top’,’0px’,’left’,’0px’,’123455′,’150′,’150′,’transparent’,’ffffff’);</script>
Caranya:
1. Login ke blog anda
2. Ke tata letak
3. Ke edit html
4. Copy pastekan kode dibawah dan letakkan di atas kode </head>

NIH MACAM” BENTUK JAM BUAT BLOGGER:
Pertama buka ini : http://www.clocklink.com/

Lalu : masuk ke Blgoger>>Elemen Halaman>>>Tambah Gadjet,HTML/Java Script>lalu copy paste script code dari link tadi,jangan lupa save/simpan….selesai^^
INI SCRIPT VISITOR ( mengetahui berapa jumlah Member yang Online di blog )

<script>var _wau = _wau || []; _wau.push([“tab”, “l1hf992pxlpv”, “w3f”, “left-middle”]);(function() { var s=document.createElement(“script”); s.async=true; s.src=”https://widgets.amung.us/tab.js&#8221;;document.getElementsByTagName(“head”)[0].appendChild(s);})();</script>


Nah!!buat yang HOBI Gunta-Ganti template nih saya sertakan beberapa alamat download template:
http://blogtemplate4u.com/
http://btemplates.com/ 
http://javatemplates.com/ 
http://www.bloggerbuster.com/


Nah kalo udah bisa gunta ganti template,edit” blog… pasti ingin mengubah warna tulisan di Blog kan? haha.. don’t worry!  Klik ini!
Note: cara nya tinggal copy paste kode warna dari link itu,dan ganti ama kode warna di template anda.

pengetahuanbaruku.wordpress.com
Cara Membuat Gambar Berjalan di Blog
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog

Copy Paste kode berikut ke blog anda :

<table border=”10″ cellpadding=”3″ height=”135″ width=”195″/>
<tr>
<td>
<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”192″ height=”132″ align=”center”>

<img src=”http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg&#8221; height=”130″ width=”190″ />
<br/>
<img src=”http://farm5.static.flickr.com/4046/4273351371_7c1ceb936b_o.jpg” height=”130&#8243; width=”190″ />

</marquee>
</td>
</tr>
</table>

Hasilnya Adalah sebagai berikut :

Keterangan ganti link yang berwarna biru dengan link tempat anda menaruh gambar, contohnya saja gambar yang anda taro di flickr.com .

Membuat Gambar berjalan Dari kiri ke kanan

Copy paste kode berikut ke blog anda :
<marquee align=”center” direction=”left” height=”200″ scrollamount=”3″ width=”100%” >

<img src=”http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg&#8221; width=”190″ height=”130″ />

</marquee>

Hasilnya Adalah sebagai berikut :

Selamat mencoba…….

Membuat tulisan text berkedip ? atau berjalan? nih! 
CONTOH:
<blink>membuat tulisan berkedip</blink>
<marquee>membuat tulisan berjalan</marquee>

Cara: masuk ke Edit Html bkn menu Compose.. (pada saat menulis)

Ini Script goggle translate

<div id=”google_translate_element”></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘id’
}, ‘google_translate_element’);
}
</script><script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>

Untuk keterangan lebih lanjut?? atau keluhan??info ? mau tanya? silahkan coment^^

Tinggalkan Komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: