Blog Cik Emma: 5/1/10 - 6/1/10

31 May 2010

Scroll Box di Blog Archive

mcm biasa g Dashboard > Edit HTML > tick EXPAND WIDGET

guna function CTRL+F cari kod di bawah :

<div id='ArchiveList'>

kalau dah jumpa letak kod kat bawah ni di atas kod yg korang cari tadi

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

then kod nie </div>  letak sebelum


<b:include name='quickedit'/>


contohnya akan jadi mcm ni :

<div style='overflow:auto; width:auto; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

yang color merah tu boleh tukar ikut height korang nak ok :)

preview dan save !

Tutorial : Scroll Box Untuk Widget

dashboard > design > add a gadget > HTML/javascript
(Jika korang sudah letakkan widget hanya buka HTML/javascript widget yang korang telah letak di blog)

ubah kod widget seperti berikut:

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

Letakkan kod widget korang disini

</div>

Note :
width: ubah mengikut lebar yang korang nak
height: ubah mengikut tinggi yang korang nak

 Done! save dan lihat hasilnya..

Senang bukan..:)

Tutorial : Animated Recent Post Widget

dashboard > design > add a gadget > HTML/javascript

copy code berikut dan paste di ruangan HTML/javascript


<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank">get this widget here</a></small>


Note: gantikan URL BLOG dengan url blog korang..

3. Save dan lihat hasilnya.

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

PERHATIAN:  tidak semua template blog 'boleh masuk' dengan widget ni. Kemungkin sebahagian besar boleh menggunakan widget ini. Oleh itu korang boleh mencuba dahulu samada boleh guna atau tidak untuk blog korang. tak jumpa lagi penyelesaian untuk itu.

Harap blog korang boleh menggunakan widget ini.
Selamat mencuba.:)

Tutorial : Buat Scrolling Image

Pergerakan setiap gambar dapat diubah sama ada dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.


Contoh kod bagi scrolling image adalah seperti berikut:

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.

Nota:
1. Jika korang ingin menambah lebih banyak gambar, cuma copy paste balik untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget..

Tutorial : Buka Link Baru Bila Click Gambar

Sangat mudah ..

<a href="Letakkan link untuk dibuka kat sini" target="_blank" >
<img src="Letakkan url gambar kat sini"/></a>

contoh :

<a href="http://www.yahoo.com" target="_blank" >
<img src="http://www.google.com.my/intl/en_com/images/logo_plain.png"/></a>

Untuk gambar yg di klik, link akan dibuka pada tab baru. Jika korang ingin link dibuka pada page yang sama, buang target="_blank"

Kaedah lain untuk buka link dalam page yang sama boleh guna terus aplikasi upload photo dan letak link yang ada masa buat new post.:)

Tutorial : Gerakkan Title Blog

Cam biasa gi Dashboard > Design > Add A Gadget > Html/Jvascript

masukkan kod kat bawah ni dalam html/javascript

<script language=javascript>
msg = "Title Blog Korang";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>



Tukarkan 'Title Blog Korang' dengan apa sahaja yang korang nak.

Save dan lihat hasilnya. :)

Tutorial : Text ikut Cursor

Go to design > add a gadget> paste dalam html/javascript

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Perkataan anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>


save dan lihat hasilnya :)

nak tukar font boleh tengok kat cnie Font Family.

ExPeriEnce ! !

Mak aku nie dari aku kecik2 lagi dah meniaga..mcm2 yg mak aku pandai wat, dari lauk pauk, kuih muih dan mcm2 lg.. Kira aku xnak la sia2kan ilmu yg ada pd mak aku.. Aku pn belajar la ckit2 ngan beliau. Lgpn blh tmbah pndapatan, sementara tak keja neh..Mak aku memang perfect mom, masakan mak semua sedap2..aku suka sambal tumis dari air tgn mak aku..tak sama mcm sambal org laen :)

La La La! Kerjalah!

Oh !pening kepala memikirkan tak ada keja.. huhu. Mcm lagu meet uncle hussein.. aku nie jenis keja ,sat berenti, xtahan lama..fed-up ,nak dpt keja payah..nak kata memilih tu tak la, tapi kira blm jmpa keja yg sesuai ngan jiwa aku..sapa ada keja k0s0ng??tolong la.uwaAaA..

My BeLOveD faMiLY..

Aku nie dari keluarga yg besar jugak le.. Aku ada 9 orang adik-beradik..aku yg ke 8.. Parents aku berasal dari Sg.Bayor, Perak.. Abah aku Hamzah bin Che Long, bekerja sebagai security guard, Mak kesayangku lak berniaga.. Aku nk perkenalkan plak adik beradik aku,yang pertama Roslan ,Rosli, Rosenan , Roszaidi, Rosman , Rosarida, Rozaima Shella , Roshima Shella(aku) , Muhd Sobri..Aku paling rapat ngan akak aku Rozaima dan adik aku Sobri.. Kira mana je aku pergi kebanyakan dgn diaorg la...Masalah peribadiku pun byk aku ceritakan kat diaorg.. Aku sayang family aku...

Tutorial : Link Hover

1. Log In --> Design --> Edit Html
2. Tekan Ctrl+F search a:hover }
3. Copy and paste code ni di bawah a:hover }

color:#FF6699; background:url(Code Colour Link Hover) ;background-repeat: repeat;
text-decoration:none;
}

Pink :
http://i293.photobucket.com/albums/mm62/happyy-stop/pinkhover-happyy-stop.gif


Biru :
http://i293.photobucket.com/albums/mm62/happyy-stop/bluehover-happyy-stop.gif


Hijau :
http://i293.photobucket.com/albums/mm62/happyy-stop/greenhover-happyy-stop.gif


Unggu :
http://i293.photobucket.com/albums/mm62/happyy-stop/purplehover-happyy-stop.gif


Orange :
http://i293.photobucket.com/albums/mm62/happyy-stop/orangehover-happyy-stop.gif

Rainbow :
http://i293.photobucket.com/albums/mm62/happyy-stop/rainbowhover-happyy-stop.gif


4. Preview dulu
5.Save template!

Credit to: HanaTwisties

30 May 2010

KaLau JoDOh tiDaK kE mAna..


Hmm..Lepas satu, satu.. Takper, hdup nie ada pasang surutnya.. Dah byk jugak le knal org lelaki dlm chat neh..mcm2 perangai ada.. Sekarang nie aku sedang mengenali hati budi seseorg, nama dia Sahraill. Selama hampir 3 bulan lebih dgn si dia, aku rasa bahagia. walaupn kami tak di beri kesempatan lagi untuk berjumpa...He was so nice, honestly n sincerely.. Aku harap sgt si dia nie bkn mcm lelaki2 yg pernah aku kenal dulu..Insya-Allah.. byk dugaan cinta jarak jauh nie. mesti owg akan kata, apa daa,blm jmpe da cintan cntun..cinta nie sukar di tafsirkan, indah sangat.. Mungkin aku dah terbiasa brcinta dgn cara nie....this is my way.....Pls pray for me...

DiA yANg kU ciNtai. .

CiNta nie ada pasang surutnya. Lepas aku kcewa dgn Ridzuan aku dpt knal sorang lelaki dalam Ym, cukupla aku knalkan nama dia Shah. Aku mula berkenalan ngan dia masa aku 17thn.. Kira lama jgk persahabatan aku ngan dia, hampir setahun lbh, baru kami buat kptusan utk berjumpa.. After jmpa tu,dia declare nak couple ngan aku. Kira aku pn accept la. Sbb dia dah blh terima aku seadanya.. Perhubungn aku ngn dia lancar,cuma kami jarang berjumpa.. Sdar tak sdar dah hmpir 2 tahun lebih hubungan kami. Hmm, bila dah lama bercnta,mcm2 dugaan la yg tmbul. aku nie lau brcinta serah jiwa xpe, lau bab serah raga nie aku mmg tak berani. Tp tu la yg dia nak. Last day jmpa dia,aku mntk supaya hbungn kami diptuskan dgn baik. Mula2 dia marah jgk, dan ungkit mcm2. Sekarang pn ada la jgk kdg2 dia contact aku lg..ada jgk ajak jumpa.tp aku taknak ar, lgpn dia dah ada pengganti aku. I hope He will be change.

29 May 2010

SegaLanYa tENtAnG CiNta

berbicara ttg cnta..mmg xkan abes..wahh! cinta byk mematangkan aku..tiap kali melalui titian cnta ,pasti aku akan kcewa..anyway aku tak pnah jemu utk terus mencintai... Jiwang si0t! Aku nie xpenah skali knal ex2 bf aku kt luar. Semuanya bermula dalam alam maya,atau dgn bhasa yg simple chating la... first chat ym ,aku knal sorang laki nie ,nama dia Ridzuan, mula2 kami bhubung dgn sms n kol,slepas dua mggu aku jumpa die,sblm tu dia mtk la permission kt mak aku.. Dah jmpa parents aku.. Dia nie agak simple, but aku xksh,dia caring.. tp lama kelamaan dia berubah..dlm 6bln slepas tu, dia mendiamkan diri.... Dia kata dia xmampu nk truskan hbungn ngn aku..its fine,aku accept kptusan dia...,da lama xjmpa atau k0ntek dia, kbtln mase tgah Ym baru2 nie,aku trnampak nama dia..arggh!bolaian je la.

DuNia ALam MAYa

even semua dah taw kan.. Ada mcm2 laman2 chating mcm Ym ,mirc ,SkYpe n ect.. eyma mula aktifkan diri dgn Cyber nie sejak umo 14thn, kakak la yg byk ngajar pn.hehe.. then aktif chat di Ym msa umo 16..mcm2 org jgk le knal..strusnya mula plak wapping chat ngan handpone..tpt ptama di winwap chat...Xsmpai staon brenti,sbb da kurng user kat stu..pastu blaja plak maen wap komuniti forum...haha...sampai skrg,tp da slow ckit..dah rase bosan...skrg menjerumuskan diri dgn facebo0k plak..wahaha...

segalanya tentang aku!!!

sebelum saya started blog neh..biar saya perkenalkan
diri saya..
my name Roshima shella. saya lahir pada 4hb oktober 1990..
why i'm create dis blog??
haha!! just for fun n meluahkan rasa hati yg terpendam..cehwah!! watch my blog yea Ƹ̵̡Ӝ̵̨̄Ʒ Ƹ̵̡Ӝ̵̨̄Ʒ

20 May 2010

Ruangan Tempahan Header


header pun biasa2 so harganya pon tak mahal antara RM5-10. Kalau nak tempah boleh terus inbox saya kat FACEBOOK ataupun tinggal komen di bawah, pastikan korang btoi2 serius ok dan teruih kita bincang ek..hehehe
 
Copyright© All Right Reserved by Cik Emma