Cara Nak Tukar 'Hand Cursor' Blogspot

Pada tutorial kali ini saya nak tunjukkan Cara Nak Tukar 'Hand Cursor' Blogspot. Tutorial kali merupakan sedikit pembaharuan berbanding tutorial saya sebelum ini iaitu Cara Nak Tukar Cursor Blogspot. Setiap kali kita letakkan cursor di link, pasti akan keluar cursor tangan, jadi pada hari ini saya nak tunjukkan cara untuk menukar cursor tangan tersebut kepada gambar tangan yang lebih menarik.

Step 1:

Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 2 :

Copy kod dibawah dan paste di dalam kotak HTML tersebut.

<style type="text/css">a:hover {cursor:url("URL IMEJ ANDA"),default}</style>

*Masukkan URL IMEJ ANDA. Contoh Url imej seperti dibawah. Anda boleh dapatkan gambar hand cursor yang lain di Google.

http://fc04.deviantart.net/fs71/f/2010/094/d/6/Kalyan_hand_cursor_2_by_Zanten.gif

http://www.hscripts.com/freeimages/icons/computer/hand-cursor/hand-cursor-clipart1.gif

Step 4:

Save!

Baca Sekengkapnya..

Cara Nak Letak Game Di Blog

Untuk menarik minat pelawat ke blog anda, anda perlulah melakukan sesuatu yang mampu membuatkan pengunjung anda seronok. Salah satu cara ialah dengan memasukkan game ke dalam blog anda. Pada kali ini saya akan tunjukkan Cara Nak Letak Game Di Blog. Ianya sangat senang. Jom ikuti tutorial ini.

Step 1:

Anda pergi ke Khemer.

Step 2:

Pilih game anda dengan klik di atasnya.

Step 3:

Kemudian anda tengok sebelah kanan di bawah Interactions, dan anda copy Embed code tersebut.

Step 4:

Pergi ke blog anda.

Step 5:

Pergi ke Design --> Page Elements --> Add Gadget --> HTML/Java Script

Step 6:

Paste kod tersebut.

Step 7:

Anda boleh ubah width dan height mengikut kesesuaian blog anda.

Step 8:

Save!

Baca Sekengkapnya..

Cara Nak Buat Popular Post Dalam 3D

Sebelum ini saya nak buat tutorial Cara Nak Buat Popular Post Dalam 3D, saya ada buat tutorial Cara Nak Buat Popular Post Bergerak/Slide Show. Jadi untuk tutorial kali ini, saya dapat daripada blog abu-farhan. Tutorial bergambar dengan 3D ini nampak lebih smart dan menarik. Jom ikuti tutorial ini.

Step 1:

Masukkan gadget Popular Post ke dalam blog anda.

Step 2:

Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 3 :

Copy kod dibawah dan paste di dalam kotak HTML tersebut dan save.

<style type="text/css">

.cube { width: 200px; height: 200px;}

a img { border: none; }

#linksCube img { width: 100%; height: 100%; }

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>

<script type="text/javascript" charset="utf-8">

$(function () {

$('.popular-posts ul').abupopularcube();

});

</script>

<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>

Step 4:

Drag kod html tersebut ke bawah gadget Popular Post anda seperti dalam gambar dibawah.

Step 5:

Save !

Selamat Mencuba. Sila komen jika berjaya.

Baca Sekengkapnya..

Cara Nak Buat Popular Post Bergerak/Slide Show

Cara Nak Buat Recent Post Dengan Slide Show, Cara Nak Buat Recent Post Bergambar Tanpa Perlu Edit HTML, Cara Nak Buat Recent Post Bergambar Yang Lebih Smart, Cara Nak Buat Popular Post Bergambar, berikut merupakan tutorial saya sebelum ini. Tutorial-tutorial tersebut adalah saya berkaitan denagan tutorial saya pada kali ini iaitu Cara Nak Buat Popular Post Bergerak/Slide Show. Untuk contoh bergerak hasil tutorial ini, anda boleh tengok di SINI. Jom ikuti tutorial ini.

Step 1:

Masukkan gadget Popular Post ke dalam blog anda.

Step 2:

Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 3 :

Copy kod dibawah dan paste di dalam kotak HTML tersebut dan save.

<style type="text/css" media="screen">

#PopularPosts1 {

overflow:hidden;

margin-top:5px;

width:100%;

padding:0px 0px;

height:330px;

}

#PopularPosts1 ul {

width:310px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:10px 0px 0px 10px;

}

#PopularPosts1 li {

width:290px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:80px;

overflow: hidden;

background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMhFci1Igq1Gcx7ZqrRfowO-lW1oxqLR_MUpuwwm6UksmIWRpb_PoAmUBmfzl9V0ImTwn7TzvmfjfY3WiIvfQzL1dVik1Zl9Fn9goECYa3nszhQ0ElBWehfwIbRDr2nYYVb4R833Qi78/s400/popular+posts.jpg) repeat-x;

border:1px solid #ddd;

}

#PopularPosts1 li .item-title {

font-size:1em;

margin-bottom:0.5em;

}

#PopularPosts1 li .item-title a {

text-decoration:none;

color:#7CA2C4;

font:bold 12px verdana;

height:18px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#PopularPosts1 li img {

float:left;

margin-right:5px;

background:#EFEFEF;

border:2px solid #7CA2C4;

}

#PopularPosts1 li .item-snippet {

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:10px;

color:#289728;

padding:0px 0px;

margin:0px 0px;

}

#PopularPosts1 .item-snippet a,

#PopularPosts1 .item-snippet a:visited {

color:#3E4548;

text-decoration: none;

}

#PopularPosts1 .spyWrapper {

height: 100%;

overflow: hidden;

position: relative;

}

#PopularPosts1 {

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

}

.tags span,

.tags a {

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

}

a img {

border: 0;

}

-->

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8">

$(function () {

$('.popular-posts ul').simpleSpy();

});

</script>

<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

Step 4:

Drag kod html tersebut ke bawah gadget Popular Post anda seperti dalam gambar dibawah.

Step 5:

Save !

Selamat Mencuba. Sila komen jika berjaya.

Baca Sekengkapnya..

Cara Nak Buat Bintang Berguguran Keluar Dari Cursor

Sebelum ini saya ada tunjukkan Cara Nak Tukar Cursor Blogspot. Jadi pada tutorial kali ini saya nak tunjukkan Cara Nak Buat Bintang Berguguran Keluar Dari Cursor. Contoh cursor tersebut, anda boleh tengok pada blog ini. Jom ikuti tutorial ini.

Step :1

Pergi ke Dashboard > Design > Edit HTML > Klik Expand Widget Templates,

Step 2:

Tekan ctrl+F pada keyboard anda dan paste kod dibawah ke dalam kotak find.

</body>

Step 3:

Copy dan paste kod dibawah selepas kod </body>

<script src="http://calvinalx.googlepages.com/Sparkle.js" type="text/javascript"></script><br /> <script language="JavaScript" type="text/javascript">var colour="white";</script>

Step 4:

Save !

Baca Sekengkapnya..

Cara Untuk Elak Orang Copy Entry Blog/Disable Right Click

Pasti ada antara kita yang tak suka orang copy entry yang kita buat kan ? Jadi pada tutorial kali ini, saya akan tunjukkan cara untuk mengelakkan orang copy entry blog kita/disable right click atas permintaan rakan kita Anis Farhain di page Kaki Blogger. Jom ikuti tutorial ini.

Step 1:

Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 2 :

Copy kod dibawah dan paste di dalam kotak HTML tersebut.

<script language=JavaScript>

<!--

//edit by KakiBlog

var message="MASUKKAN MESEJ ANDA";

///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;

}

}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){

alert(message);

return false;

}

}

}

if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;

}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}

document.oncontextmenu=new Function("alert(message);return false")

// -->

</script>

*Masukkan MESEJ ANDA.

Step 3:

Save !

Baca Sekengkapnya..

Cara Nak Pasang Radio Di Blog

Tutorial kali ini, saya nak tunjukkan cara untuk pasang radio di blog. Hari ini, saya tunjukkan bagaimana untuk memasang radio era dan thr gegar. Jom ikuti tutorial ini.

Untuk memasang radio Era.fm

Step 1:

Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 2 :

Copy kod dibawah dan paste di dalam kotak HTML tersebut.

<center><a href="http://kaki-blog-htj.blogspot.com/" target="_blank"><img src="http://2.bp.blogspot.com/-jE-D20fjf38/TszDwVjW1-I/AAAAAAAABnQ/P22Si9-LmYc/s400/era.png" /></a></center>

<center style="color: rgb(51, 51, 51); font-family: arial; font-size: 14px; line-height: 22px; background-color:false; "><iframe src="http://www.era.fm/images/Capsule/era.swf" scrolling="no" frameborder="0" style="width: 260px; height: 121px; "></iframe></center>

<center>Powered By <a href="http://kaki-blog-htj.blogspot.com/" target="_blank" title="tutorial here">KakiBlog</a></center>

Step 3:

Save !

Powered By KakiBlog

Cara untuk pasang radio THR Gegar

Step 1:

Pergi ke Design > Page Elements > Add a Gadget > HTML/Javascript

Step 2 :

Copy kod dibawah dan paste di dalam kotak HTML tersebut.

<center><a href="http://kaki-blog-htj.blogspot.com/" target="_blank"><img src="http://3.bp.blogspot.com/-Pl0DFOk2wXo/TszDwI6ArOI/AAAAAAAABnI/Cb-YMM4vVlU/s400/thr.png" /></a></center>

<center style="color: rgb(51, 51, 51); font-family: arial; font-size: 14px; line-height: 22px; background-color:false; "><iframe src="http://gegar.thr.fm/images/Capsule/gegar.swf" scrolling="no" frameborder="0" style="width: 300px; height: 121px; "></iframe></center>

<center>Powered By <a href="http://kaki-blog-htj.blogspot.com/" target="_blank" title="tutorial here">KakiBlog</a></center>

Step 3:

Save !

Baca Sekengkapnya..