30 May 2011

Aku Tak Bodoh !


Assalammualaikum .

cuti oh cuti ! nak cakap bosan , tak ada la sangat bosan . nak cakap best , tak la best sangat . hishh ! walaupun bosan , aku tetap cari pasal buad something . pagi tadi aku bangun lewat . lepas tu tengok tv kejap . then bukak netbook tengok movie . yeahh !

aku tengok cerita Aku Tak Bodoh . memang memang memang lawak . haha . aku tengok sorang-sorang pon menjadi . gelak sorang-sorang . haha . walaupon cerita nih dah lama keluar , harinih baru aku tengok . hehe . macam movie ada dalam netbook nih . buad apa simpan saja . baik tengok . hehe

ada jugak part-part sedih . tapi aku tak nanges pon . hehe . ada macam-macam movie lagi yang belum aku tengok . lepas nih nak tengok cerita laen lak . sebenarnya aku dah tengok cerita nih . dalam 20 minit . tapi tak sempat tengok sampai habis sebab minggu tu minggu exam . so aku stop tengok . harinih aku sambung tengok balek sampai habes . hehe


27 May 2011

Tutorial : Show / Hide kotak follower



1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code nih :
  <style type='text/css'>
    a.linkopacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;F
    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:220px;left:-0px;'>
    <a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="120" height="150"src="url untuk button" alt="PUSH" title="Follow"/></a>
    </div>
 3. paste dalam kotak html tu .

4. url untuk button - image button korang tu
    top/left - korang boleh ubah button tu
   120/150 - saiz button korang

5. then , tekan nih : google friend



lepas dah buad semua yang dalam image ats nih , jangan lupa copy  generate code tu

6. lepas tu Add Gadget > HTML/JAVASCRIPT sekali lagi

7. copy code nih & paste dalam kotak baru html tu

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:3px solid #FE9A2E;
background:url(url background yg kolah pilih) #FE9A2E repeat-x bottom center scroll ;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">
CODE GENERATE FOLLOWERS GADGET
</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><a href="http://wanhazel.blogspot.com/"><div style="color: #FFFFFF;">
<span ></span></div></a></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

8. tulisan merah tu , letak code yang korang copy dekat follower gadget tu
    tulisan ungu tu warna .
    tulisan oren tu untuk background

9. dah puas hati , save . kalau rasa nak ubah pape edit balik .

krdit : diarykoyak-apit

paint tool sai

Assalammualaikum .

rasanya tidur lewat aku malam nih . sebab tak rasa mengantuk . aku download paint tool sai . tapi tak tawu guna ! grrr ~ nyampah . nvm , aku tengok-tengok tutorial ahh . hee

21 May 2011

Tutorial : Background / Border untuk footer


1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih :
.post-footer {
3. copy code nih :

       background: url("http://t1.gstatic.com/images?q=tbn:ANd9GcTjTZ7HpVtAGIfDGS3MX5WpdfHCiKVmhm50EPYGqLyGrbqC6tvZ8w&t=1") repeat 2px .25em;
    border: 1px solid #FF0080;
    border-left: 1px solid #FF0080;
    color: #000000;
    font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
padding: 6px;
margin:1em 20px;
    text-transform: none;

}
 4. paste bawah .post-footer{ tadi tu

5. tulisan merah untuk url background footer *tak nak ltak background , biarkn kosong tulisn merah tu

6. tulisan biru untuk warna dan border

7. tulisan oren untuk border blog *ikutlah kalau nak tukar ke tak*

8. preview & save

p/s : kalau korang copy tutorial nih sebijik , akan sama macam image atas tu . *nak copy sebijik pon boleh*

Tutorial : Sticky Post



1. lepas dah habes tulis entry tu , tekan Post Options

2. pilih Scheduled at

3. letak tarikh sampai bila korang nak post entry tu

4. letak masa sampai bila korang nak post entry tu

5. publish post

krdt : Lyssa

Tutorial : Image di Footer

Assalammualaikum .

tutorial nih nak letak image dekat footer . contoh tengok image bawah nih



1. Dashboard>Design>Edit html>Tick Expand Widget Templates

 cari code nih :
<div class='post-footer-line post-footer-line-3'>
2. copy code nih :
<center><img src='http://i580.photobucket.com/albums/ss248/pija280195/footer.jpg?t=1305895581' style='width: 320px; height: 104px;'/></center>
3. paste selepas code nih <div class='post-footer-line post-footer-line-3'> 


4. tulisan merah tu , tukar gambar yang korang nak tukarkan . gantikan dengan tulisan merah tu .

5.tulisan oren tu ukuran gambar korang okeh

6. preview & save

krdt doodle :  doodlier tumblr
krdt tuto : Lyssa

18 May 2011

Tutorial : Time Of Last Visit

 Assalammuaalaikum .
rasanya dah lama aku tak buat tutorial kan ? kan ? ehm . maklum larh sibuk dengan paper exam . 3 minggu exam . =.= ! lama aihh .nvm , malam nih , aku sempat buat tutorial nih .

time of last visit . bila waktu terakhir lawat blog yang letak bnda nih . tak letak tak boleh la tengok .

1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code bawah nih . letak dalam kotak   HTML/JAVASCRIP .

<script type = "text/javascript">
//
var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="Ini adalah kunjungan pertama anda. Selamat Datang!";
lastvisit.subsequentvisitmsg="Selamat datang semula ! waktu terakhir anda lawat ialah pada <b>[displaydate]</b>";

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}

lastvisit.setCookie("visitc", wh, days);

}

lastvisit.showmessage();

</script>
 3. tulisan merah tu korang boleh tukar ayat korang

4. save

14 May 2011

Drama Nora Elena

 
image : google
Assalammualaikum .

siapa tengok cerita Nora Elena , slot akasia tu ? aku jarang tengok tv . tak tawu pon pasal drama nih . haha . kawan aku tengok cerita nih best . aku pon try la tengok . tapi time aku tengok tu episode 3 dah . bestt jugak .
cerita nih adaptasi dari novel karya Meen Zulaikha . drama nih start minggu nih . baru 4 episode .

 lagu nih , aku suka =p
 

my first doodle


comotnya ! nvm , jadi jugak la doodle pertama aku nih . lagipon , nih suka-suka saja . test buat tengok . hehe . nih la hasilnya yang comot . lepas nih , kalau aku buat lagi . . harap-harap2 tak comot macam nih . hehe .

06 May 2011

Tutorial : Blockquote


Assalammualaikum .
actually , aku baru habiskan edit blog tasha ckit . letak blockquote . dy tanya blockquote yang macam aku . so , aku buatkan la . ubah code jea . hehe . lepas tu , tengok shoutbox . iena nih pon tanya cm ne nak buat . em , blocquote nih bukan boleh main letak jea . sebab tak akan menjadi . kena pilih template jugak . kebetulan kan . . hehe . okeh . nak buat ? jum tengok tutorial nih .


1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih : 
.post blockquote{ 
 3. copy code nih : 
blockquote {
background:url(); background:#ffffff;
border-top: 2px dashed #F5A9D0;
border-left: 4px solid #F5A9D0;
border-right: 4px solid #F5A9D0;
border-bottom: 2px dashed #F5A9D0;
margin:1em 20px;
colour:}
blockquote:hover {
background: url() repeat right bottom ;
background:#ffffff;
border-top: 2px dashed #F5A9D0;
border-left: 4px solid #F5A9D0;
border-right: 4px solid #F5A9D0;
border-bottom: 2px dashed #F5A9D0;
margin:1em 20px;
  }

4. paste bawah  code nih  .post blockquote{

5. tulisan merah tu , ubah warna yg korang pilih
    tulisan oren tu , korang boleh ubah jugak


6. korang kalau nak letak gambar letak url gambar tu dekat tulisan biru tu . yang bentuk macam nih ()
   yang untuk gambar betukar tu , letak yang bahagian hover tu .

benda nih , korang kena pandai bace code sikit .

7. preview & save



05 May 2011

REVIEW BLOG PUTRYY NASUHA

  • Follow blog Putryy, kalau tak nak pun takpe (:
  • Like Fanpage Putryy, kalau tak nak pun takpe (:
  • Korang kena buat satu entry tajuk : REVIEW BLOG PUTRYY NASUHA
  • Lepas review blog Putryy, tinggalkan link entry dan comment dekat entry neh, and Putryy akan review balik (:
- cerita kan sedikit sebanyak tentang blog Putryy ye (:
- asal korang follow Putryy.
- blog Putryy neh best ke tak?
  • Girls only (:
ehemm-ehem .

aku boleh dikatakan selalu la jugak tengok-tengok blog putry nih . bila dy update . kadang kala , hari nih aku tengok background lain . isok pulak tu , tukar background baru lak . hehe . siyes weh , comey blog dy . aku suka . kemas lak tu . nak bace pon senang .

aku follow putry nih sebab dia comey . entry pon boleh tahan . lagipon ada tuto . senang nak tengok =)

blog putry memang best =D

01 May 2011