KA Design: November 2011

Ahad, 20 November 2011

Jom Buat Duit Dengan Churp Churp

hey korang!
sehat? dah makan? cukup tidur mlm td?
bgus2, semua ok2 je kan.
ha!
hari ni nak cakap pasal " Churp Churp "
ape tu churp churp? virus? bukan! spam? bukan jugak!
dah tu ape? boleh dapat duit ke benda tu? ya! betul dan tepat!
churp churp ni antara satu " part time job " la bagi aq.
senang sangat2 nak dapat duit dengan churp churp tau.
tak perlu susah2.
sebelum tu, daftar churp churp ni dulu
DAFTAR SINI
ha! burung biru kat blog ni , burung churp churp la. haha
kiut kan? mmg kiut~
ade jugak yang kata churp churp ni buang masa.
bagi aq, tak pun. sebab dapat duit. hehe
lepas dah klik link daftar tu. korang isi je semua yang diorg tanyakan ok.
korg cuma perlu login dgn facebook / twitter je
tak perlu nak buat account pun
lepas siap semua, korang pergi ke dashboard
korang mesti nampak ade kempen2 kat situ kan
tapi, kadang2 tak ade
ha! tu la sumber duit utk korg
korg cuma perlu share je semua kempen2 tu kat facebook / twitter
klau ada yang klik, kompem dpt duit. masyukkk
20 - 40 sen satu klik
dan klau ade yg daftar sebab korang invite kat facebook / twitter, dapat RM1 tau!
klau la ad 10 org daftar atas invite korg. dah brape tuh?
byk kan? simple kan? mudah kan? easy kan?
lepas tu klik sini KLIK SINI & KLIK SINI
aq baru je daftar churp churp ni tak sampai seminggu pun, dah byk yg masukk
klau korang dapat RM100, pihak churp churp ni akan hantar CEK kat umah korg
best kan. dpt beli album korea banyak2 la lepas tu.
hehe.
rasanya tu je kot maklumat pasal churp churp ni. so, selamat sharing2.
jelas semuanya? daftar sini DAFTAR KAT SINI

eh2, sebelom tu, ni ada satu lagi yg macam churp churp.
100% macam churp churp, cuma website je laen,
jom daftar SINI
lepas tu korg kena klik ni
KLIK SINI
KLIK SINI

Sabtu, 19 November 2011

HQ FT Island Pic.

anyeong. nah ambik ni. gambar HQ[ high quality aka kialiti tinggi] FT Island untuk semua Primadonna di luar sana. terutama Wawa_waffle & Chingu Myam.

tkn Ctrl + klik pada gambar kemudian save ok. ^^

Jumaat, 18 November 2011

Tutorial Blog : Buat Navbar Anda Sendiri

hey korg! lame tak buat tutor. kali ni tutor pasal navbar
cakap pasal navbar, dah jadi trend skarang ni buat navbar sendiri. boleh tulis ucapan slamat datang ke , follow ke twitter & facebook pun boleh. macam2 lagi la. blog ni pun ade satu kan. kiut tak? tak? huis, lame duk fikir idea nak buat tadi tuh. hehe. ok, jom kita teruskan dgn tutor ni.

mula2, cari code ni

<head>

lepas tu, paste code ni atas code head tu tadi.

<div style='position: static; top:0px; right: 0px; width:100%; position:fixed; padding:3px;border-radius:0px; background:#CACAFF; opacity:1.0; color:#000033; font-size:15px;text-align:left;text-shadow: 2px 2px 2px #666699;'><marquee><center>Hey ! korg dah masuk blog budak korea ! selamat datang dan selamat membaca . follow jika sudi . share is care .</center></marquee></div>

♥ = warna background

♥ = warna tulisan

♥ = shadow/bayang2 tulisan

♥ = warna shadow/bayang2 tulisan

♥ = ayat korang

♥ = jadikan tulisan bergerak

code warna : klik

shadow pada tulisan akan jadikannye lebih cun lagi! warna shadow tu pun boleh tukar. klau tak nak gerakkan tulisan/ayat2 korang, buang je ke 2 2 code marquee tu ok. aq lebih suka bergerak sebab nampak aktif je blog.
preview dan save.

ok la. dah ngantok sangat2 ni. nak taip pun dah malas. ok la. harap2 jadi la tutor ni. salam korg sume.

Rabu, 16 November 2011

Tutorial Download IDM [ Internet Download Manager ]

ok, hari ni kita blajar cara2 untuk download internet download manager yang full ver.

senang je, mula2 download IDM ni : klik

nanti dia akan kua macam ni

lepas tu, klik link yang dibulatkan tu.

klau dah habis dload IDM tu, install macam biasa.

lepas install, dia akan tanya serial number untuk full ver.

korang ambik je salah satu serial number ni.

W3J5U-8U66N-D0B9M-54SLM
EC0Q6-QN7UH-5S3JB-YZMEK
GZLJY-X50S3-0S20D-NFRF9

sebelum masukkan serial number ni, korang mesti disconnect dulu internet connection korang. sebab kalau korang daftar IDM secara online, dia akan dapat kesan yang korang guna serial number yang fake.
aq sarankan korang copy serial2 kat atas tu dalam notepad dan save kat dekstop. sebab IDM ni akan check serial number ni skali skala dan dia akan kesan serial yang fake. klau dia dapat kesan, korang ulang balik step kat atas tu. masukkan je balik serial yang lama tu. dan klau jadi lagi, ulang3 lagi. hahaha.
lepas dah daftar serial tu, boleh la nak online balik & korang download la sampai lebam bijik mate. hua3. ^^
sekian. trimas.

Jumaat, 11 November 2011

Tutorial Blog : Gerakkan Header [ Hover ]

Design > Edit HTML
cari code ni

/* Header

tambah code ni kat bawah code tadi

#header:hover{
padding-left: 30px;
-webkit-transition-duration: 1s;
}

jarak padding boleh ditukar. biasa digunakan 30 / 50 px la.
preview dan save
#malas nak taip banyak2

Tutorial Blog : Buang Navbar

Design > Edit HTML
cari code ni

#navbar-iframe { display:block; }

kemudian, gantikan code tu dengan code ni

#navbar-iframe { display: none; }

preview dan save.

#malas nak taip banyak2.

Tutorial Blog : Tukar Warna Highlight Versi 2 [ Shadow ]

hai3, ni nak tukar warna highlight versi yang ke 2. klau nak buat yg versi 1 baca ni : klik
versi kali ni kita buat kawasan yg kita highlight tu jadi kua bayang2 / shadow.
Design > Edit HTML
pastu cari code ni

body {

kemudian tambah code ni kat atas code tadi

::-moz-selection {
text-shadow: 2px 2px 2px #666699;
color: #000000;
}
::selection {
text-shadow: 2px 2px 2px #666699;
color:#000000;
}

yang ' color ' tu warna tulisan bila dah highlight dan warna shadow boleh la nak ditukar.
code warna : klik
preview dan save.

Tutorial Blog : Tukar Scroll Bar

kita teruskan ke tutor kita la ye.
mula2 pergi ke Design > Edit HTML

lepas tu, cari code ni

]]></b:skin>

lepas tu tambah code ni kat atas code tadi

::-webkit-scrollbar {
height:12px;
width: 10px;
background-color:#ffffff;
}
::-webkit-scrollbar-thumb {
background-color:#666699;
-moz-border-radius: 10px;
border-radius: 10px;
}

warna boleh tukar. code warna : klik
klau nak jadikan empat segi, buang code ni

-moz-border-radius: 10px;
border-radius: 10px;

tutor ni hanya menjadi kalau guna google chrome. klau guna firefox / opera tak boleh la.

Tutorial Blog : Letak Tandatangan Bawah Entri

hari ni, 11.11.11. selamat hari sebelas blogger sume. ok, ni nak bagi tutor untuk letak tandatangan lepas korang tulis sesebuah entri tuh. senang je.
ni step2 dia.

mula2, pergi ke Design > Edit HTML > Expand Widget Templates

cari code ni.

<data:post.body/>

kemuadian tambah code ni kat bawah code tadi.

<p><div align='right'><img src='URL GAMBAR'/></div></p>

tukar url gambar dengan gambar tandatangan korang. klau korang nak tempah dengan tuan blog ni pun boleh. just bace entri ni : klik
klau dah siap, preview dulu baru save. ^^

Freebies : Gambar Ucapan Salam

seperti mana yang tuan blog janji tadi, nak bg gambar ucapan salam kan. ok, ni dia ada 5 warna untuk dipilih. font pun ok. kalau nak tempah pun boleh. ^^

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecpvbL4arAD_deg-s8a4qattApc9O1q-P71i7qZWTEe4tIzoE-MOQ1uo39Sj3ion6m3vpp41S11o3i46iR1A0Qw1VhizgrX7yMfjsrUOhEApydjZoX6z2fZO14FQGXvJ2XW8zHPzaDgcm/s1600/salam.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjof5hMoUdO3hdtV4cD1NdNYCaWV5T2dZsaVrsMHkW5dX2vlAHkFhrtPVKMqFXYkmAwaHlwAnd4uB-LILoGZvHfJ7h9nqWoOToO9ysRxlUVTZbbUvSpJw_gRI2e7VwBjBvtYnQ55gkv82ku/s1600/salam2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY74yaNZV33Ui7LIVa4_K7GLZMy9yUgFb0-J4GFvBxIv4bFSFj24GdMHGpxtXi9rugRwF3cfhis-mqKLZvddGKBQLDohOmZUDPahjxHAbTZ1RDONnbYRGYZEx5voPfi9ugjGt4LudeunkZ/s1600/salam3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBosAOqQn88XuIomhDdpAePIhBs3EbZWI0MLyxmC8PB_vyMC1AHuC-p3-Fbbf7mLi8pCAPnWgCOGmJv32ejcoq5H8u8J864G_5BeBqmnr1BZ2sIbuRwf-Anp3fV8nPlU9xEFJZ6xtf2KPV/s1600/salam4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglijCl7aJI7VPWQ3cLN1ABDtmtczJTsKHRsmfD2ypmE7K69rIHZ8wchpJM0ujpMtU29TN0kMTISwtL54re0gBcGPp_RZCJhKLbdzfvgoaaS5vtLBgmCkfdfGLeyNd1jBIWl2Z-MbcAzP_/s1600/salam5.png

Tutorial Blog : Letak Ucapan Salam di atas Entri

hai korang sume. lepas tuan blog kaji macam mane nak letak salam kat atas entri kita, akhirnya jumpa jugak. simple je. ok, kita teruskan dengan tutor kita ni.

mula2 pergi ke Design > Edit HTML > Expand Widget Templates

lepas tu cari code ni.

<div class='post-body entry-content'>

lepas tu, tambah code ni kat bawah code tadi.

<div align='center'><a href='' target='_blank'><img src='URL GAMBAR'/></a></div>

ganti url gambar tu dengan gambar yg ada ucapan salam ok. nanti tuan blog akan buat freebies gambar ucapan salam ye. tungguuu~ ^^
preview dulu, baru save.

Tutorial Blog : Tukar Warna Highlight

assalamualaikum. tengah2 malam pun sempat nak update blog. hehe. ok, ni tutor nak tukar warna highlight kat blog supaya nampak lebih cun blog korg nanti. jom ikut step2 ni,

mula2, cari code ni.

body {

lepas tu, tambah code ni kat atas code tadi.

::-moz-selection {
background: #666699;
color: #000000;
}
::selection {
background:#666699;
color:#000000;
}

background tu warna highlight dan 'color' tu warna tulisan bila dah dihighlight.
nak tukar warna klik sini : klik
itu saja. preview dulu. baru save. ^^

Khamis, 10 November 2011

Tutorial Blog : Buat Bayang2 Pada Tajuk Entri

assalamualaikum. korang pernah nampak kan kat blog2 lain yg kt tajuk entri atau tajuk sidebar diorg ada macam bayang2. tu akan buat blog kita lebih kemas dah cantik lagi. baru je jumpa code ni tadi. hampir berminggu2 duk try nak wat code ni. hehe. ok ni dia step2 nak wat bayang2 kat tajuk entri & sidebar.

Tajuk Entri
mula2, cari code ni.

.post h3 {

pastu, tambah je code ni kat bawah coe tadi.

text-shadow: 1px 1px 2px #666699;

Tajuk Sidebar
cari code ni.

h2 {

pastu, paste je code macam kt tjuk entri tu kt bawah code tadi.

text-shadow: 1px 1px 2px #666699;

warna bayang2 tu boleh je klau nak tukar, ni code warna : klik
preview dulu baru save.

Rabu, 9 November 2011

Freebies : Background Titik-titik

assalamualaikum. wah, best betol layan drama thousand days promise ni! dah 7 ep pun. ep 8 belom ade sub . kne tggu dulu la jawabnye. korg pun tgk la jugak drama ni k, betol2 best. tak tau la klau korang tak suke. ikut cita rasa korang la. ok2, nah ambik ni ada background free utk blogger2 sume. ^^
klau tak tau nak tuka bg, bace tutor yang lepas k.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj73nWfRxKbb29aBrxNzwrcQImLzZnxzMcv1ey5EQPIscDTjXX7K9soYiRHEPdWzRfkuEauFI0w51WAWlEr07aXgJAJOPUjHRsc_PcZpzjy8GiOHcTqflm6feqBnjuFZOphggnasy0x3zpr/s1600/bg5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNC8uNpnKXp1XbFtmEC8TNosUsVmlkckwPieWPGG-hKmJxJqeytKoKDm2M_NhZ8Ehm5RxrWmxp3p5J8CzBAZviGbfYXRYPPbmOeEXuWcjhbkEypv5zllQe8gHxY1UrqgHKzITvE4ZFesX/s1600/bg4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixMUL_o1WO86Yih1rz9FAJRjHX31Tvf5OHS5DbgrTDZIN6fzsJjABJm0r7au20DVSzjwA0LE4p1WpYKimpf1kgX4ASCCT14yVsGJshXGSbMS00BeYulS3BO-hiY7F4vmqAMdmPUeEZyjMQ/s1600/bg3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Z0aZaF3moGrhOqK5C4GWCczbV5B2EoroRPaT02TR-LXsIVg0YEjpMbcDDNPKBzQe22-xHXiVfBlT6tWVZqC3lt-Szpcg_DdWv_n8Ckyf7DtI0V-eY_NXkTU9PZAY2pRyrryBX0L7-B-P/s1600/bg2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnqiM8CMakp0IzbWsc2LVb1y-1rISpkgptthLJsmtNARtr0iyWfuDEUtbZiMouTw_XxL_A7RA6OY05IvoIt4eVwAW1R2kIuuzdPGCErKqCjUr5qXXsDkqBY8ajLy3RXL9Gs8o_MFdo0Du/s1600/bg1.png

Tutorial Blog : Kurangkan Opacity Gambar Bila Disentuh Cursor

assalamualaikum. hari ni nak bagi tutor cara2 nak kurangkan opacity gambar bila kene ngn cursor. kurangkan opacity tu berkamsud, nak jadikan gambar tu macam blur la. macam kat blog ni. ok, ni step2 dia.

mula2, cari code ni.

a:hover {

klau tak jumpa, cari code ni pulak.

body {

lepas dah jumpa, tambah code ni kat bawah code tadi tu.

a img {
-webkit-transition-duration:.3s;}
img:hover {filter: alpha(opacity=80);
opacity: .8;

}

angka yang diboldkan tu boleh tukar. ikut la brape % korang nak kurangkan. 80 tu maksudnya, 80% je gamba2 dalam blog korg akan kelihatan. paham? tak paham? buat2 paham dah la ye. klau tak jadi tanya tuan blog kat chatbox ok. ^^

Isnin, 7 November 2011

Freebies : Background Garisan Menegak

assalamualaikum. line tenet still belom ok. tension2. walau pape pun, blog tetep kene update. ok, ni ade satu backgroung free untuk blogger2 sume. pilih la warne feveret korg ye ^^

http://img847.imageshack.us/img847/2940/27369275.png

http://img840.imageshack.us/img840/8269/47236507.png

http://img854.imageshack.us/img854/8300/33949118.png

http://img265.imageshack.us/img265/9214/97732194.png

http://img225.imageshack.us/img225/1340/14073570.png

Ahad, 6 November 2011

Tutorial Blog : Buka Blog di Handphone [ Enable Mobile Template ]

assalamualaikum. ok, tutor ni tak berkaitan pun dengan code2. ni simple je.
blog biasanya dibuka ngn PC. tapi ade jugak yang bukak blog ngn henset. nak2 henset yang ade wifi. perghhh , boleh on9 24jam. klau la umah ade wireless. klau guna broadband pun boleh jugak. ambik sim kad broadband tu pastu sumbat lam henset. on9 la sampai lebam.
berbalik kepada tutor kita tadi. ok, mula2 pergi ke Settings. kemudian pilih Email & Mobile. pastu korang ade nampak " Show mobile template " kan. pastu korang tanda " Yes. Show mobile template on mobile devices ". last korang pulih la templete yang korang suke. yang mobile ni tak banyak pun template dia. cuma yang simple2 je. dan kita tak boleh nak edit template tu. pastu save. klau nak try tengok macam mane hasilnya, try la bukak blog korang kat henset. tapi aq sarankan jangan pakai kredit. nanti tak pasal2 kredit korang habis. hehe. ok, tu je step2 nak enable mobile template. sekian. selamat mencuba.

Tutorial Blog : Buat Border Pada Chatbox

assalamualaikum. kali ni nak nuat tutor untuk tambahkan border pada chatbox korg. macam chatbox kat blog ni. border akan buat chatbox nampak lebih kemas.

Design > page Element > add Gadget > HTML

paste code ni.

<div style="border-radius:5px; border: 1px dashed #666699; padding-bottom:5px;">

CODE CHATBOX</div>

saiz radius boleh tukar. radius tu, lengkok pada border tu nanti. yg 1px tu saiz border tu sendiri dan dashed boleh ditukar dengan dotted atau solid. untuk tengok macam mane jenis solid , dotted , dashed tu, baca entri yg sebelom ni. warna nak tukar pun boleh. code warna : klik
kemudian save. klau tak jadi try lagi. tak jadi jugak, tanya tuan blog kat chatbox ok. ^^
kalau nak buat border untuk gadget lain pun boleh. macam gambar ngn banner blog ni pun ada border jugak.

Tutorial Blog : Tukar Garisan Tepi Entri

assalamualaikum. tutor kali ni pasal nak tukar garisan kat tepi entri / post korang. macam tutor yang ari tu, cara nak buat border. klik
kita tukar garisan border tu kepada 3 jenis, putus2, titik2, atau garis biasa.

mula2, cari code ni [ tekan F3 ]

.post {

kemudian, tambah code ni kat bawah code tadi

border: 2px dashed #666699;

2px tu saiz border dia, biasa 2px la tak terlalu besar. dashed boleh ditukar dengan solid atau dotted.

solid : __________
dotted : ....................
dashed : ----------------

warna pun boleh tukar. ikut warne feveret korang la.
ni code warna HTML : klik

paham? preview dulu tau, baru save. klau tak jadi, tanye tuan blog kat chat box. sekian

Freebies : Header Mata & Mulut [ 700 X 400 ]

assalamualaikum. ni ade lagi satu header free dari tuan blog. rajin pulak rase nak buat header ni. hehe. tak salah kan. kali ni simple macam biase. gambar mata. senyum nampak gigi. sila la ambik satu kalau berkenan.save dulu tau. baru upload maca biasa. jangan guna URL ni. takot2 link burn / expired.

http://img847.imageshack.us/img847/5994/25921181.png

http://img812.imageshack.us/img812/6530/98772520.png

http://img263.imageshack.us/img263/5082/96003579.png

http://img856.imageshack.us/img856/1803/56164816.png

http://img443.imageshack.us/img443/2239/69518832.png

Freebies : Header Katak Comel [ 700 X 400 ]

assalamualaikum. memandangkan line internet dah ok. ni ade satu lagi header free untuk korg. ambik jangan tak ambik. save gambar tu kat pc korg pastu upload maca biase ok. jangan guna URL ni sebab takot2 link burn / expired. ^^

http://img706.imageshack.us/img706/2449/44059485.png

http://img38.imageshack.us/img38/738/92057607.png

http://img819.imageshack.us/img819/4962/95208359.png

http://img819.imageshack.us/img819/6513/53678249.png

http://img507.imageshack.us/img507/7136/28897775.png

Freebies : Header Matahari [ 700 X 400 ]

assalamualikum. ni ade satu lagi freebies header. kali ni gambar matahari pulak. macam biasa, saiz : 700 X 400.

http://img269.imageshack.us/img269/5947/he5b.png

http://img268.imageshack.us/img268/2841/he4j.png

http://img689.imageshack.us/img689/9413/he3w.png

http://img412.imageshack.us/img412/6854/he2.png

http://img204.imageshack.us/img204/8971/he1.png

Sabtu, 5 November 2011

Freebies : Header Bear & Bintang [ 700 X 400 ]

assalamualaikum. spe nak header free? angkat mouse masing2. haha. ni ade header yg baru je buat tadi. simple je. ade 5 warna. pilih la yang mane korang suke. saiz 700 X 400. pastikan saiz header korang same ngn saiz header ni tau. klau nak tukar saiz header, bace ni : klik
klau rase nak tempah, tempah la. nanti tuan blog buatkan yg kiut miut untuk korg ok. hehe. pastikan korang save dulu header tu ok. takot2 link tu burn / expired pulak. susah nanti. lepas save tu, upload macam biase. tak kan nak tukar header pun nk kene buat tutor. ^^ semua ni transparent ye.

http://img407.imageshack.us/img407/197/header5.png

http://img849.imageshack.us/img849/282/header4g.png

http://img40.imageshack.us/img40/1697/header3e.png

http://img846.imageshack.us/img846/4390/header2m.png

http://img62.imageshack.us/img62/8546/header1uv.png

Tutorial Blog : Dapatkan Full Code Blog

assalamualaikum. nak tau rahsia? nak dapatkan full code blog? ha! senang je.
mula2 pergi ke blog yg korg nak dapatkan code die. pastu tekan Ctrl + U . kemudian, kluar la sume code blog tu. simple kan?
tolong jengan guna cara ni untuk jadi copycat ye. ^^

Jumaat, 4 November 2011

Freebies : Background Matahari

http://img708.imageshack.us/img708/1240/sun1.png

Freebies : Butang Follow , Dashboard & Back to Top Part 2

assalamualaikum. ni nak share butang yg bru je siap buat ni. tak tau la korg suke ke x. klau tak suke pn xpe. tuan blog ni nak bagi kt org yg suke je. hehe. nah ambik ni. ^^

http://img714.imageshack.us/img714/5388/up1b.png

http://img839.imageshack.us/img839/4294/follow1.png

http://img803.imageshack.us/img803/9112/dash1.png

Tempahan Header Percuma Dibuka

assalamualaikum. tuan blog rase rajin semacam je lepas exam. nak buat header free untuk blogger2 semua ni. sape nak angkat laptop masing2! hehe. nak tempah tak? free je ni. tangan tuan blog ni tak la kreatif sangat. tapi blog ni 100% hasil tangan tuan blog. termasuk header , background , footer , butang2 float. ok la setakat buat header yang biase2. klau nak tempah, post kat chatbox atau guna cara ni.

1. email
- nua.korea@yahoo.com
- sertakan saiz header , gambar [ klau ade ] untuk diedit ke dlm header , tajuk blog [ nak buat kt header tu ] , warna header

2. add tuan blog kat fb
- facebook.com/nua.sun
- inbox saiz header , gambar , tajuk blog , warna

klau tak tau saiz header korang, bace entri ni dulu : klik
selain header, boleh request butang follow , dashboard , back to top , footer , background & lain2.

Tutorial Blog : Tukar Background Blog Cara add Gadget

assalamualaikum. biasanye kite tukar background dgn care edit HTML. tapi ni cara yang lebih senang. dgn cara add Gadget. step2nya

Design > Page Element > add Gadget > HTML

letak code ni

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B%20background-image%20%3A%20url%28%22http%3A//URL GAMBAR%20%22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20repeat%3B%20%20background-attachment%20%3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cscript%20type%3D%22text/javascript%22%3E%0Avar%20div%20%3D%20document.getElementsByTagName%28%27body%27%29.item%280%29.appendChild%28div%29%3B%0A%3C/script%3E"));</script>

kemudian save. klau tak jadi try lagi. klau tak jugak, bagitau tuan blog kat chatbox ok.

Tutorial Blog : Tukar Background Post + Sidebar

assalamualaikum. ni ada 2 tutor yang basic. tukar background post dan sidebar.

Design > edit HTML

Post
cari code ni [ tekan F3 ]

.post {

paste code ni kat bawah code tadi

background-image:url(URL GAMBAR);background-repeat:repeat;

preview dan save

Sidebar
cari code ni

.sidebar {

paste code ni kat bawah code tadi

background-image:url(URL GAMBAR);background-repeat:repeat;

preview dan save

Tutorial Blog : Letak Background Untuk Quote

assalamualaikum. kadang2, entri kita ada quote. kite bleh letak background untuk quote tu. untuk nampak lebih cantik setiap entri korg tu.

ok, ni step2nya.
Design > edit HTML

cari code ni [ tekan F3 ]

.post blockquote {

lepas tu paste code ni bawah code tadi

background-image:url(URL GAMBAR);background-repeat:repeat;

klau nak lebih kemas, tambah cod ni

border-radius:10px;
border: 1px solid #666699;

saiz radius dan border boleh ditukar. warna border pn boleh tukar.
code warna HTML : klik
preview dan save

Tutorial Blog : Letak Butang Follow + Dashboard + Back To Top

assalamualaikum. ni tutor nak latak butang yang float. tutor 3 dalam 1.
biasanya, dashboard ada ni sebelah atas kiri/kanan. sama la dengan butang follow
tapi butang back to top ada kat bawah sekali. sama ada kiri/kanan

first
Design > page Element > add Gadget

Dashboard

<a title="Dashboard" href="http://www.blogger.com/home" style="position: fixed; top: 5px; left: 5px;"><img src="URL GAMBAR" /></a>

<a title="Follow me" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG KORG" style="position: fixed; top: 5px; right: 5px;"><img src="URL GAMBAR" /></a>

<a title="Up Up" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL GAMBAR" /></a>

gambar butang follow + dashboard + top : klik
cara dapatkan ID blog : klik

Tutorial Blog : Ketahui ID Blog

assalamualaikum. senang saja nak dapatkan ID blog korg. ID blog ni penting.
ok, ni cara2 nak dapatkan ID blog.

Dashboard > New Post

lepas tu klua tengok URL bar tu. kat blakang tu la ID blog korg

Freebies : Gambar Back To Top + Dashboard + Follow

assalamualaikum. ni nak share gambar utk butang dashdoard , follow dan back to top. 100% hasil tangan tuan blog. sori ye, tak kiut sangat. nanti akan buat yang kiut2 lagi lepas ni. ^^

dashboard

http://img525.imageshack.us/img525/6730/dashr.png

http://img847.imageshack.us/img847/7927/followfloat.png

http://img64.imageshack.us/img64/5595/jumpup.png

Tutorial Blog : Tukar Background Tajuk Sidebar

assalamualaikum. nak tukar background tahuk sidebar? ni dia cara2nya

Design > edit HTML

mula2, cari code ni [ Tekan F3 ]

.sidebar h2 {

lepas tu paste code ni kat bawah code tadi

background-image:url(URL GAMBAR);background-repeat:no-repeat; background-position:center;

preview dan save.

Tutorial Blog : Tukar Saiz Header

assalamualaikum. ni cara untuk tukar saiz header korg. klau tak suka saiz header korg yg skrang ni sbb terlalu besar ke terlalu kecik ke. boleh la tukar.

ok, ni step2 nya

cari code ni [ tekan F3 ]

#header-wrapper {

lepas tu, korg mesti jumpa ni

width:900px;
height:400px;

selepas jumpa, korg tukar la saiz header korang tu.

tu contoh saiz header blog ni

Tutorial Blog : Buat Border Pada Blog

assalamualaikum. biasanya, blog tak ada pn border. kalau nak cantikkan lagi blog, tambah la border supaya nampak lebih kemas.

contoh border

ok, ni step2 nya.

Design > edit HTML

cari code ni [ tekan F3 ]

.post {

paste code ni bawah code tadi

border-radius:20px;
border: 3px solid #666699;

korg boleh tukar saiz radius dia. radius tu lengkok pada bucu2 blog korg tu. contoh gambar kat atas ty saiz radius 20px. nak buat 10px pn ok.
saiz border pn boleh tukar. macam gambar kat atas tu saiz border 3px. warna pun boleh tukar. ni code HTML warna : code warna

preview dan save.

Tutorial Blog : Letak Gambar Sebelah Tajuk Post

assalamualaikum. untuk cutekan blog, tambah gambar kecil kat sebelah tajuk post korang. pastikan gambar tu saiznya kecil je tau. besar2 nanti tak muat.
cara2nya :
Design > edit HTML

cari code ni [ tekan F3 ]

.post h3 {

kemudian, paste code ni selepas code tadi

background-image:url(URL GAMBAR);background-repeat:no-repeat; background-position:bottom left;

kalau nak gambar2 cute jenis .gif pergi kt site ni : Cute .gif
preview dulu baru save.

Tutorial Blog : Bilangan Reader Online

assalamualaikum. tutor ni adalah utk kita dapat tahu berape org yang tengah singgah blog kita. boleh tambah ayat sendiri. buat la ayat2 yang kreatif cikit. ^^
Design > Page Element > add Gadget > HTML

<center>AYAT PERTAMA <script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://URL BLOG.blogspot.com/"></script> AYAT KEDUA</a><br /></center>

kalau tak nak latak ayat pertama pun tak pe.

Tutorial Blog : Disable Right Click Tanpa Alert

assalamualaikum. ni code utk disable right click tanpa ada alert. macam kat blog ni.
Design > Page Element > Add Gadget > HTML

<script language=javascript>
var message="right click disable";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.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("return false")
// -->
</script>

Tutorial Blog : Disable Highlight

assalamualaikum. ni tutor nak disable highlight kt blog korg. klau korg tak nak hasil kerja korang kena copy buat la care ni. tp blog yg ada tutor tak payah la guna ni. susah org nak copy code nanti. ok. blog ni telah disable right click, so klau nak copy, highlight code & tekan Ctrl + C . macam kat sidebar tu.
pergi ke Design > Page Element > Add Gadget > HTML

<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>

Pisang Goreng Panas!!

Ahad, 20 November 2011

Sabtu, 19 November 2011

Jumaat, 18 November 2011

Rabu, 16 November 2011

Jumaat, 11 November 2011

Khamis, 10 November 2011

Rabu, 9 November 2011

Isnin, 7 November 2011

Ahad, 6 November 2011

Sabtu, 5 November 2011

Jumaat, 4 November 2011

Followers

Official FB

Chit Chat

Archive