Tutorial

Jadikan Cursor Anda Berkilauan (sparkle)

Tutorial ini akan menunjukkan bagaimana untuk menjadikan cursor anda menghasilkan 'bintang²' yang berkerlipan. Terdapat pelbagai jenis warna yang telah diletakkan untuk memudahkan pemilik blog sesuaikan dengan warna thema masing². Kata lain yang mungkin sesuai ialah untuk menjadikan cursor anda sparkle.(tak tahu istilah betul apa untuk effect ini.:)

Kalau masih tidak faham bagaimana hasilnya, boleh lihat contoh gambar di bawah.:)

Sebelum itu, tutorial ini juga boleh digambungkan dengan tutorial tukar cursor pada blog anda. Semestinya untuk menjadikannya lebih menarik. Sudah di'test' dan dibuktikan boleh.:)

Tutorial untuk membuatkan cursor anda menjadi sparkle adalah seperti berikut:


1. Dari dashboard > design > add a gadget > HTML/javascript

2. Pada ruangan HTML/javascript, masukkan kod berikut.

<script src="URL JS" type="text/javascript"></script>

Note: untuk URL JS, tukarkan dengan kod berikut mengikut warna sprakle yang anda kehendaki

Biru - https://sites.google.com/site/unwanted86/javascript/biru.js

Hitam - https://sites.google.com/site/unwanted86/javascript/black.js

hijau - https://sites.google.com/site/unwanted86/javascript/lawngreen.js

Ungu - https://sites.google.com/site/unwanted86/javascript/purple.js

Putih - https://sites.google.com/site/unwanted86/javascript/putih.js

Pink - https://sites.google.com/site/unwanted86/javascript/salmon.js

Kuning - https://sites.google.com/site/unwanted86/javascript/yellow.js

Hijau kebiruan - https://sites.google.com/site/unwanted86/javascript/aqua.js

Contoh: jika anda mahu mouse anda dengan sparkle warna biru, kodnya adalah:

<script src="https://sites.google.com/site/unwanted86/javascript/biru.js" type="text/javascript"></script>

3. Apabila sudah masukkan kod, save dan lihat hasilnya..

Senang bukan.?
Selamat mencuba.:)

Tutorial Gerakkan Title Blog

Posted by unwanted 

Title blog secara default adalah dalam keadaan statik. Anda boleh tukarkan title blog anda dengan mudah dan juga anda boleh membuatkan ianya bergerak dari kanan ke kiri.



Tutorial untuk buatkan title blog bergerak adalah seperti berikut.


1. Dari dashboard > Design > Add a gadget > Html/Javascript

2. Copy dan paste code berikut dalam ruangan HTML/Javascript

<script language=javascript>
msg = "Title Blog Anda";

msg = "..." + 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>

Note: Tukarkan 'Title Blog Anda' dengan apa sahaja yang anda mahu.

3. Save dan lihat hasilnya.:)


Update:
Mahu lebih banyak gerakan untuk title blog ini.? rujuk entrihttp://tutorialuntukblog.blogspot.com/2011/05/title-bar-maker.html

Tutorial Buat Tab Menu / Navbar Menu

Posted by unwanted 

Mempunyai tab menu ataupun navbar menu dalam sesebuah blog boleh digunakan oleh pemilik blog untuk meletakkan link yang penting atau link yang ingin diberi perhatian oleh pengunjung blog. Anda boleh lihat contoh tab menu yang ringkas di sini

Tutorial untuk membuat tab menu / navbar menu adalah seperti berikut.

1. Dari dashboard > design > edit html
(backup template untuk langkah berjaga²)

2. Menggunakan fungsi find (ctrl + F), cari kod ]]></b:skin>
2.1 Jika tidak jumpa, cari kod </head>

3. Copy dan paste kod di bawah SEBELUM kod yang anda jumpa di langkah 2 @ 2.1

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}

ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}

Contoh.:

4. Save template anda.

5. Kemudian, kembali ke dashboard, pergi ke design > page element > add a gadget > HTML/javascript

6. Copy dan paste kod di bawah di dalam HTML/javascript kemudian tukarkan 'Link' dengan link yang anda mahu letak di tab menu.

Contoh : <li><a href='http://ohbest.blogspot.com'>Home</a></li>

Selepas selesai masukkan link yang dikehendaki,

save.

<div>
<ul id='list-nav'>
<li><a href='Link'>Home</a></li>
<li><a href='Link'>About Us</a></li>
<li><a href='Link'>Services</a></li>
<li><a href='Link'>Products</a></li>
<li><a href='Link'>Contact</a></li>
</ul>
</div>

7. Drag ke bawah element header, save dan lihat hasilnya.:)

Nota 1: Untuk langkah 3, anda boleh ubah beberapa kod seperti warna background, border, dan radius. Bergantung kepada bagaimana tab menu yang anda mahukan.

Nota 2: Jika anda hendak tambah tab menu, copy paste barisan di langkah 6.

Happy blogging.:)

Facebook seperti yang sudah anda kenal merupakan media yang bisa menghubungkan anda dengan banyak orang diseluruh dunia selain friendster yang kita kenal sebelumnya,widget profile Facebook seperti diatas bisa anda pasang diblog anda untuk mengajak pengunjung anda mengenal lebih jauh anda, untuk pasang widgetnya silahkan ikuti langkah-langkah berikut:

1. Login ke facebook anda
2. Klik menu Profile
3. Lihat pada bagian kiri bawah klik "create a Profile Badge"
4. klik tulisan create badge
5. kemudian akan muncul halaman yang berisi:
--> layout : silahkan pilih vertikal atau horizontal tergantung space pada blog anda
--> Image : Javascript untuk aplikasi blogspot dan image untuk semua blog
--> Items : Silahkan pilih item yang akan anda masukkan ke widget profile facebook and
--> Kemudian Save

6. Kemudian akan muncul kode scriptnya, silahkan dicpy paste ke element halaman blog anda dengan cara seperti biasa Layout-->Add Gadget-->Javascript/HTML-->Save

sekarang anda bisa memperluas jaringan anda bersama facebook dan blog anda,,

Selamat mencoba ya dan semoga berhasil!!!

MEMBUAT EFEK SALJU BERTABURAN DI BLOG

     Memberi Efek Salju Bertaburan Di Blog - Kali ini saya akan memberikan sebuah tutorial blog, Seperti dari judul diatas di blog kita akan ada salju yang berjatuhan dari atas. Jika memasang itu pengunjung blog serasa sedang berada di daerah hujan salju.

Jika kita memasang ini, mungkin loading blog kita semakin berat. Untuk yg mengejar SEO disarankan tidak memasangnya. Tetapi jika ingin memasangnya silahkan khususnya bagi yang membuat blog hanya untuk bersenang - senang.

Silahkan ikuti langkah - langkah berikut ini untuk Memberi Efek Salju Bertaburan Di Blog :

1. Login Blogger
2. Masuk ke " Template > Edit Html
3. cari kode </head> , dan taruh kode dibawah ini tepat diatas kode </head>

<script src='http://oketrik.googlecode.com/files/Snowefek2%20oketrik.js' type='text/javascript'></script>

4. Simpan

Selamat mencoba -  Memberi Efek Salju Bertaburan Di Blog

Pasang Efek Daun Berjatuhan Di Blog

Panduan Blogspot kali ini kita akan membahas tentang bagaimana Cara Membuat Efek Daun Berjatuhan Di Blog.Mungkin beberapa sobat sekalian sudah banyak yang mengetahui tentang memasang efek daun berjatuhan di blog,tetapi bagi sobat yang belum mengetahui trik ini,silahkan mengikuti panduan di bawah ini.Memasang efek daun berjatuhan hanyalah untuk mempercantik tampilan blog kita,agar para pengunjung blog kita senang bila berada di blog kita.Langsung saja kita mulai memasang efek daun berjatuhan di blog.silahkan ikuti panduan di bawah ini.


1.Login ke akun blogger sobat
2.Klik menu TEMPLATE
3.Klik EDIT HTML
4.Centang kotak Expand Template Widget
5.Cari kode </head> agar lebih cepat mencarinya gunakan Ctrl+F
6.Jika sudah ketemu,masukan kode di bawah ini tepat di atas kode </head>

<script src='http://andreykusanagi.googlecode.com/files/daun.js'/>

7.Klik Simpan Template
8.Selesai

Coba sobat lihat hasilnya,semoga postingan saya tentang Cara membuat efek daun berguguran di blog dapat bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.Semoga blog sobat semakin ramai pengunjungnya.

Membuat Efek Taburan Bintang Pada Kursor (cursor) Di Blogger

Sahabat Blogger kali ini kita akan membahas cara Membuat Efek Taburan Bintang Pada Kursor (cursor) Di Blogger, dengan adanya efek ini akan meningkatkan daya tarik untuk sebagian orang yang sangat menyenangi kreasi di blog Anda, efek yang kita buat kali ini yaitu efek bintang yang terus berjatuhan dari kursor yang ada di halaman situs yang terus muncul tiada habis dengan warna yang beragam dan bisa kita ganti warnanya sesuai dengan warna yang kita sukai, seperti biru, hijau, merah, ungu, silver, kuning, hitam, ok mari kita langsung saja ke langkah-langkahnya ;

1. Login ke Blogger.com
2. Klik Rancangan

3. Di Elemen Laman klik Tambah Gadget

4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +

5. Masukan script di bawah ini kedalamnnya Lihat Langkah-Langkah Tambah Gadget HTML/Javascript 

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


6. Simpan dan lihat hasilnya.


Penting..!!
biru bisa ganti dengan, hijau, merah, ungu, silver, kuning, hitam