Tutorial : Cara Nak Letak/Tukar Smilies Dalam Chat Box
Monday, July 18, 2011 // Monday, July 18, 2011

Aku mule-mule pun tak tauw macam mane nak letak and tukar smilies chomel - chomel dekat chat box , coz aku gune cbox . shoutmix aku tauw la sbb dulu pun aku pernah gune shoutmix :)
ni untuk sape yang gune cbox je larhh , kayy ;)
First , log in cbox .
then , kalau dah dye keluar cam gamba dekat atas niyy kan ? pastu tekan dekat Options lepastu tekan Smilies macam gambar dekat atas tu ..

(click gambar untuk lebih jelas)
Lepas dah click , dye akan keluar macam gambar dekat atas niyy . then padam larh smilies yang korang tak nak tu jadi korang punye smilies sendiri . korang boleh buat smilies yang chomel-chomel dekat photoshop or korang boleh cari dekat sini ! tempat biaser larh kan ~
lepastu , copy code gambar tu .. paste kan dekat ruang URL .
Maksud :Code : symbol gambar smilies tu . contoh " :) "Alt. code : same macam ruang Code cume symbol tu tukar laen sikit . contoh " :-) "URL : URL gambar smilies yang korang nak !
Del : yang ade symbol " x " tu kan ? maksudnyer .. pangkah lah smilies yang korang tak nak . or maksudnyer delete smilies .

Tutorial : Accordian Tab Menu
Wednesday, July 13, 2011 // Wednesday, July 13, 2011

Haloooo :) harini nak buat tuto laen pulak . hihi ;) kalini nak buat tuto accordian tab menu . alaa ~ yang boleyy slide tu . macam dekat bawah niyy :
Dashboard >> Design >> Add Gadget >> HTML/JavaScript
then ,
<style type="text/css">h5 {font-family: trebuchet-ms, arial, tahoma;font-size: 13px;padding: 0 0 1em;font-weight:bold;color: #000000;}.msg_list {list-style: none;margin: 0;padding: 0;width: 100%;}.msg_head {padding: 5px 10px;cursor: pointer;position: relative;background-color: #000000;margin:1px;-moz-border-radius: 35px;border-radius: 35px;}.msg_body {padding: 5px 10px 15px;background-color: #000000;}</style><script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script><script type="text/javascript">$(document).ready(function(){//hide the all of the element with class msg_body$(".msg_body").hide();//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked$("#firstpane h5.msg_head").click(function(){$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");});//slides the element with class "msg_body" when mouse is over the paragraph$("#secondpane h5.msg_head").mouseover(function(){$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");});});</script><div class="msg_list" id="secondpane"><h5 class="msg_head"><center>Tajuk 1</h5></center><div class="msg_body"><center>code untuk tajuk 1 #045FB4</div><h5 class="msg_head"><center>Tajuk 2</h5></center><div class="msg_body">code untuk tajuk 2 #045FB4</div><h5 class="msg_head"><center>Tajuk 3</h5></center><div class="msg_body">code untuk tajuk 3 #045FB4</div></div>
pastekan code diatas niyy dekat HTML/JavaScript :) macam biase tak payah tulis title dye kayy .
Meaning :
Hijau : warne tulisan yang korang nak .Coklat : warne background .Purple : warne background isi .Bold : Tajuk/titleMerah : isi dyer . ikut suke lar ~ nk tulis ape ..
DONE ! :) dah siap , save !
P/s : Tak faham tanya ! nak copy macam biasa :) (CTRL + C)

Tutorial : Tukar Newer , Home & Older Post Jadi Image
Monday, July 11, 2011 // Monday, July 11, 2011

Hello , kawan-kawan . heheh .. huh , lamenyer tak update blog . satu bulan baru niyy . hahaha .. :) kalini nak buat tuto pasal nak tukar Home , Newer and Older post tu jadi gamba macam aku punye ;) Mehehheh .
First ,
Dashboard >> Design >> Edit HTML*tick expand wigdet templates
search code :
expr:title='data:newerPageTitle'><data:newerPageTitle/>
lepastu buang code yg aku bold tu then paste code bawah niyyy :)
<img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/>
dah kan ? lepastu , home pulak ;) same jugak :
serch code niyy :
expr:href='data:blog.homepageUrl'><data:homeMsg/>
then , buang code yg aku bold tu then paste code bawah niyyy :)
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>
dah kan , dah kan ? last skali older :)
search code :
expr:title='data:olderPageTitle'><data:olderPageTitle/>
buang code yg aku bold tu then paste code bawah niyyy :)
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>
hihi , DONE ! senang kan , kan ;)
P/s : copy klick (CTRL + C) :D
P/s : copy klick (CTRL + C) :D

Tutorial : Image Animation Shadow
Tuesday, May 31, 2011 // Tuesday, May 31, 2011

Adoihhh ! letih meyh buat tuto ni ! tapi disebabkan ade orang - orang yang mintak aku buat tuto aku buat lahh :) hrmm .. tuto ni sha yang mintak ;)
Mula - mula pegi dekat :
Dashboard >> Design >> Edit HTML
lepastu , cari code bawah niyy :
.post-body img, .post-body .tr-caption-container
dah ? kalau dah , copy code bawah niyy :
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 50px #FFFFFF; -moz-box-shadow: 0px 0px 50px #FFFFFF; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=80); opacity: .80; border: 1px dashed #FFFFFF; border-radius: 50px; -moz-border-radius: 50px;}
then , paste kan code diatas niyy dekat .post-body img, .post-body .tr-caption-container
#FFFFFF : korang boleh tukar colour yang korang nak dekat sini
SAVE ! dah siap :DD
P/s : nak copy codes ( CTRL + C ) keyy ? ^.^
(credits : Amylia )

Tutorial : Back To Top Button
// Tuesday, May 31, 2011
Bosannyerrrrrrrrrr .. so , kalini nak buat tuto back to top ! Sesiape yang minat dengan tuto ni , tengok betul - betul yerr ? hihi .. kalau tak faham or tak tahu tanya , kayy ?
hrmm , first korang kene pegi dekat :
Dashboard >> Design >> Add a Gadget >> HTML/JavaScript
then , copy the code below :
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL GAMBAR" /></a>
lepastu , paste kan code diatas ni dekat ruangan tu ! but tak payah tulis ape-ape tajuk p0n keyyy ?
urmmm , gambar korang boleh cari dekat photobucket or mana-mana ! but , kalau dah malas sangat nak cari gambar .. dekat bawah ni ade dua gambar aku bagi free ^.~

http://i947.photobucket.com/albums/ad318/hannacrazee/gfgfhnfhf-1-1.png?t=1287452175
SAVE ! dah siap :) lepastu boleh lah tengok blog korang menjadi kew tak ;)
P/s : nak copy codes click ( CTRL + C ) ^^ jangan copy sembarangan keyyy ? -,-

Tutorial : Centerkan Snow Effect
// Tuesday, May 31, 2011
To dayah :)
nak centerkan snow mudah jea .. i p0n mula - mula tak center jugak snow i , but i cube lah buat sampai dye jadi center !
So , nampak gambar diatas ? kalau tak jelas click untuk besarkan gambar ! Okay , korang dah buat snow kan ? pastu biler preview blog korang dye tak center , kan ?
untuk nak centerkan snowy .. move gadget yang kite dah buat tu dekat atas sekali .. biar dye jadi center :)
Contoh :

lepastu SAVE je ! faham tak ? kalau tak faham tanya jangan duduk diam jer kay ;)
kalau sesiape yang gune blogskins pulak - copy codes snowy then paste dekat bawah
<head>
kayy ! :) Selamat Mencuba !



Tutorial : Border Blog Shadow
Sunday, May 29, 2011 // Sunday, May 29, 2011
Hihi , buat tuto lagi ! ni nak tanya ! haritu aku dah buat tuto ' Border Sekeliling Blog ' kan ?
and now , nak buat dia punya shadow ! kalau nak taruk shadow pun boleyy ~ ^^ tapi kalau tak nak letak pun tak pe :) sebenarnya aku pernah buat bende niy dulu but sekarang dah buang ;)
First , pegi dekat :
Dashboard >> Design >> Edit HTML *tick expand widget
pastu search code bawah niyy :
.content-inner {
kalau dah jumpe copy and paste kan code bawah ni dekat bawah .content-inner {
-moz-border-radius: 35px;border-radius: 35px;-moz-box-shadow: 0 0 6px 6px #FFFFFF;-webkit-box-shadow: 0 0 6px 6px #FFFFFF;box-shadow: 0 0 6px 6px #FFFFFF;
dah kan , dah kan ? urmm , lepastu :
#FFFFFF : colour shadow ! boleh pilih dekat sini6px : tebal shadow ! ikut suke hati korang lah nk tebal kew tak kew
SAVE ! dah siap dah :) kalau nk tgk jadi or tak preview dulu .
P/s : nak copy codes click ( CTRL + C )

Tutorial : Double Underline
// Sunday, May 29, 2011
Heyy ! harini aku nak buat tuto -,- bosan lah katekan ? Kay lah kay lah ! let's start :)
korang tauw kan double underline tu ape ? urmm , kalau tak tau tengok ni :
Miss White Black
dye macam ade underline kan ? itu lah double underline ! kalau ade sesiape yang minat nak buat tengok lah tuto niyy ^_^
Mula - Mula , pegi dekat :
Dashboard >> Design >> Edit HTML *tick expand widget template
lepastu search code bawah niyy :
/* Header
kalau dah copy and paste code bawah niyy dekat atas /* Header
u {text-decoration:underline;border-bottom: 2px dotted #FFFFFF;padding: 0px;}
yg #FFFFFF tu korang boleh tukar colour yg korang nak dekat sini
DAH SIAP ! save lah ! hihi .. senang right ? ^.~
P/s : nak copy codes click ( CTRL + C ) tauw tauw !

Tutorial : Blog Bersalji / Snow Effect
Tuesday, May 24, 2011 // Tuesday, May 24, 2011
Hello friends , followers and all blog walkers :) yeah , i know korang dah bosan tengok my blog asyik bende yang same jea kan ? hihi , so kalini aku terlebih rajin nak buat tuto coz sian kt korang :/ btw , aku habis perikse lagi 2 hari so lepas dua hari .. i continued update my bloggie ;)
Tuto ni ade yang mintak sejak minggu lepas but aku tak buat-buat p0n tuto ni ! so harini ni terlebih rajin nak buat :D
Cara pertama :)
Macam biasa ! mula-mula pegi dekat :
Dashboard >> Design >> Add a Gadget >> HTML/JavaScript
pastu pastekan code dekat bawah ni :
Black Snow :
<script src="http://fwzynn.googlepages.com/snowblack.js" type="text/javascript">/************************************************ Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/</script>
Pink Snow :
<script src="http://fwzynn.googlepages.com/snow.js" type="text/javascript">/************************************************ Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/</script>
Dah ? hihi , kalau dah SAVE ! tapi tu cara pertama , but kalau still tak jadi jugak ! ade care kedua :)
Cara kedua :)
Firstly ,
Dashboard >> Design >> Add a Gadget >> HTML/JavaScript
then , paste code niyy :
<script>//Here you can add your own picture for snow. Just change the urlvar snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"//how many snowflakes there will be (currently 12)var no =40;//How fast will the snow disappear (0 is never)var hidesnowtime = 0;//The height the snow will reach before it disappears ("windowheight" or "pageheight")var snowdistance = "pageheight";///////////////////////////////End of Settings///////////////////////////////////var ie4up = (document.all) ? 1 : 0;var ns6up = (document.getElementById&&!document.all) ? 1 : 0;function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}var dx, xp, yp;var am, stx, sty;var i, doc_width = 800, doc_height = 600;if (ns6up){doc_width = self.innerWidth;doc_height = self.innerHeight;}elseif (ie4up){doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();for (i = 0; i < no; ++ i){dx[i] = 0;xp[i] = Math.random()*(doc_width-50);yp[i] = Math.random()*doc_height;am[i] = Math.random()*20;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();if (ie4up||ns6up){if (i == 0){document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");}else{document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");}}}function snowIE_NS6(){doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;for (i = 0; i < no; ++ i){yp[i] += sty[i];if (yp[i] > doc_height-50){xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = 0;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();}dx[i] += stx[i];document.getElementById("dot"+i).style.top=yp[i]+"px";document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";}snowtimer=setTimeout("snowIE_NS6()", 10);}function hidesnow(){if (window.snowtimer) clearTimeout(snowtimer)for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"}if (ie4up||ns6up){snowIE_NS6();if (hidesnowtime>0)setTimeout("hidesnow()", hidesnowtime*1000)}</script>
Dah :) ? If dah , step seterusnya .. nampak tak tulisan yang aku bold kan tu ? Okay .. yang tulisan yang aku bold tu korang boleh tukar snow and colour dye nak macam mana ! ni ade siket colour snow yang korang boleh ambik codes dye :

http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png

http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png

http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png
Tutorial : Border Sekeliling Blog
Monday, May 9, 2011 // Monday, May 09, 2011
Hi ! disebabkan dah lama tak buat tutorial , ni nak buat larr ni .. heheh..
Tutorial ni memang saje - saje nak buat tapi tak silap aku .. To Irdina Farahani : ni kew yang kau nak tuh ? "Border Keliling Blog ?" ermm kalau bukan .. ta tauw larr ..
Firsly , macam biasa :
Dashboard >> Design >> Edit HTML *tick expand widget templates
Lepastu .. kalau dah tekan CTRL + F serentak cari code niyy :
.content-inner {
adekan code tuhh ? :) kalau da , paste code dekat bawah niyy dekat bawah .content-inner {
border: 3px solid #045FB4;
tulisan yang diwarnakan dengan warna merah tu korang boleh tukar !
3px : tebalkan bordersolid / dashed / dotted : bentuk border :)#045FB4 : colour border . nak tukar ? click sini !
last sekali .. SAVE ! kalau tak yakin menjadi preview dulu kayy ? ;)
P/s : nak copy ? click (CTRL +C) serentak , kayy ? thanx :)
Tutorial : Tukar Cursor Mouse
Tuesday, May 3, 2011 // Tuesday, May 03, 2011
Permintaan dari Asyura :)
Tutorial ni cara yang paling senang pernah aku buat and aku yang fikir sendiri macam mane yang tukar cursor heheh .. then aku cube , cube , cube .. dah menjadi ! ;)
Macam biasa .. Firstly ,
Dashboard >> Design >> Add a Gadget >> HTML JavaScript
lepastu kalau dah , korang boleyh cari cursor yang korang suke .. search larr dekat google ! lepas dah dapat code cursor yang korang nak , SAVE ! then dah siap !! tapi ingat jangan tulis ape- ape dekat ruang Tajuk/Title :) kalau korang dah malas sangat nak search , search ni .. nah aku bagi larr siket cursor and code dyer .. ;) *sekali dengan website dyer sekali aku bagi Bhahaha.. nahh :
- Domo Kun

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1092.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/20/domo-kun-staring.html" target="_blank" title="Domo-kun Staring"><img src="http://cursors-4u.com/support.gif" border="0" alt="Domo-kun Staring" style="position:absolute; top: 0px; right: 0px;" /></a>
- Robot Rainbow Heart


<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-5/mec409.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/06/robot-rainbow-heart.html" target="_blank" title="Robot Rainbow Heart"><img src="http://cursors-4u.com/support.gif" border="0" alt="Robot Rainbow Heart" style="position:absolute; top: 0px; right: 0px;" /></a>
- Mushroom Comel

<style>body {cursor:url(http://ego-box.com/cursors/51.ico), url(http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/51.gif), auto;} </style><a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;">Â </div></a>
Kalau nak yang lain boleh clik disini :
ataup0n kalau tak nak jugak search sendiri yerr :)
P/s : Nak Copy ? click (CTRL + C) serentak ! thakie you ;)
Tutorial : Nak Letak Lagu Dalam Blog and Hide Music Player
Monday, May 2, 2011 // Monday, May 02, 2011
Hihi , ade orang tanye macam mane nak letak lagu dalam blog and macam mana nak hide kan music player :) Permintaan dari Joy :) .. heheh , aku dah pernah buat dulu but aku dah bosan so buang larr .. yang aku tauw music player yang boleyh buat bende nih Music Dumper jea , yang laen ta tauw :/
Tutorial : Nak Letak Lagu Dalam Blog
Urmm , kalau nak masukkan lagu dalam blog senang jea :
Dashboard >> Design >> Page Elements >> Add a Gadget >> HTML JavaScript
Lagu boleyh cari dekat music dumper or lain2 ..
Tutorial : Hide Music Player
yang ni pulak :
Dashboard >> Design >> Page Elements >> Add a Gadget >> HTML JavaScript
lepastu pastekan code dekat bawah niyy and jgn tulis ape2 tajuk/title p0n
<style> EMBED {width:0px;height:0px;} div table table table td font{visibility:visible;} table table embed {display:block; position:absolute;top:11px; left:0px; visibility:visible;} table table table embed{position:static;} .herpe td td object {position:absolute; left:40%;margin-left:-150px; top:300px;}</style><style type="text/css"> embed, object{display:block; width:0px; height:0px;}</style><div id="makems" style="position: absolute; top:100px; left:0px;"> </div>
dah kan , dah kan ? xD kalau dah pastekan code lagu yang korang nak tuh dekat bawah code yang atas niyy .. save , dah siap ! :)
P/s : nak copy ? click (CTRL + C) serentak tauw ! ;D
Tutorial : Tumblr Follow/Dashboard Icons
// Monday, May 02, 2011
HelloWello , hihi .. buat tutorial lagi ! Tutorial ni sebenarnyer permintaan Irdina Farahani .. kan dina kan ? hihi .. but sorry for late buat tutorial ni ! Senang jea nak buat .. bace betul-betul kayy ? ;)
First , pegi dekat :
Dasboard >> Design >> Page Elements >> Add a Gadget >> HTML JavaScript
Kayy , dah ? kalau dah , pastekan code bawah ni :
<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=1557635096970850428" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
Dah kan , dah kan ? hihi .. lepastu , tukar code yang dah di-bold kan tuh kepade blog ID korang sendiri :)
P/s : untuk copy sila click (CTRL + C) serentak kayy ? ;) lagi satu kalau tak paham sila tanya :)
Tutorial : Link Berpelangi / Rainbow Link
Sunday, May 1, 2011 // Sunday, May 01, 2011
Hihi , harini sungguh bosan .. so i ingat nak buat tutorial for you guys :) Tutorial ni ta de sape-sape p0n yang request but actually memang i saje jer nak buat ! Berbalik kepada tutorial ni .. tutorial ni senang je nak buat .. kalau ta tauw ape tu rainbow link , cube pegi dekat i punyer link dekat atas nihh .. dia macam ade raibow kan ? tu larh dia :)
Firstly , pegi dekat :
Dashboad >> Design >> page elements >> add gadget >> HTML/JavaScript
dah kan ? hihi .. kalau dah , paste code yang ada dekat bawah niy :
<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">/************************************************ Script edited by Ynn Ainul at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/</script>
lepas dah paste , tak payah nak tulis ape-ape tajuk/title p0n .. biarkan kosong ! then save ..
DONE !!!!!!!! :)
Tutorial : Remove Navigation Bar Completely
Wednesday, April 27, 2011 // Wednesday, April 27, 2011
Permintaan dari Irdina Farahani :)
Okayh , for this tutorial senang sangat nak buat ! For your information kalau nak buang Navigation Bar nihh bace betul-betul kayy ? ;) *terutama for Irdina ;D
Firstly , pegi dekat :
Dashboard >> Design >> Edit HTML *tick expand widget templates
Lepastu click ctrl + F then search ]]></b:skin>
kayy , kalau dah jumpe paste code dekat bawah ni dekat atas ]]></b:skin>
/* Remove the navigation bar----------------------------- */#navbar-iframe {height:0px;visibility:hidden;display:none}
Dah paste , last sekali save ! Dah Siap !!! :D tapi kalau tak yakin dah menjadi try preview dulu okay ? :)
P/s : kalau nak copy sila click ( ctrl + C ) serentak ! Thank You ;)
Tutorial : Blockquote
Saturday, April 9, 2011 // Saturday, April 09, 2011
Permintaan dari my HoneyBunnyMummy ♥
Sebenarnyer aku ta berape tauw camne nak buat Blockquote ni sebab aku dah cube banyak kali p0n tak menjadi jugak , ni p0n baru buat Blockquote semalam , tu p0n baru menjadi ! haiyoo , hahah , LOLyp0p ! OkayhWokayh lah , ni nak ajar nihh :
Tengok kotak ni cantek tak ? My Mummy suke kotak ni ..
and my Mummy yang suruh buat tutorial pasal Blockquote ni .. Aku dah cube cara ni banyak kali but still tak menjadi ! So , kali ni i nak ajar cara yang menjadi HEHEH .. btw , thank you for Kak Syazana Syazreen coz tolong ajar :) !
Caranyer :
Dashboard >> Design >> Template Designer >> Advanced >> Add CSS
Pastu paste kan code di bawah ni dekat ruang Add CSS tuh , kayy ?
.post blockquote {background:url(URL GAMBAR);-moz-border-radius-topleft: 10px;-moz-border-radius-bottomright: 10px;padding: 6px;Border: 1px solid #ff0d62;margin:1em 20px;a:hover {font-size: 18px;font-weight: bold;text-decoration: none;}
then klik APPLY TO BLOG , lepastu DONE ! dah siap :) sekarang nih nak ajar pulak camne nak buat dotted [.......] or
dashed [-----] and background !
Okay , kalau nak taruk background macam aku punyer boleyh tengok yg ade tulis
(URL GAMBAR) tuh tukarkan code gambar yang korang nak .. boleh cari dekat sini , Okayh ? yang ade tulis ( Border: 1px solid #ff0d62; ) boleyh tukar ! kalau nak jadikan dyer dashed [------] tukarkan solid tuh kepada dashed , kalau nak tukar dotted , dotted larh yang dye
jadi .. setakat ni FAHAM tak ? kalau FAHAM meh aku sambung ! kalau korang nak tukar warne dyer tengok dekat yg ade tulis #ff0d62 tuh ! Kalau nak tukar warne boleh klik dekat sini , macam-macam warne ade ! :) tapi ingat copy code warne dye je tauw ?
-----------------------------------------------------------------------------------------------
CONTOH :
Korang cume ambek yg ni je #FFFFF !
and gantikan code warne yg korang nak tu dekat yg ni #ff0d62
------------------------------------------------------------------------------
Then , dah siap !!
UNTUK COPY SILA KLIK 'CTRL + C' SERENTAK !
P/S : Kalau tak FAHAM sila comment di bawah ni , tauw ?
Tutorial : Favicon
Wednesday, April 6, 2011 // Wednesday, April 06, 2011
Harini aku nak buat tutorial pasal Favicon :) senang jea nak buat tuh , tapi sesetengah orang ta tauw Favicon tu ape .. meh aku bagi tau tu kat atas tu ade logo blogger warne oren kan ? pastu ade title blog korang kan ? yang logo blogger tu lah orang panggil Favicon .. lagi satu korang nak tuka tak bende tu jadi gambar korang atau bende comey-comeyy macam dekat blog aku ? (perasan hihi..) nak tukar boleyh aje .. camni ,
Ni untuk sesiape yang gune Blogskins :
Dashboard >> Template
pastu paste kan code dekat bawah ni dekat bawah <head>
<!-- iconj.com favicon code --></div><div style="text-align: center; "><link rel="shortcut icon" href="URL GAMBAR" type="image/x-icon"></div><div style="text-align: center; "><!-- -- end of iconj.com favicon code ---->
Untuk sesape gune yang template biase :
Dashboad >> Design >> Edit HTML >> #Sebelum paste kan code sila tick expand widget template dulu Okayh ? sebab nanti tak menjadi .. >> CTRL + F carik </head> ataupun paste kan dekat bawah <head> sahaje ..
Bila dah jumpa paste kan code di bawah ni dekat atas </head>
<link href='URL GAMBAR' rel='shortcut icon' type='image/x-icon'/>
<link href='URL GAMBAR' rel='icon' type='image/x-icon'/>
Kalau nak carik gambar yang comeyy comeyy macam dekat blog aku (hihi) sila klik
Untuk taruk gambar sendiri :
Klik dekat link tu >> Upload gambar korang >>yg Email tu biarkan kosong >>
Image resize 100 darab 75 (avatar) >> Upload Now !
pastu ade banyak code kan ? ade Forum code , Link and lain-lain tu kan ? korang pilih HTML Code , tengok contoh dekat bawah ni :
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img683.imageshack.us/i/41188784774a6bafa75db.jpg/'><img src='URL GAMBAR' border='0'/></a>
Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a>
Korang jangan ambek semua code tu , but korang cume kene ambek yg URL GAMBAR tu jer , kay ?
UNTUK COPY SILA KLIK 'CTRL + C' SERENTAK !
P/S : Kalau ade ape-ape masalah , comment dekat bawah ni yer ?
Tutorial : Follow Using Manage
Tuesday, April 5, 2011 // Tuesday, April 05, 2011
To Asyura my classmate :)
Okay nak follow gune manage nih senang jea .. but untuk orang yang tak tahu lagi ni boleyh tengok dekat sini :) Caranyer :
Dashboard >> Reading List >> Add >> Letak URL Blog >> Next >> Follow >> Done !
senangkan ? :) Bagi sesape yang tak reti boleyh cube and nanti u tak payah susah-susah nak follow dekat followers tu .. To Asyura my classmate , try lah okay .. ;)








