Bedazzled
TUTORIAL : page atau tab
Thursday, June 30, 2011 | 9:39 PM | 0 dazzle(s)

hai peeps ! hary nih sya na buad tutorial page atau tab kat blog . yg d request oler adek RASYIQAH :)
saya buad sebab sya sayang adek sya :)



nampak tak :) * click untuk tumbesaran yg sehad :)
okay first korang kena pegi dashboard > new post > edit page > new page > publish :)
*first tekan posting . pastuh tekan edit pages .
 

 **click untuk tumbesaran yg sehad :) 

*next lepas da tekan dia akan kua camnih
kua camnih kan tapi korang punya tader la GULA HATI , LINK and THE BEST EVER I HAD tuh . mesti korang punya kosong lagi kan :) 
* pastue tekan NEW PAGE , untuk buad page di blog korang :)
dia akan kua camnih
*da habes korang tulis semua tuh

 *please PUBLISH okay :)
if korang preview mesty tada right 
son korang pegi PAGE ELEMENT > ADD GADGET > add PAGES
** dia kua camnih
da add dia kua camnih pulak kan :)
* ikod numb kat dlm gmbr nih taw **click untuk tumbesaran yg sehad :)
* save  pastue PREVIEW BLOG OKAY . 

** if korang letak cm aina . letak bawah header 
** if korang just na buad list . letak tepi sidebar okay :)
** if na cantek kan lagi korang pegi TEMPLATE DESIGNER korang pergi bahagian tab pastue ikod korang la nah warna pa . pastue save template and DONE . kan dah jadi pages korang :)


sorry lambat . nih bnyak la :)


Labels:

TUTORIAL : calender archive
Saturday, June 18, 2011 | 8:56 PM | 0 dazzle(s)
  
tawu aper itu CALENDER ARCHIVE ? sallu nyer dia dalam point . okey kali ni kita buad dlm bentuk calender bia pelik janji cantek :)
*nampak haha okey senang jer buad . jum kita buad lalala ~

first
* Pegi  Design > Add a widget > Html/Javascript
*  Copy dan paste code bawah nih :
<div id="blogCalendar"></div>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="URL BLOG ANDA.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
</style>
 *jangan luper tukar "URL BLOG ANDA" ke nama link anda 
* save and preview 

okey yg ni yg ade background : click
*bukan blog aina nih blog biyha :)



Labels:

TUTORIAL : image hover
| 8:42 PM | 0 dazzle(s)

 image hover ? tawu tak aper . ala bila pegi kat gambar tuhh jadi blurr . okey sya na buad tutorial yg bole blur kan gambar jer camnih 

* perhh bau telor ~ haha ;D muka ta bole blah hee
first pegi
deisgn > edit html > ctrl + f (untuk memudahkan pencarian) > search /* Header 
* then paste kan code kat bawah nih diatas /* Header okey ! 

/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
 okey . pastue save and preview okey :)


Labels:

TUTORIAL : follow button and dashboard button ala tumblr
| 8:30 PM | 0 dazzle(s)


hehe my next TUTORIAL :)

tawu camner follow button and dashboard button ala tumblr cam nih hah 
 nampak hah okey first pegi 
* design > add widget > HTML/JavaScript 
kemudian paste code nih  

<a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID=4256432311771472859" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;left:75px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

okey tgok yg berwarne merah tuh ID code korang tawu nak ambik maner tak okey pegi dekat page elment tuh pegii kat atas sekali cm nih 
 suda . save and preview okey :) 


Labels:

TUTORIAL : favicon
| 7:50 PM | 0 dazzle(s)

hey my next tuto for today ! 

oke tawu FAVICON tu aper , ala yg kat ats tu ta tawu jugak hah ni la favicon . nampak yg kecikk tuu

  * click untuk membesarkan gambar :) 
okey sini saya ajar kan
*kemudian buka design > edit html >Tick expand widget template > tekan ctrl + F (untuk senang kan pencarian anda) search
</head>
okey da jumper </head>
* copy code bawah nih ATAS  </head > okey
<link href='ICON URL' rel='shortcut icon' type='image/x-icon'/>
* icon url tuh ambek jer maner maner icon yg comel paste kat situ okey 

 ** free favicon for you :)

 http://i1180.photobucket.com/albums/x416/whatevagurl/Icon%20Comel/1-1.gif
 http://i1180.photobucket.com/albums/x416/whatevagurl/Icon%20Comel/loveyea.gif
 http://dl6.glitter-graphics.net/pub/714/714146i5v1bodwk2.gif
 
 http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif
 
 http://dl5.glitter-graphics.net/pub/644/644195ea6e65f5i0.gif

* okey pastue save template and preview :)
da guner tuto ni . like la sikit :)




Labels:

TUTORIAL : Fieldset
| 7:21 PM | 0 dazzle(s)
hai peeps! harini na ajar korang camner na buad fieldset .
tawu tak fieldset tu aper ? fieldset camnih hatgok yg dlm kotak merah tuh . tu la fieldset untuk mengetahuan korang .

ni fieldset tader background  *perhh budak perasan comel suda :)

okey nah code dia  *yg DALAM KOTAK okey ! JGN copy sekali tajuk dan kotak tu just dlm dia jer okey ? :) bagus



Tajuk<FIELDSET><LEGEND>TAJUK</LEGEND> 
tulis yg korang nak tulis aper okey :)
 </FIELDSET>


warne MERAH : tajuk korang na letak aper .
warne BIRU : aper yg korang na tulis .

copy okey guner Ctrl +C 
okey suda siap tulis aper semua . 
kemudian pegi PAGE ELEMENT > ADD GADGET > JAVA SCRIPT
pastue paste kat situ :)

save pastue preview dulu oke . if ta jadi tanyer sya okey ? :)

alang alang da guner tutorial ni like la samer :)

Labels:

Tutorial : pasang button LIKE FACEBOOK di blog
Tuesday, March 22, 2011 | 8:09 PM | 0 dazzle(s)
 hehe tutorial pasang button LIKE FACEBOOK di dalam blog :)


 
follow steps di atas



  •  Backup template blog yg sedia ada . Kalau ada error,boleh restore balik template lame . Dashboard > Design > Edit Html > Tick Expand Widget Template
  •  Tekan Ctrl + F dan cari kod di bwah :
<data:post.body/>
  •  Ctrl + C untuk copy kod di bwah :

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

  • Paste kod yg telah di copy bawah kod <data:post.body/>
  • and save template .

Labels:

Tutorial : disable right click
| 7:39 PM | 0 dazzle(s)
lalala ~ hai . ary ni i ajar korang buaad disable right clik . 

cara cara na buad disable right click
  • Dashboard>Design>Page Element>Add a Gadget>Html/Java script
  • Ctrl + C untuk copy code di bawah :

<script>
var message="Jangan copy lah !";
///////////////////////////////////
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("alert(message);return false")
</script>


  •  paste kan code di atas kat dalam kotak HTML/Javascript tu
  • anda bole tukar perkataan merah dia atas 'jangan copy la !' ikut suka anda 
  • preview and save :)


 kay thanks byebye♥


Labels:

lagu untuk blog anda ♥
| 7:15 PM | 0 dazzle(s)
hai ^-^ . i baru buad tutorial . halllo everbody . hari i ajar korang camner nak buad lagu kat blog

pegi sini  klik sini
  • pastu cari lagu yang korang nak . pastu kli dekat lagu tu . pastue korang copy code embed dia . nampak tu kaler merah tu . hah pastu copy atau Ctrl + C 



.
  • sebelum tu korang denga dulu lagu tu kay :)
  • pastu korang balik ker blog korang 
  • pegi ke Design>Add gadget>HTML/javascript 
  • dia akan kua ni




  • pastu klik kat situ dia akan keluar kotak ni kan .  


  • pastu korang masuk kan. code tady atau Ctrl + V kat dalam kotak tu :)
  • pastu save and preview :)


kay thanks byebye♥

Labels: