Jadikan Cursor Anda Berkilauan (sparkle)

hari ni aku buat tutorial aje lah ye...meh kite buat sparkle kat blog plak..hehehehe
korang follow step by step dari blog neh...aku copy paste lah kat sini..kalo korang nak tengok blog asal pon boleh jugak:) ini blog asal dia unwanted namanya

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.

code dia korang kena amik kat blog unwanted ni ye
 
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:     
contoh code ada kat blog unwanted ni..senang je okehhh


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

Senang bukan.?
Selamat mencuba.:)

Letak Icon Pada URL Blog

salammmmmmmmm....

adehhhhhhhhhh fenin aku lah feninnnnnnn....ekekekeke
tapi puas hati beb....aku dapat tutorial baru lagik..korang nak buat tak

meh belajo buat meh..takde lah icon kat atas tu gambo "B" je kannnnnnnnnnnnnnn
terima kasih pada blog unwanted neh

Mempunyai icon disebelah url sesebuah blog dapat menunjukkan treadmark sesebuah blog.
Pengunjung tetap juga biasanya akan dapat mengingati icon yang unik berbanding icon blogger yang biasa dilihat.

Ini kerana, default untuk icon bagi sesebuah blog adalah icon blogger yang berwarna jingga. Dan kini anda berpeluang untuk mengubahnya mengikut kesukaan anda dengan mengaplikasikan beberapa langkah di bawah.

Jika sebelum ini iconnya begini.

Apa kata kalau tukar menjadi seperti ini.

ataupun lain².:)

Sila pastikan anda mengikuti langkah yang diberi satu-persatu untuk memastikan semuanya berjalan lancar.:).


1) Cari Icon Kesukaan Anda.
Sebagai permulaan, pastikan anda mempunyai icon untuk dijadikan icon untuk blog anda.
Jika yang sudah ada, tiada masalah.
Jika masih mencari² icon yang sesuai, boleh juga lihat² dalam web berikut

http://www.freeiconsweb.com/index.html
http://www.gifanimations.com/
Atau jika masih tidak berkenan, cari je dalam google.:)

untuk icon ini, biasanya file gambar adalah format gif, jpg, jpeg, png. Anda boleh cari samada gambar yang static atau animated. Biasanya size (pixel) icon adalah 32x32 atau 34x34 atau 128x128. Untuk tutorial ini, jangan ambil file yang jenis .ico (sebab takut susah untuk upload nanti.)

Katakanlah, aku sudah ada icon, dan icon yang aku suka adalah ini.

2) Upload icon anda ke imageshack.us
Langkah seterusnya anda perlu uplaodkan gambar anda. Boleh gunakan apa² web hosting, imageshack atau photobucket atau lain². Tapi aku cadangkan imageshack sbb tak perlukan pendaftaran untuk upload.


Selepas upload sila pastikan anda ada direct link untuk gambar anda untuk dimasukkan dalam kod nanti.




Langkah seterusnya,adalah untuk letakkan code ke dalam blog anda. Oleh itu, pastikan anda login dahulu ke blog anda.

Langkah²nya adalah seperti berikut.

1)Dari dashboard blog, klik pada layout


2)Klik pada 'edit html' kemudian tick pada 'expand widget templates'


3)Seterusnya, anda hendaklah backup dahulu template anda dengan klik pada 'download full template'. Jika masih tidak faham bagaimana dan kenapa hendak buat backup ni, sila rujuk sinibackup template blog.

4)Daripada paparan skrin anda, klik edit, kemudian find. Dalam bahagian kotak dibawah, taipkan < /head>


5)Buka link dibawah untuk lihat code, selepas itu copy code yang diberi kemudian paste sebelum < /head>, selepas itu, gantikan dengan direct link icon anda dari imageshack yang anda upload.

KLIK SINI UNTUK PAPARKAN CODE

Seterusnya klik preview untuk lihat icon anda menjadi atau tidak, kalau menjadi, apa lagi, SAVE..:)


Diharapkan anda semua tidak menghadapi masalah untuk semua ini..
Pilihlah apa² icon yang cantik untuk blog anda.
Nanti bila tengok blog sendiri, baru bertambah semangat..:)

HAPPY BLOGGING..:)

Membina fungsi auto read more pada setiap post

macam2 belajo hari ni..hehehe korang nak tau camne nak ringankan blog dan macam2 ado..boleh pegi kat blog neh...bagus!! dan sangat senang...hari ni aku belajo camne nak buat post kite tu auto read more..so, tak serabut sangat.. sila2 lah mencuba ye...aku amik kat sini

Tutorial ini akan menunjukkan lagi cara untuk buat read more bagi sesebuah blog.
Sebenarnya kaedah ini sudahpun agak lama wujud dalam blogger.com, tetapi mungkin pengguna blogspot tidak perasan. Dan bagi blogger yang menggunakan template asal daripada blogger.com, kaedah ini amat mudah untuk diaplikasikan.


Berikut tutorial ringkas untuk buat read more yang sudah tersedia dalam blogger.com


1. Login ke akaun blogger anda, kemudian daripada dashboard klik new post.


2. Kemudian taipkan beberapa patah perkataan, kemudian diselangi oleh kod berikut. (Ini untuk test template anda sudah tersedia dengan kod penuh atau belum)

TUTORIAL : RAMA RAMA BERTERBANGAN DI BLOG

salam semua...

jenjalan kat blog ellen tadi nampak kupu2 yg comel dok berlegar2 kat blog dia tu..hehehe so, nak cuba buatlah jugak...agak2 sape tau camne nak tukar warne dia eh...sat lah nak cuba godek2...dah jadi kupu2 saye tu tapi warne tu tetap biru gaks...anyway, thanks ellen

korang boleh le cuba eh..copy paste dari blog sicantik manis ellen...mmuuaaaaahhhh

Tutorial ni adalah mengenai bagaimanakah nak buat Rama2 warna Biru tu berterbangan kat Blog kita ni..okies....ini cara cara nya ya..hehe

Langkah 1 :

Copy code di bawah:-

</span></span></span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; "><script type="text/javascript" src="http://nikbir09.ws/jeritanblog/btf_age01.js"></script></span><span class="Apple-style-span" style="font-size: 8.33333px; color: rgb(51, 51, 255); ">

 

Langkah 2:

Login ke Blogger, Klik Design

Kemudian pilih tempat dimana Anda akan memasang kemudian klik "Add a gadget"

 Pilih HTML/Javascript;

 Copy paste code HTML diatas ke dalam Content yang telah tersedia;

Kita akan dapat seperti yang ni...:-

Klik Save...

selamat mencuba ye...kredit tu ellen

TUTORIAL RINGKAS (CARA BUAT SCROLL UNTUK BLOGLIST)

masa menggodek2 dan berblogwalking terjumpa tutorial yg sangat senang dari blogger ni...so, aku copy paste lah pada sape2 yg nak tau cara2 nak buat scroll down bloglist korang...so, takyah le nak berjela2...hehehehe

kredit pada blog ni...sudi2 lah korang jenguk blog dia eh..sebab ada banyak tutorial dia buat..and for me senang le tak semak mata:) mrs sabri-thanks

LANGKAH PERTAMA MASUK KE 'PAPAN PEMUKA' ATAU DALAM BAHASA OMPUTEHNYA 'DASHBOARD' DAN KLIK PADA 'REKABENTUK'

LANGKAH KEDUA KLIK PADA 'EDIT HTML'

LANGKAH KETIGA TICK PADA 'KEMBANGKAN TEMPLAT WIDGET'

LANGKAH KEEMPAT SILA TEKAN CTRL+F PADA KEYBOARD KOMPUTER ANDA DAN PERHATIKAN AKAN MUNCUL SATU KOTAK KOSONG DI BAHAGIAN ATAS SEBELAH KANAN SEPERTI CONTOH DI ATAS..DALAM KOTAK TERSEBUT SILA TAIPKAN KOD INI  ]]>

Sila copy kod di bawah ini dan pastekan di bahagian atas kod yang sudah korang jumpa tadi..

                        #BlogList1 .widget-content { height: 675px; overflow:auto; }

#BlogList2 .widget-content { height: 550px; overflow: auto; }

Cuba lihat contoh di bawah ini : - 

Bila dah siap paste,bolehlah edit sendiri dia punya 'height' bersesuaian dengan kehendak korang ye..contoh 

kalau nak bagi rendah sikit dia punya ketinggian,buatlah sekadar 400px sahaja..yang aku punya ni ada DUA senarai bloglist iaitu untuk 'BLOGGER REMAJA' dan bloglist 'KU SUKA'..kalau korang cuma nak buat satu bloglist je,tak perlulah di tambah #bloglist2 tu ye..cuma buat #Bloglist1 cukup la..

Lepas siap semua tu bolehlah korang 'SAVE TEMPLATE'..dan lihatlah hasilnya..selamat mencuba..!! :)

Tutorial macam mana nak masukkan simbol dalam blog:)

Salam kengkawannnnn....

aku tak pandai nak modified blog nak bg cantik..selalu main ikut ape yg blogger dah sediakan je..ni pepagi aku tengok dak farra punya blog masukkan tutorial pasal simbol neh...

so, mari le sesama kite belajar..kalo korang nak masukkan le kannn hehehehe

korang nampak tak simbol ® kat my blog tu??? kalau nak buat korang kena taip le ® and save le kan...terpulang mana satu korang nak ye...

1- trademark TM kena taip  &trade ; = result ini ™ (sambung semua sekali perkataan & trade ;)
2- trademark copyright taip  &copy ; = result ini © (sambung semua sekali perkataan & copy ;)
3- trademark register  taip  &reg ; = result ini ® (sambung semua sekali perkataan & reg ; )

memula pi kat setting ye peh tu kat basic..korang modify kat title blog korang tu then taip code yg aku dah bagi kat atas...peh tu dah siap cuba preview dulu eh...kalau okehh korang save le

selamat mencuba ye kengkawannnnn...kredit to mamagojes aka farra!!!! korang boleh klik link dak farra ni kalau tak maham cara aku ni..almaklumlah aku pon bute IT...ekekeke

terima kasihhhh