3/12/2010

Tutorial Display Yahoo Messenger @ YM

Kali nie kita belajar, bagaimana mahu paparkan YM@Yahoo Messenger yang sedang online ataupun tidak. Dia secara automatic kalau ko tengah online, di blog ko juga tunjuk la yang ko tengah online.

Ini untuk menyenangkan readers² korang untuk beramah mesra. Just click kat button, terus boleh chatting bersama2..

Ok, like this..

<a href="ymsgr:sendIM?YOUR-YAHOO-MESSENGER-ID"><br /><img border=0 src="http://opi.yahoo.com/online?u=YOUR-YAHOO-MESSENGER-ID&m=g&t=1" /> </a>

Ambil code² di atas.. ko letakkan saja kat blog ko belah sidebar ke, tengah ke atau kat mana² korang nak letak la yang penting dalam blog..ngee..

Kat mana nak letak.. macam biasa la.. pergi---->

Layout - page elements - add a gadget - html/javascript

So, dalam tu.. ko pastekan saje code2 itu.. contohnya jadik begini yeee...

<a href="ymsgr:sendIM?3ymma"><br /><img border=0 src="http://opi.yahoo.com/online?u=3ymma&m=g&t=1" /> </a>



Ini style² yang ada untuk ko letakkan kat blog.. nampak tak aku birukan perkataan t=1 tu.. haaaaa, yang belah situ ko boleh tukar.. ko tukar la jadik t=7

Dah siap, ko save then tengok hasilnya..

Selamat mencuba...
Continue Reading...

10/12/2009

Tutorial scroll dalam entry

Hari nie aku buat cara membuat scroll dalam entry...

ini contoh yang aku buat...



kisah satu mlm...

Di suatu kawasan pedalaman di Pahang, seorang penternak yang mempunyai ladang ternak yang luas dan berjaya telah meninggal dunia dengan meninggalkan seorang janda yang masih muda, seksi dan cantik, namanya Siti.

Siti membuat keputusan untuk meneruskan kerjaya suaminya dengan mengambil alih ladang ternakan tersebut, tetapi dia tidak mempunyai kemahiran yang cukup untuk mengendalikan ladangnya.. Jadi dia pun membuat keputusan untuk mengiklankan di dalam akhbar untuk mencari seorang pembantu yang akan mengerjakan ladang ternaknya dengan menawarkan gaji dan sebuah bilik di rumahnya sebagai tempat kediaman memandangkan ladang yang dimaksudkan hanya berada di belakang rumahnya.

Selang beberapa hari kemudian ada dua orang pemuda yang memohon pekerjaan tersebut. Seorang pondan, dan seorang kaki mabuk.Memandangkan tiada sesiapa lagi yang memohon jawatan tersebut selain dari dua orang pemuda tadi, Siti terpaksa memilih salah seorang dari mereka.

Setelah menimbangkan semasak-masaknya, Siti memilih si pondan, bernama Man untuk bekerja dengannya, dengan anggapan bahawa dia berasa lebih selamat tinggal bersama seorang pondan daripada tinggal dengan seorang pemabuk.

Minggu demi minggu berlalu. Man telah melakukan tugasnya dengan penuh tekun dan rajin. Man kerap kali menghabiskan waktunya sehingga malam untuk membuat kerja-kerja di ladang ternakan. Ladangnya menjadi semakin berjaya dan ternakan semakin banyak membiak dan sihat-sihat belaka. Gembiralah si janda muda Siti ni tadi... kerana ingin menghargai kerajinan si Man ni, Siti pun berkata kepada Man,

"Man, kau telah melakukan kerja dengan baik dan ladang ternakan pun kulihat semakin bagus, kau sepatutnya ambil cuti pergi ke pekan berjalan-jalan untuk melegakan tekanan kerja..." Gembiralah Man, dan pada suatu malam minggu, dia pun pergi ke pekan.

Sampailah ke tengah malam, Man tak pulang-pulang ke rumah. Pukul 1 tak pulang, pukul 2 tak pulang. Pukul 2.30 pagi barulah Man pulang kerumah. Sampai ke rumah, didapati Siti sedang menunggunya sambil duduk di sofa berhampiran Tv.

Siti menghampiri Man perlahan....

"Buka butang bajuku dan tanggalkannya." Kata Siti.
Man dengan tangan yang terketar-ketar dan perasaan yang terkejut,melakukan apa yang diarahkan.

"Sekarang, buka kasut ku."
Man buat, perlahan sekali.

"Buka, setokin ku.."
Dia buat juga.

"Sekarang, buka skirt ku."
Dia buat juga.

"Sekarang buka coliku."
Dengan tangan yang menggigil, dia buat apa yang disuruh.

"Sekarang....buka seluar dalamku..."
Dengan perlahan, dia melucutkannya ke bawah dan menanggalkannya.

Kemudian, Siti pun memandang Man, sambil berkata...

"Sekali lagi kau pergi pekan dengan memakai pakaian aku, aku pecat kau on the spot."

Hehehehe...apa yg engkorang pikir haaa?????????

ha..ha..ha....


Ada sesetengah orang tak suka kalau ada entry panjang memanjang... Jadiknya dorang suka nak cari cara macammana nak memendekkan entry dengan pelbagai cara. Ada yang letak readmore/baca selanjutnya.. dan ada jugak yang letak scroll dalam posting....

Ok begini caranya...

1: Masuk kat New Post macam biasa la.. Macam korang nak buat entry baru lor...

2: Selepas itu masukkan coding di bawah ini...

<div style="border: 1px solid ; background: transparent none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 450px; height: 100px;">

Kat sini korang boleh masukkan text or segala jenis gambar yang korang suka...

</div>


3: Width(lebar/luas) boleh tukar ikut lebar entry korang.. macam aku, aku buat jadi 450.

4: Height (tinggi/panjang) jugak boleh ditukarkan ikut keselasaan mata korang..aku letak 400.

5: Border jugak boleh ditukar dari 1 ke berapa tebal yang korang nak..

Jadi apa tunggu lagi...selamat mencuba!!!
Continue Reading...

9/02/2009

Tutorial Disable Rightclick

huhu...hari nie aqu mencuba untuk membuat toturial pula...hehe.. memandangkan cik aLya nak tau cara²nya so aqu try la buat...aqu buat apa yg aqu tau.. kita kn saling bantu membantu...hukhuk...kenen.. ok start nak ajar!!!

Cara pertama
Layout - edit html
Pastu carik code <body>, dah jumpa.. code <body> tu uols tukarkan kepada

<body oncontextmenu="return false;">

..
Then save template.. siap!!


Cara kedua

<script language='JavaScript'>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="No Right-Click!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layersdocument.getElementById&&!document.all){
if (e.which==2e.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>



Message "No Right-Click"(macam tpt aqu) korang buleh la tukar dengan ayat yang korang suke ye..Ikut suka hati korang la.. :P

Mana coding ni nak dipastekan?
p LAYOUT - PAGE ELEMENT- ADD A GADGET- HTML/JAVASCRIPT ...siap!!


Cara ketiga - ini cara orang paling kedekut habis la nie.. langsung tak kasik highlight pon text die,kekekee..

<script type="text/javascript">
//form tags to omit in NS6+:
//http://eking.in
var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("")

function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}

function reEnable(){
return true
}

if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}

</script>



script nie ko paste kan kat LAYOUT - EDIT HTML, Then carik kod <head>,pastekan script di bawah code <head>

siap

So suka ati korang la nak pilih yang mana satu ye...tak paksa pon..hihi

"selamat mencuba"

Continue Reading...

8/06/2009

Tutorial Menuliskan Script/Kode Dalam Entry

Untuk menuliskan script/kode kedalam artikel blog memang ada Caranya,
Jika kita menuliskan code dengan cara yang biasa saja hasilnya tak akan muncul dalam postingan because scripts/code tersebut harus diterjemahkan dalam code HTML.

Nak tahu bagaimana cara² menulis scripts/code tersebut???

Masuk URL ini Klik sini dan korang letak scripts/code yang korang nak ubah itu dalam kotak yang di sediakan dan klik "ENCODE", kalo dah keluar scripts yang ada &&"> itu la code yang korang ambil untuk di letak dalam entry korang.

"Berani?? Cuba la"
Continue Reading...

Tutorial Highlight pada Script/Code di Entry

Hari ini aku buat highlight untuk script atau code pada Entry pula, kegunaannya adalah untuk memperjelaskan pembaca untuk mengenali Script/Code. for example macam dalam blog aku ini...kotak yang membezakan dengan tulisan yang lain...caranya adalah begini...

1. Login ke blogger pilih Layout-->Edit HTML
2. Kemudian copy Code dibawah ini letak di Script CSS korang sebelum Code ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}



code yang berwarna biru (#DDE4FF) adalah warna background kotak highlight korang, yang tu suka hati korang la nak letak warna ape² pun.

3. lepas tu Save.

CARA² MEMASANG:-
sebelum korang letak scripts/code, korang letak code ini dahulu <p class="alert"> kemudian selepas korang letak scripts/code, korang letak code ini pula </p>.

4. lepas tu korang posting la entry korang tu...dan tengok la hasilnya..

kalau korang tak faham just comment je nanti aku jelaskan. Kalau tak faham juga...erm..buat² faham je la ye...

"Selamat Mencuba"
Continue Reading...

6/23/2009

Toturial Membuat Kotak comment Blogger di Bawah Postingan


Ini just suka² nak buat Tutorial nak share dgn korang...Begini cara membuat kotak comment blogger yang berada dibawah postingan.



3. Kemudian klik "Save Setting"

ok..now, cuba uols tgk Blog uols dan cuba klik salah satu Artikal kemudian lihat hasilnya.., adakah kotak comment itu ada dibawah postingan uols atau belum?kalau sudah ade kotak tu di bawah artikal uols so cukup sampai sini je la. Tapi kalau belum ikuti langkah² berikut:-

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda tick kotak "Expand widget templates".
6. Lepas tu Uols cari Codeini:


<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>



7. Kemudian ganti code tersebut dengan code dibawah ini:


<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>


8. Lepas tu "SAVE".

Lihat deh hasilnya, cuba uols klik salah satu artikal uols, tgk kat bahagian comment dibawah..adakah uols berjaya???

Selamat Mencuba!!

Continue Reading...

6/14/2009

Tutorial Read More / Baca Selengkapnya di Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Tapi jika postingan uols terlalu panjang so ia akan membuat halaman utama uols penuh. If uols ingin sgt postingan uols yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selanjutnya untuk melihat selengkapnya so ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda (tick) pada cekbox "Expand Widget Template"
3. Cari code berikut di Template blog uols

<p><data:post.body/></p>

4. Kalau sudah jumpa, Ganti code tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu uols boleh change, contohnye jadi "Baca Selanjutnya".

5. Save Template.
6. Kemudian pilih menu Setting and than pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Save.
9. Ketika uols nak wat Entry Baru, kan disana ada 2 tab pilihan , yang "Compose" dan "Edit Html", so uols pilihlah Yang "Edit HTML", Maka secara automatik akan nampak code seperti berikut :

<span class="fullpost">

</span>

10. Letakkan entry atau artikel uols yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas code ini : <span class="fullpost"> sementara selebihnya yaitu keseluruhan posting letakkan di antara code <span class="fullpost"> dan </span>
11. selepas tu selesai......hehe

Selamat Mencuba...

If uols tak faham jugak sila² comment ok..nt aku ajar korang cukup²..haha
Continue Reading...

5/25/2009

Malu dan Tak tahu Malu

+Korang tak perlu malu jika:
Tidak mampu untuk hidup mewah seperti orang lain kerana berasal dari keluarga miskin.
+Tapi korang sepatutnya malu kalau:
Sanggup menyusahkan keluarga semata² untuk bergaya seperti orang kaya walaupun keluarga sudah cukup miskin.

+Korang tak perlu malu jika:
Pelajaran tak tinggi mana terpaksa berkerja membanting tulang pagi petang demi mencari sesuap nasi.
+Tapi korang sepatutnya malu kalau:
Pelajaran sampai ke luar negeri, kerja pun setaraf exsekutif tapi masih lagi berusaha keras untuk makan suap(Rasuah)..malu woh!!!!

+Korang tak perlu malu jika:
Tak mampu untuk berbahasa inggeris walaupun yang paling asas seperti thanks, welcome, dan sebagainya..
+Tapi korang sepatutnya malu kalau:
Bahasa inggeris cukup lancar mengalahkan mat salleh tapi tulisan jawi sepatah haram pun tak tahu hingga Alif Bata pun tak kenal..hahaha


Continue Reading...

5/22/2009

Tutorial Emoticon


If you are a blogger, and you often do blog walking, and then chatting on Guest book, you must know about the emoticons or small icons in the shape of head-animated icons that express the emotions of the writers. The emoticons become the means to explain more clearly about our emotions and feelings. Besides that, the Guest Book that becomes the place to chat will be more alive and varied.


If you want to add the funny emoticons to your Guest Book on your blog, you do not need to be confused because you will find many websites that provide the free emoticons on the internet. You only need to install the URL address in your Guest Book, or take the images/icons then upload them yourself.

Addemoticons.com is one of the websites that provide many funny emoticons, I think. Therefore, if you want to add or change the emoticons in your Guest Book, please visit at free funny emoticons .

Now, express your emotions by adding the emoticons in your Guest Book.
Continue Reading...

5/21/2009

heheheee....menjadi juga akhirnye..

just testing² je wat mcm ni...jadik juga ye...kuang..kuang..kuang..
Continue Reading...
 

..::CRAZY BLOG"S::.. Copyright © 2009 Summer cloud is Designed by Bie also edited by Eymma, August 7 ©2009