tutorial : buat scroll box di blog archive

hai alls..

hari ni nak buat tutorial cara untuk buat scroll box untuk blog archive..tujuan buat scroll box ni supaya blog nampak kemas dan jimat space

dalam kotak merah tu lah scroll box

jom kita buat sama

1. Dashboard > Design > Edit HTML > tick Expand widget templates
2. tekan F3 dan cari kod <div id='ArchiveList'> dekat search box
3. Nanti korang akan jumpa kod <div class='widget-content'> sebelum kod <div id='ArchiveList'> yang korang cari tadi
4. Replace/ganti kod <div class='widget-content'> dengan kod ini

<div class='widget-content' style='overflow:auto; height:300px'> 

boleh ganti 300px dengan saiz yang korang nak

selamat mencuba..kalau jadi ke x ke boleh lah comment

ok bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : cara masukkan campaign Churp Churp ke blog

hai alls..

.....................previous tutorial....................

TUTORIAL : CARA DAFTAR AKAUN CHURP CHURP

sekarang nak ajar cara nak iklankan campaign2 churpchurp tu dekat blog..contohnya macam dekat blog saya yg buruk ni..hakhak

cara nak dapatkan campaign : akaun churpchurp > REWARDS > earn more


1. Dashboard > Design > Add a gadget > HTML/javascript

2. Copy dan paste code ni

<div style="background: #FFFFFF  repeat; repeat; padding: 5px; border:2px dotted #000000; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;"><center></center>

<center>

<a href="http://my.churpchurp.com/sampaicucuratap/share/churpchurp-invite/"><img src="http://i1156.photobucket.com/albums/p564/nurrawaida/th_logo-churp2_zps3a09663c.gif" /></a>

<a href="http://my.churpchurp.com/sampaicucuratap/share/NomNomDIC"><img src="http://my.churpchurp.com/buzz/img/11451/14731.jpg" /></a>

</center>
</div>

3. ATTENTION : ini adalah kod asas untuk masukkan campaign..untuk tambah campaign cuma perlu copy dan paste

<a href=" http://my.churpchurp.com/sampaicucuratap/share/churpchurp-invite/ "><img src=" http://i1156.photobucket.com/albums/p564/nurrawaida/th_logo-churp2_zps3a09663c.gif " /></a>

4. TUKAR warna purple dengan LINK campaign

link campaign

5. TUKAR warna biru dengan URL gambar campaign

gambar campaign

6. SAVE..boleh letak "Add a gadget" tu dekat atas tepi atau bawah..terpulang citarasa masing2..cuma perlu drag untuk tukar tempat

semoga cepat kaya !

KLIK sini pulak..saya pun nak kata..hakhak

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : cara daftar Churp Churp

hai alls..

dah tau apa itu CHURP CHURP ?
kalau belum tau boleh baca dekat sini

sekarang saya nak ajar cara daftar CHURP CHURP..lebih kurang macam daftar facebook..tapi lagi SENANG !

1. DAFTAR AKAUN CHURP CHURP ANDA DI SINI

nanti akan keluar macam ni kan

2. setup CHURP CHURP acount > update

3. tekan SETTING dan update profile..lengkapkan maklumat selengkap-lengkapnya..supaya senang CHUPR CHUPR nak hantar cek dekat rumah  > SAVE

4. tekan SURVEY tick mana yg suka > SAVE

5. tekan REWARDS dan masukkan campaign ke dalam blog atau fb atau twitter

.......................next tutorial...................

TUTORIAL : CARA MASUKKAN CAMPAIGN KE DALAM BLOG

jom jadi kaya dengan CHURP CHURP..hehe

ok bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : apa itu Churp Churp ?

hai alls..

orang dok kecoh2 pasal churp churp..benda apa churp churp ni ?
ok..churp churp ni macam Nuffnang jugak..die berfungsi sebagai agen pengiklanan secara online..
kita sebagai Blogger / Facebook tegar / Twitter tegar patut daftar..

Churp churp ni boleh dijadikan sebagai duit poket..lagi2 kepada blogger tegar yg online 24/7 macam aku ni kan..haha..

kerja kita senang je..daftar churp churp kemudian tepek campaign yg churp churp tengah buat dekat blog ke facebook ke twitter ke..bila ada orang KLIK iklan tu..KITA DAPAT DUIT !

haaa dengar duit je mesti teruja..kan kan..AS SIMPLE AS THAT people

dah ada akaun Churp Churp ?? BELUM ?? ok..daftar dekat sini

DAFTAR AKAUN CHURP CHURP

ok bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : cara buat scroll box

hai alls..

hari ni nak buat tutorial cara nak buat scroll box

tujuan scroll box ni untuk nampakkan blog anda lebih kemas, tersusun dan tak makan banyak ruang untuk sesuatu widget 

ok jom kita buat sama2

1. Dashboard > Design > Add a gadget > HTML/java script

2. copy code ni

<div style="width:400px;height:100px;overflow:auto; ">

widget yg nak diletak scroll box

</div> 

3. merah & hijau: adjust lebar dengan panjang ikut kesukaan..nak besar boleh kecikkan pun boleh

4. biru : masukkan link widget yg nak ditambah scroll box

5. save..tengok hasilnya

selamat mencuba

boleh tinggalkan jejak blog dekat comment

ok bai

tengok SINI pulak 

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : buat floating button FB, Twitter dan lain2

hai alls..

terlanjur aku buat floating button tadi..aku pun merajinkan diri buat tutorial sekali 

floating
button

cara nak buat die mudah je..

1. dashboard > design > add a gadget > java HTML

2. copy and paste code dibawah ni dengan hati yang senang

<----------------------------------->

<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:140px; right:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/sampaicucuratap' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdShSiyjKcijqzDZk7IX0ukGcIV0d1xrJ3lupOaI0YhBJCAgwQF0rw_ZHt29r4ANCoV7kxNEnf2_dytR9FNhn5cWnhHOWWDwDyswtDHIPz70Qsj9A4LGneypNOmU2Rv_tGSAbzy5qdhHo/s1600/Facebook-icon.png" /></a><br />

<a class='linkopacity' href='https://twitter.com/sampaicucuratap' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMR7tW0UeBBxf_Y4GddR2Crnxe4uw59K8H9-19ASzO-Q0bdGjEGnhIDDg-5rTbGHwDqfckG9Axqb-VVyFJX2zYOgax7bps1MMVJpP_drw4pbQr9cknYJuPFFIyw7TvQAJvabCnjs5Wqmk/s1600/TwitterIcon.png" /></a><br />

<a class='linkopacity' href='http://sampaicucuratap.blogspot.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO342641rS64IjmKC4ipP5aDzioHoqOabwE4Tiy8gzKBZ3xrJOa7Iu5Y6tKQaUqfNA36wovquOY4ReOGe4KDYlmPGaZQzInHAN0SrpJBJmTU1TMwzObsZB-vmkyaUsl_bLy_AoJljO5f4/s1600/blogger-icon-big.png" /></a><br />
</div>

<-----------------------------------> 

3. tukar code orange dengan url FB

4. tukar code hijau dengan url twitter

5. tukar code purple dengan url blog

6. kalau tak ada FB/twitter boleh delete satu perenggan code yang berkenaan (kalau tak ada twitter delete perenggan twitter)

7.  code warna pink tu merupakan url gambar dekat floating button..aku rasa tak payah pening2 so tak payah tukar..guna gambar standard aje ok..macam gambar yang dekat atas tu..

dah siap ? 

save dan view blog

kalau jadi ke tak jadi ke bagitau lah ye..selamat mencuba !

ok bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : tukar cursor untuk blog

hai alls..
haa sy dah tukar cursor..comel x comel x? hehe..so kali ni tutorial cara2 untuk tukat cursor yg comel2 ni..
 cara nak buat die pun simple aje..jd rugi tau kalau x cume..bolg jadi cantik..ramailah org datang..makin bertambah follower..

1. kene pilih cursor yg korang suke dekat sini http://www.cursors-4u.com

2. make sure jangan pilih yg animated..pilih yg biase2 je..takut nnt x jadi pulak..

3. bila dah jumpe cursor yg menambat hati..copy code die..yg dalam box atas sekali

nanti akan dapat code yg mcm ni tau..

contoh :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-6/foo507.ani), url(http://cur.cursors-4u.net/food/foo-6/foo507.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/28/lucky-charms-rainbow.html" target="_blank" title="Lucky Charms Rainbow"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Lucky Charms Rainbow" style="position:absolute; top: 0px; right: 0px;" /></a>

4. lepastu..delete code yg merah tu..tinggal yg atas tu je kan..

nnt akan jadi mcm ni je code tu :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-6/foo507.ani), url(http://cur.cursors-4u.net/food/foo-6/foo507.png), progress !important;}</style>

5. dashboard> design> add a gadget> HTML/java script

dan paste code dekat langkah 4 dan save

jadi x? kalau jadi bgtau ye..selamat mencuba

ok bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : buat signature dalam entri

hai alls

kali ni nak ajar cara buat signature dalam entri..mcm ni

haa cantik x? hehe..

ok cara2 die mcm ni..mula2 kene g link ni dulu

lepastu klik 'Using the signature creation wizard

lepastu masukkan nama..next step

lepastu siap..mcm ni

scroll bawah sikit jumpa ayat mcm ni 'Want to use this signature?' lepastu klik Generate HTML code

lepastu dapat mcm ni..klik 'Generate a code for my handwritten signature'..mcm dalam gambar bwh ni..kemudian copy CODE yang die bagi tu

dah copy CODE?

pegi balik Dashboard > Setting > Formatting

scroll sampai bawah sekali ade box 'post template'

paste CODE tadi dalam box tu dan save

tadaaa lihat hasilnya..haa boleh x? kalau boleh bgtau ye..selamat mencuba

ok bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : ayat pesanan di bawah entri

hai all

hari ini aku nak buat tutorial mcm mane nak buat pesanan sendiri dekat bawah setiap entri..contohnya macam nak suruh orang comment ke..nak merayu2 suruh org like or share ke..haa x faham ? ok2 contohnya mcm ni..

haa mcm tu lah..lagi best ayat lagi lah org berminat nak comment..aku x kreatif sgt so tu je yg paling kreatif kot..hehe..

cara nak buat die mcm ni..senang je..

1. dashboard..design..edit HTML..tick expend widgit templats

2. tekan F3 kemudian cari key <data:post.body/> 

3. dah jumpa? kalau dah jumpa copy code ni 

<hr/><center>PESANAN ANDA </center><hr/>

dan paste dekat bawah key tadi..

4. tukar PESANAN ANDA tu kepada ayat2 korang sendiri

5. save n tgk hasilnya

selamat mencuba 

bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : cara daftar akaun blogspot

Ini adalah kewajiban untuk menjadi seorang blogger..kalau xde akaun blogger..korang bukanlah seorang blogger..mungkin korang seorang penjual nasik lemak atau seorang yang suka membeli belah..ok abaikan..hehe..hr ni tutorial mengenai cara daftar akaun blogspot..tadaa

1. buat akaun google..paling senang buat gmail dulu..ok dah?
2. kalau dah ada..abaikan langkah 1 td..kemudian pergi ke sini www.blogger.com dan daftar.
3. CREATE A BLOG

 
4.CONTINUE..dan masukkan maklumat yg diminta tu ye..

5. TULIS NAMA BLOG..apa2 nama yg korang suka lah..hehe

6. Pilih template yang korang suka, ada macam2 jenis yg boleh dipilih kemudian klik 'continue'

7. Tadaa dah siap..bolehlah tulis entri yg berbagai2..dan follow blogger yg lain..termasuklah bloh SAMPAI CUCUR ATAP ni ye..

selamat mencuba..bai

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : hilangkan navbar dalam blog

ok..tutorial kali ni nak ajar mcm mane cara nak hilangkan navbar..apa itu navbar? navbar tu mcm ni :

haa inilah yg dinamakan navbar..yg sejak azalinya ada dekat blog tu..
cara 1 :
1.dashboard>design>edit HTML
2. tekan Ctrl+F (serentak) utk cari key ni : body {
3.kemudian paste key dibawah ni SEBELUM key body tadi..buat mcm dalam gambar..
------------------------------key
#navbar-iframe {
display: none ;
}---------------------------

save dan lihat hasilnya..selamat mencuba..

cara 2 : 

 bila anda tidak jumpa key body seolah2 mcm dalam gambar di atas tadi..

1.dashboard>design>edit HTML

2.tekan Ctrl+F (serentak) utk cari key ni : navbar
3.gantikan navbar 'display:block' kepada 'display:none'
contohnya mcm ni :

 dah siap save dan lihat hasilnya..tadaaaa kan dah hilang navbar

kalau nak buat button FOLLOW dengan DASHBOARD ni boleh tengok tutorial ni ye..
selamat mencuba =)

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : letak button Follow dan Dashboard

ok..rupe button Follow dan Dashboard ni mcm ni..dia duduk di atas sekali sebelah kanan :

kegunaan benda ni adalah untuk memudahkan pengunjung FOLLOW blog anda..sbb kebanyakan pengunjung malas nak scrool down untuk cari button yg tulis 'join this site' tu..lagi2 kalau jenis blog yg semak dgn mcm2 widget..dlm ms yg sama boleh meningkatkan jumlah follower..hehe

1. Dashboard>Design>Add Gadget>HTML/Java Script
2.paste
----------------------------------------------------------------------------------------------------------
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

--------------------------------------------------------------------------------------------------------
 

gantikan ID BLOG ANDA dengan ID anda sendiri mcm yg gambar atas ni.

paste mcm ni..lepastu save..tadaaaa dah siap ! dan save !
untuk HILANGKAN navbar boleh tengok kat tutorial hilangkan navbar ni ye
selamat mencuba bai =)

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : letak Linkwithin dalam blog

apa tu Linkwithin??..owh..Linkwithin tu mcm ni :

haa ni lah die..Linkwithin(LW) ni akan duduk dekat bawah post anda..kelebihan bila ada LW ni..bila pengunjung blog anda tgh baca entri..diorg akan tertarik dengan benda2 ni..lagi2 kalau tajuk entri dengan gambar tu gembak..contoh mcm Lisa Surihani mengandung ke..Neelofa buat plastic surgery ke..mesti depa klik punya..hehe..

Nak buat dia pun senang je..mcm ni..
1.Buka web www.linkwithin.com
2.Nanti akan nampak form mcm ni kemudian isikan dengan email blog korang..link blog korang..yg bawah2 tu ikut je..tp terpulanglah kalau nak tukar..

3.lepastu tekan Get Widget!
4.lepastu ikut je arahan yg die dah bagi..cume tekan install widgit>get widgit>kemudian drag pegi bawah post..mcm ni

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : automatik new tab bila klik link

hai..tutor ni berguna utk mereka2 yg suka buat link dlm blog..ini utk mengelakkan blok anda digantikan dengan link2 yg di'klik' oleh pembaca2 blog anda dan akhirnya blog anda akan dilupakan akibat pembaca2 tadi suka leka dengan link2 yg anda berikan itu..hehe..

mudah je..

1. Dashboard>Design>Edit HTML

2. Kemudian tekan Ctrl+F..nnt tiba2 akan keluar mcm satu search box..dekat box tu anda tulis perkataan ni : head

3.Nnt die akan tunjuk mcm ni :



4.copy ni

macam ni..



5.SAVE..ok dah boleh try berfungsi ke x..selamat mencuba credit to Cik Lyssa

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---

tutorial : Letak Link Dalam Post (TAG BLOG ORANG LAIN)

hai alls..aku pun mula2 xreti nak buat mcm ni jugak..lepas aku blog walking aku jumpa lah sorang cik adik ni..aku pun blaja lah..tup2 dapat buat..hehe..

1. type entri mcm biasa..mcm aku duk buat ni..
2. lepastu tulis nama ikut suka lah nak buh nama ape pun..nama blogger tu ka..nak tulis klik sini pun buleh..kirenye tu sekadar nama utk linkkan ke blog org tu..contoh mcm ni :



3.lepatu klik perkataan Link yg dekat atas tu kan..



4.paste URL dekat tempat yg mcm dalam gambar tu..

5.lepastu tekan OK..see the result..

credit kepada Cik Lyssa

---

awak kan baik..comment lah ye..like pun boleh..share lagi bagus

---