Wednesday, 4 January 2012

Take Survey & Dapat Income

Sem baru !! arhh...pasti byk duit yang diperlukan betul tak..so, kiranya entri kali ni nak ajak korang sertai survey (kaji selidik) opz,, dengar je survey terus tak berminat kan...tapi survey ni lain sikit tau..jawab ja survey yang dipaparkan..duit masuk begitu je..nak try tak..ala, mari la..tak paya keluarkan modal pun..belum cuba belum tau kan :)
Ikut je step ini :
1. Register jadi member..camna nak register ?? Klik Sini je..
2. Lepas da register..korang boleh lah login menggunakan password yang korang create tadi..
3. Da login..tekan perkataan "SURVEY'' yang terpapar kat situ..masih binggung ?? tengok foto kat bawah ni..

4. Lepas da tekan "SURVEY", korang akan nampak seperti foto kat bawah ni..bila da nampak..just klik "Survey" je..


5. Soalan survey akan terpapar dan silalah jawab soalan tersebut (pastikan korang menjawab sehingga habis ye..selalunya ada 8 soalan)


Kebaikan sistem ni..
i) Akan dapat $ 14 untuk setiap survey yang diselesaikan.
ii) Dapat $ 15 untuk setiap partner yang join program affiliate korang.
iii) Dapat 20% pendapatan partner yang da join program affiliate korang.

Monday, 26 December 2011

Follow Guna Gambar

Tujuan tutorial kali ni ialah untuk tampil berbeza daripada blog lain dengan mengubah follow button kepada image yang kiut miut..
Icon boleh diubah mengikut cita rasa korang..Caranya mudah je..Jom try !!


1. Sign in Blog > Design > Add Gadget > Html/JavaScript

2. Copy dan pastekan kod di bawah ke dalam ruangan HTML/JavaScript

<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank"><img src="IMAGE URL" border="0"></a>


3. Gantikan BLOG ID dengan blog ID korang
4. Gantikan IMAGE URL dengan URL gambar yang korang nak letak
5.Save dan lihat perubahannya ^^


*Freebies untuk korang*
http://i1143.photobucket.com/albums/n634/PrinceSsVirGo09/437843yn4bmybu6n.gif

http://i1143.photobucket.com/albums/n634/PrinceSsVirGo09/469680y9dheoe2bu.gif

http://i1143.photobucket.com/albums/n634/PrinceSsVirGo09/493040srfqimnt77.gif
* Image kali ni tak berapa ok...sebab kejar masa nak tido..hahaa..next time akan upload yang lain lagi..so, rajin2 la melawat kat cni ya..

Mencantikkan Scroll Bar Blog

Kali ni nak buat tutorial yang simple dan cepat..sebab esok da start kuliah da..huhu (。◕︵◕。)
Tak tahu scroll bar tu apa...tengok contoh gambar kat bawah ni ye..


 Just follow step kat bawah ni...
1. Sign in blog > Design > Edit HTML
2.Copy kod di bawah..Tekan Ctrl F dan pastekan di kotak find..
]]></b:skin>
3. Copy kod di bawah dan pastekan di atas kod yang dicari tadi

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #6A0888;
}
::-webkit-scrollbar-thumb {
background-color: #D358F7;
-moz-border-radius: 10px;
border-radius: 10px;
4. Warna background scroll bar dan scroll bar boleh dtukar mengikut kesukaan korang
#6A0888 merujuk kepada warna background scroll bar
#D358F7 merujuk kepada warna scroll bar
Klik sini untuk kod warna..
5. Preview dan Save

Thursday, 22 December 2011

Tutorial Meletakkan Mini Icon di Blog Archive

Tutorial kali ni ialah tentang cara nak letak icon mini kat tepi blog archive tu...Contohnya icon yang ada dalam petak hitam kat bawah tu... Icon tu boleh pilih ikut cita rasa korang.. Icon statik @ animated boleh digunakan...
*Gunakan icon yang kecil sahaja...Icon yang besar akan menyemakkan blog archive korang...


1. Sign in Blog > Design > Page Elements > Blog Archive > Edit
*Pastikan setting STYLE kat blog archive korang tu ditanda pada Hierarchy (Kalau belum tukar ke setting tu)
2. Copy kod di bawah ni... tekan Ctrl+F dan pastekan dalam kotak search tu then enter
<a expr:href='data:i.url'><data:i.title/>
3. Delete kod tersebut & gantikan dengan kod di bawah
<a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>
4. Gantikan URL ICON dengan mini icon yang korang nak..
*Mini icon free ada kat bawah ni :) Pilih je yang mana satu..Semuanya terbaek dari ladang..hehe ^^

5. Done..Save and preview hasil kerja korang..comel tak ??

ANIMATED ICON
http://dl5.glitter-graphics.net/pub/423/423745xrxlw8t2qy.gif
http://dl7.glitter-graphics.net/pub/501/501657i92p8yxkrl.gif
http://dl3.glitter-graphics.net/pub/650/650813hs7chex7nq.gif
http://dl4.glitter-graphics.net/pub/434/434834mnz0ts3r2i.gif
http://dl.glitter-graphics.net/pub/718/718451lnl1yo559a.gif
http://dl4.glitter-graphics.net/pub/147/147894jk0hkxy1kn.gif
http://dl10.glitter-graphics.net/pub/718/718340lmhikd8pc2.gif
http://dl9.glitter-graphics.net/pub/2121/2121609jsiec779ph.gif

STATIC ICON
http://dl2.glitter-graphics.net/pub/574/574522sixw97tk3d.gif
http://dl4.glitter-graphics.net/pub/1040/1040064xw9vxyhvdd.gif
http://dl9.glitter-graphics.net/pub/1942/1942469ivrwbtozfy.gif
http://dl6.glitter-graphics.net/pub/1754/1754136bqzrz4m8n9.gif
http://dl9.glitter-graphics.net/pub/1914/1914399xjhm3sjedy.gif
http://dl3.glitter-graphics.net/pub/122/122443t6ldkt7jir.gif
http://dl4.glitter-graphics.net/pub/1597/1597864dcroeqh6lb.gif
http://dl5.glitter-graphics.net/pub/1891/1891505zwwd020ryc.gif

Cara Membuat Kotak Blockquote

Tutorial kali ni nak ajar cara nak buat kotak blockquote yang cantik...tak tahu blockquote tu apa...ni hah kotak merah kat gmbar bawah ni la yg dipanggil blockquote..mudah je..kalau korang nak bt blockquote..cuma highlightkan tulisan yg nak di blockquote then tekan butang blockquote seperti kat bawah ni..


Camni la lebih kurang rupa blockquote yang akan terhasil nnt...korang boleh ubah warna, border & backgroundnya ikut cita rasa masing2...caranya just follow the step below..



1. Login ke Blog > Design > Edit HTML >
2. Copy kod kat bawah ni lepas tu tekan Ctrl+F untuk cari kod ni...
.post-body {
3. Copy kod di bawah ni & pastekan di bahagian atas kod .post-body { tadi..
.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQOUTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }
CONTOH : 
.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQUOTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }
.post-body {
4. URL GAMBAR BACKGROUND BLOCKQUOTE yang ada pada kod di atas tu boleh diubah mengikut kesukaan masing2..Caranya ambil URL gambar yang korang nak lepas tu pastekan kat ruangan tu..Kalau malas nak cari gambar..kat bawah ni da ada gambar untuk korang pilih2.. :)


5. Border: 3px solid #FF0080 yang ada kat kod tu adalah ketebalan border blockquote korang...CONTOHnya kalau Border: 3px diubah kepada Border: 5px maka makin teballah border blockquote tu.. 
Perkataan solid tu boleh diubahkan kepada dashed @ dotted...ini merujuk kepada jenis border yang korang nak...Beza antara solid, dashed & dotted seperti kat bawah ni...

  • Solid      ( ____ )  
  • Dashed  ( ------- )
  • Dotted   ( ........ )

6. #FF0080 tu ialah warna border blockquote..korang boleh ubah ikut warna kegemaran masing2..Cara nak ambil kod warna klik sini..

7. Save dan lihat hasilnya..

*Kalau korang tak dapat buat tutorial ni..just tggalkan komen @ email ok..InsyaAllah saya akan membantu menyelesaikan masalah korang.. ^-^

Tiny Pink Polka Dots
http://www.mycutegraphics.com/backgrounds/pink/th-pink5.gif
Pink Butterfly
http://www.mycutegraphics.com/backgrounds/pink/th-pinkbackground1.gif 
Pink Flowers Background
http://mycutegraphics.com/backgrounds/bpw/th-bpw32.gif 
Tiny Purple Polka Dots
http://www.mycutegraphics.com/backgrounds/purple/th-prplebg3.gif 
Purple Stars
http://www.mycutegraphics.com/backgrounds/purple/th-prplebg4.gif 

Blue Heart Background
http://mycutegraphics.com/backgrounds/hearts/th-hrtbg107.gif 


Copyright © PrinceSsVirGo09 - http://princessvirgo09.blogspot.com/