18 July 2011

Tutorial : Buat Icon

Hari ini, Ain nak ajar tutorial buat Icon. Tak tahu apa itu Icon ? Icon tu ialah suatu gambar yang ada kat tepi blog. Sebenarnya, tutorial nie request dari Capital Iqal . Dia request dalam Facebook :
     



 Jom kita start.

1) Step pertama: Log In >Dashboard > Design > Add Gadget > HTML/Javascript

Copy dan paste kod bawah nie...: 


Contoh code untuk Facebook
<style type='text/css'> a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <div style='display:scroll; position:fixed; top:10px; left:-12px;'>
<a class='linkopacity' href=' http://www.facebook.com/nurainlife ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://2.bp.blogspot.com/-Ik0lJA6Wghs/TZhyVM0WIWI/AAAAAAAABVw/zYbJR7zbTIA/s1600/blue-light-facebook.png" /></a><br /></div>

* merah : kedudukan icon tu..
* biru : URL Facebook korang
* hijau : korang boleh tukar icon lain kalau ada


Ingat Jangan tulis Title
Dengan code di atas, korang boleh buat untuk Twitter, Tumblr, MySpace dan macam-macam lagi. Cuma tukar yang warna merah, biru, dan hijau tu je..


  Kat bawah nie Ain ada sedia icon untuk Blog, Tumblr dan Twitter ( ganti dengan ayat hijau ) :

Blogger : http://i1193.photobucket.com/albums/aa355/nurain2/images.jpg

Tumblr : http://i1193.photobucket.com/albums/aa355/nurain2/images2.jpg

Twitter : http://i1193.photobucket.com/albums/aa355/nurain2/images1.jpg

Tutorial : Letak Ayat di bawah Entry

1. Log In > Dahboard > Design > Edit Html > Tick Expand Widget Template
2. Korang cari code nie dgn menggunakan Ctrl + F :

<data:post.body/>

Kalau dah jumpa, paste code nie di bawah code <data:post.body/> :

<hr/><center>AYAT KORANG</center><hr/>

3. Preview dulu ye... Kemudian save..
                                          FINISH

Tutorial : Users online


Users online nie, kita boleh tahu berapa orang yang sedang tengok blog kita. Jom kita start..

1. Pergi link nie..http://www.freeonlineusers.com
2. Korang kena click SIGN UP, dan isi maklumat yang dia nak.


3. Bila dah siap isi semua maklumat korang click register. Lepas tu, pergi ke sign in email korang dan click link URL yang diorang suruh click untuk confirmed.




4. Then, log in semula. Now, click link code




6. Then, korang add link blog korang dalam ruangan kosong yang dia suruh add domain/ websites.


7. Lepas tu, korang boleh tulis ayat sesuka hati korang di link text. :


8.Selepas click Generate Code, korang copy code yang  keluar lepas tu. :



9. Kemudian : Pergi Dashboard > Design > Add a gadget > Html/Javascript
  Paste di Html/Javascript.

  Jangan lupa Preview dulu ...Lepas tu, Save...
 Siap !

Tutorial : Disable copy

Tutorial kali ini, Ain nak ajar korang macam mana nak buat entry yang tak boleh copy dengan right click. Jom start. Credit to Cik Anis ye... Jom kita mulakan..

 Disble copy yang ada notes :

1. Dashbord > Design > Add a gadget > Html/Javascript
2. Copy code di bawah nie dan paste di Html/Javascript



<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
var message = "function disabled";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</SCRIPT>

Yang warna merah tu untuk korang boleh tulis ayat sendiri, contohnya : Haa..nak copy ye...


Sekarang Disable copy yang tiada nota.

1. Dashboard > Design > Edit Html > Tick expand widget
2. Cari code bawah nie dgn menggunakan Ctrl+F
<body>


Kalau dah jumpa korang padam code tu dan letak code di bawah nie :
<body oncontextmenu='return false;'>

Preview dulu dan save template.. Sekarang dah siap

05 July 2011

Dapat Hadiah..

        Hai, semua.. Ain rasa betul-betul happy sebab Ain dapat hadiah daripada Ustaz Lokman. Hadiah tu ialah lampu meja, warna pink pulak tu. Ustaz bagi hadiah kat Ain sebab Ain dapat no.2 dalam peperiksaan pertengahan tahun. Ustaz Lokman tu, guru kelas Ain lah. Hadiah tu diberi dalam beg kertas  macam gambar kat atas nie...