. Pelaksanaan Undang-Undang Darurat .


DARURATDARURAT TMDARURAT 13MEIDARURAT LDDARURAT BAMEMBERS
Tuto : Tukar blog kepada Blogskin

hey ! malam ni mau buad tuto psal tukar blog korunk ke blogskin .. 
sbb ade org request :D
heee ...

1 . Pilih dulu blogskin yg korunk suka > Disini <
2 . cara amek code blogskin .. 
-klik pada blogskin yg dplih , then cari button yg namenye Blogger main ..
-tgok gmbar d'bwah :D

**klik untuk tumbesaran yg seimbang :D

dah klik ? serta merta anda download code blogskin ..
pastuh copy code blogskin tuh erk ..

3. Bukak blog korunk ..
-dashboard -> design -> edit html
-scroll kebawah ...
- tekan revert to classic template , pas da tkan .. akn trus jdi blogskin !

**klik untuk tumbesaran yg seimbang :D

tapi-3....ingat tak code yg korunk download tadi ? ahhax
paste code tuh dlm template korunk .. pastikan korunk delete code html yg sdia ade tuh ..


**klik untuk tumbesaran yg seimbang :D
! GUDLUCK ! 

- xtaw nak plih blogskin mne ? jum terjah stuff -> freebies -> template .. hee
-ataupom bole tros ke profile blogskin joe : > Klik sini <

Big thx to littlemisspink blog kerana gmbar di ats adlah kpuyaan die :D



Labels:


Thursday, 28 June 2012 , 4 Comment

Tuto : Uad animated header (photoscape & A.photoshop)

OKE! stelah beberape blogger tnye cmne nk uad heade animated cm joe..
joe dgn rela aty buad tuto mlam-2 ni taw...ehhee..

First .. bukak photoscape korunk..
ha ? x dek ? meh download > Klik <

**klik pd gmba untuk tumbesaran yg sihat :D

hah ! korang ade x background transparent ?
meh amek sni : 
**right klik pda gmbar diatas nih n save :D

then ! decorate lah k0runk punye header ,,

**klik pd gmba untuk tumbesaran yg sihat :D

dah abes decorate? save lah ! eheh
eh -3..tpi jgn close lgi .. dgn m'gunakan header tdi .. 
korang adjust pulak ... pudarkan o gelapkan wane , ataupom nk tmbah gmbar ? nk tmbah clipart ke..
..untuk buad animated header pulak ..

**klik pd gmba untuk tumbesaran yg sihat :D

hasilnye : 2 gmba sme yg berbeza..ahahx..faham ? uad-2 pham jela..
header pertame**

header kedue**

And Then , bukak lah photoshop korunk !
ha ? x dek ? hm .. photshop joe x download..mang dah ade lam lptop mse beli arytuh..
nk try download ? cer try kt > sini <

oke ! bukak photoshop >.< heheh

**klik pd gmba untuk tumbesaran yg sihat :D

bile dah bukak photoshop .. 
korunk .. klik window--> animation --> and klua lah satu kotak cm lam gmbar tuh :3

and then .. korunk open gmbar header tadi..
klik File --> Open --> n amek header yg PERTAME tdi .. 

**klik pd gmba untuk tumbesaran yg sihat :D

N then .. korunk open pulak header yg KEDUE tadi ..
time ni ..korunk kne copy header kedue tuh .. msuk dlam frame header yg pertame ..
care-2 copy .. sperti di bawah yea..
-klik kt button mcm kt bwah tuh .. then klik copy frame..

**klik pd gmba untuk tumbesaran yg sihat :D

pastu-2...bukak blik frame header yg pertame tuh..n paste..
care-2 nye sperti d'bwah n dlm gmbar
-klik button then klik paste frame**
-kalu ade klua pape .. klik "OK " je
**klik pd gmba untuk tumbesaran yg sihat :D

then-2 ! 
korunk-2 adjust mse , sperti gmba d'bwah

**klik pd gmba untuk tumbesaran yg sihat :D

dah siap ? korunk save .. tpi bkan save as !
tpi save for web and devices ,,mcm gmba d'bwah :D

**klik pd gmba untuk tumbesaran yg sihat :D

jdi ! nk dpatkan url gmba ..
korunk ulod kt > http://imgur.com/ <

Hasil nye ! simple-2 header .. heheh


! GUDLUCK !










Labels: ,


Thursday, 31 May 2012 , 9 Comment

Tuto : Navigate Mcam Joe

eyt ! tuto ni ade blogger yg request :D

nak code untuk navigate selang seli ? 
camni :






DASHBOARD-->TEMPLATE-->EDIT HTML
copy code bwah ni .. paste dlam template



-xtaw nk pastekan kt mne ?
-paste bwah code a:hover{
-kalu nk paste kt bwah code len pom bole..


.navi {
display:block;
background: #9F81F7;
color: #ffffff;
font-size:9px;
letter-spacing:2px;
padding:2px;
margin:1px;
text-transform:uppercase;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
-moz-border-radius: 35px;
border-radius: 35px;
}

a.navi:hover {
background: #9F81F7;
color: #ffffff;
text-align:center;
letter-spacing:12px;
-moz-box-shadow: 0 0 18px #9F81F7;
-webkit-box-shadow: 0 0 18px #9F81F7;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
}

.navis {
display:block;
background: #CEBDFF;
color: #000000;
font-size:9px;
letter-spacing:2px;
padding:2px;
margin:1px;
text-transform:uppercase;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
-moz-border-radius: 35px;
border-radius: 35px;
}

a.navis:hover {
background: #CEBDFF;
color: #000000;
text-align:center;
letter-spacing:6px;
-moz-box-shadow: 0 0 18px #9F81F7;
-webkit-box-shadow: 0 0 18px #9F81F7;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
}


Pink : bole tukar ikut warne kgemaran >Code Colour<
Biru : warne tulisan ,
Ijau : jarak tulisan tuh ..makin besar number makin jauh huruf-2


Then , copy code bwah ni pulak .. letak dekat sidebar code ... kt dlm template ..
(**dok reti nok trang cmne..ehee..)


<center><a class="navi" onClick="document.getElementById('main').innerHTML
=document.getElementById('diary').innerHTML">☻ Posts ☻ </a>
<a class="navis" onClick="document.getElementById('main').innerHTML
=document.getElementById('about').innerHTML">☺ Owner ☺ </a>
<a class="navi" onClick="document.getElementById('main').innerHTML
=document.getElementById('link').innerHTML">☻ Links ☻ </a>
<a class="navis" 
onClick="document.getElementById('main').innerHTML
=document.getElementById('stuff').innerHTML">☺ Tuto & Freebies ☺ </a></center>


Then .. copy lak code bwah ni..untuk content.. paste kt mne-2 .. xtaw nk paste kat mne ?
-paste atas code </body>






<div id="diary" style="display:none;"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div>
<div id="about" style="display:none;"><div class="main-title">About Me</div><br>CONTENT GOES HERE
</div><br><br>
<div id="link" style="display:none;"><div class="main-title">Exchange Link</div><br>CONTENT GOES HERE</div><br><br>
<div id="stuff" style="display:none;"><div class="main-title">Tutorial & Freebies</div><br>CONTENT GOES HERE</div><br><br>


Kuning : code tuh mesti same dgan code yg b'warna kuning yg atas tuh//
Biru : Ikut code Title korunk ..
Ijau : tuh isi dlam .. korg isi lah dgan apa-2 pom



siap ! arap-2 korunk paham eh ? kalu x jadik .. bole try lgi..kalu x jdik-2 bole minx joe uadkan :D

GUDLUCK !




Labels:


Saturday, 26 May 2012 , 2 Comment

Tutorial : Followers Box yg Baru (blogskin)

Hush ! stelah lame mendiamkan diri ! eheheh

sbenarnye .. tuto ni bkan joe yg buad .. joe mlas nk uad..bb pnjg sgat..ehhehe
jdi ,, joe bgi link blog comel nih eh :D

> Tuto : Followers Box **cara baru <

Gudluck !

Labels:


Monday, 21 May 2012 , 2 Comment

Tutorial = You tube player Code

hey ! 

[ First Step ]

Open 
Blog design : Dashboard > Design > Add a Gadget > HTML/JavaScript
BlogSkin : Dashboard > Template

- copy code you tube player di bawah nie n pastekan 



<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/um6nhnnuyts?fs&amp;autoplay=1&amp;hl=en_US&amp;color1=0xffffff&amp;color2=0xffffff" />
<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/um6nhnnuyts?&autoplay=1&amp;hl=en_US&amp;
color1=0xffffff&amp;color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object>

**wane pink tuh gantikan dgan url lagu kgemaran anda(youtube)

[ Cara amek url lgu you tube ]

- anda pergi you tube..gode-2 lgu fvourite anda
- tgok url kt atas video tuh,,
- copy sbhagian code sperti yg tertera di bawah :)





Credit : :D






Labels:


Friday, 13 April 2012 , 3 Comment

Tutorial : Link hover **ke tepi
Blogskin only*

-D'boad --> Template

Search code(ctrl + f utk memudahkan pencarian) :  
a:hover {
-Copy code bawah ni  and paste bwah code yg anda cari tadi :

color: transparent;text-shadow: 15px 0px 0px #6600cc;-webkit-transition: .5s;-moz-transition: .5s;}
**pink : boleh tukar ikot warna kgemaran korunk 

Labels:


Tuesday, 20 March 2012 , 2 Comment

Tutorial : Link Hover *strike-through
Huuhuh..dah lame joe cri tuto nih..bru jumpe dong..
ha ? strike tuh x taw? nih die : Strike Through :
dah taw? huuhuhu
jum-2 !

Blogskin only*

-D'boad --> Template


Search code(ctrl + f utk memudahkan pencarian) : 
a:hover {

-Copy code bawah ni  and paste bwah code yg anda cari tadi :
color: #6600cc ;
text-decoration : line-through ;
**pink : boleh tukar ikot warna kgemaran korunk


Labels:


Monday, 19 March 2012 , 0 Comment

Tutorial = Gune Fibox (full tuto)



First : go to > Tenyeh sini <

Second :
Anda kne lah sign up dulu yeah ! **gune fb pnye acc pom boleh
Then...anda log in:)

Kemudian :
Ade klua Home n D'board
Anda Klik d'board tuh keyh :)
N klua lah sperti gmbar d'bawah.
after that : 
Anda klik sEtting 
Akn kluar lah sperti gmbar di bwah**

Then :
Anda customIze Fibox anda :) **klik customize
dh abis customize anda preview n save :)


Smiley:
Nak ltak smiley sndiri pom boleyh !
**klik smiley//n klik [ADD SMILEY] (kt bwh tuh)

Then save !

Finally:
>Anda klik overview<
Anda ejas lah size fibox anda tuh
Then copy aje code kt bwah tuh:)


Dah siap !!snang jekan? hohoho

Gudluck !!





Labels:


Saturday, 3 March 2012 , 0 Comment

Facebook like button di entry *BD N BS
Blogskin User
First at all :)
1. Dashboard > Template.
2. Ctrl + F, cari code neh


<$BlogItemBody$>

Then ;
Copy code bwah ni and pastekan DIATAS / DIBAWAH code yg dcari tadi ,
*kalu paste kt atas..so fb like btton tuh dkat atas..
bgituh jge klu paste kt bwah..so dkat bawah lah:)
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURLgt;" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>


Credit : > blog ini < 

BlogDesign

Dashboard > Design > Edit html > Tick Expand widget templates 
> Ctrl+F serentak carik code ny :

<data:post.body/>

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

Credit :> blog ini <

Preview dulu k,,
biler dh puas aty..baru save.. 

> GUDLUCK < 






Labels:


Monday, 27 February 2012 , 0 Comment

Facebook like button di entry*blogskin
First at all :)
1. Dashboard > Template.
2. Ctrl + F, cari code neh
<$BlogItemBodygt;
Then ;
Copy code bwah ni and pastekan DIATAS / DIBAWAH code yg dcari tadi ,
*kalu paste kt atas..so fb like btton tuh dkat atas..
bgituh jge klu paste kt bwah..so dkat bawah lah:)
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURLgt;" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>
Preview dulu k,,
biler dh puas aty..baru save.. 

> GUDLUCK < 

Labels:



Tutorial = Agree / Disagree button
Nak buad mcam j0e punye?
jum start ! 
*pastikan bgi tumpuan sepenuhnye k..bb tuto ni ssh n m'mningkan skit*
heee

[ First step ] 
Anda cari code navigate korunk
exmple : 

<center>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('nama').innerHTML" title="post">entry</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('saya').innerHTML" title="owner">about</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('qistina').innerHTML" title="stuff">Stuff</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML" title="link">Linkies</a>
</div></center>
</div><br>
[ Second Step ]

Amek code bawah ni n paste sbelom code tutorial korunk =]

<div id="qistina" style="display: none;">

<div class="h1">Read Rules First</div><br>

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://i.imgur.com/brTQo.png" /></div><br>

<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Tolong jangan mengubah atau menjadikan sebarang imej atau freebies kepunyaan anda.<br>
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Tlong credit skirenye mgunakan / sharing saia punye tuto/freebies.<br>
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Jangan mengubah link sebarang imej sebagai link anda atau anda akan menyesal.<br>
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Tlong jdi Blooger yg berhemah yea , gtaw kalau amik tuto / freebies.<br><br></div>

<div style="text-align: center;">
<span onClick="document.getElementById('content').innerHTML=document.getElementById('stuff').innerHTML"><b>| Agree ✔<b></span> || <span onClick="document.getElementById('content').innerHTML=document.getElementById('nama').innerHTML"><b>Disagree ✖ |<b></span><br>
</div>

Code tutorial anda:
*paste code diatas sebelom code dibawah ini=](code tutorial anda)
<div id="stuff" style="display:none;">
<div class="h1">Tutorials</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_lnh7txOsyH1qc4uvwo1_500.gif"width="230" height="130"/></center>
<a href="http://mrpurpleblog.blogspot.com/2012/01/tutorial-letak-cute-divider-di-blog.html"> Letak divider di blog archieve</a><b>*BD<b><br>
<a href="http://mrpurpleblog.blogspot.com/2012/01/tutorial-cara-nak-letak-banner-dalam.html"> Banner BERLINK .. (klik banner tros ke link~)</a><B>*BD & BS<B><br>
<a href="http://mrpurpleblog.blogspot.com/2012/01/tutorial-hover-images-images-btukar.html"> Images Hover(gmbar btukar pabila disentuh)</a><B>*BD & BS<B> <br>
<a href="http://mrpurpleblog.blogspot.com/2011/12/tutorial-hide-shoutbox-with-freebies.html"> Hide shoutbox (with freebies)</a><B>*BD<B><br>
<a href="http://mrpurpleblog.blogspot.com/2011/12/tutorial-tukar-home0ldernewerwith.html"> Tukar Home,Older post n Newer Post ke bentuk gambar(freebies)</a><B>*BD<B><br>
<br>

-Tukar yg diwarnakan dgan code di dlam template anda=]
-setiap yg bewarna same maknenye code pom kne same
warne biru tua tuh : tukar mengikut code Title dlm template korunk juge
exmple code title :

.h1 {
background: url('http://i.imgur.com/74rNn.png');
color:#8000FF;
font-size:16px;
padding:3px;
border-top:1px dashed #9F81F7;
border-bottom:2px dashed #9F81F7;
border-left:7px solid #9F81F7;
border-right:7px solid #9F81F7;
font-family:nova mono;
text-align: center;
}

Then dah siap tukar code..,,Priview dulu yer!!
dh puas aty bru save..

*sbrang kerosakkan adlah tggungjawab sndiri




Labels:


Wednesday, 15 February 2012 , 2 Comment

Tutorial = Float button (fb,twitter)

*Blogdesign
1. Log in > Dashboard > Design > Add Gadget > Html/Java Script
2. Copy code dibawah ni dan paste di ruang HTML/Javascript

*BlogSkin
1. D'bod > Template
2 . Copy code bawah ni n paste atas code  </head> :




<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
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:140px; left:-12px;'>
<a class='linkopacity' href=' http://www.facebook.com/j0eKarNinE ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
<a class='linkopacity' href=' https://twitter.com/#!/JoeSmithTentacl ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href='http://mrpurpleblog.blogspot.com/ ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />
</div>

Pink = Tukar kpada link kamu yea ;
Biru : boleyh tukar gmbar ikot kesukaan..tgok bwah :] 

Freebies :
: Right clik n copy images url :
Twitter, Myspace, Feed n Fb

Kuning :


Merah :


Purple :


Pink :


Orange :


Grey :


Green :


Blue :


Nk tgok yg len ?

Credit :




Labels: ,


Monday, 6 February 2012 , 0 Comment


Disclaimer

Assalamualaikum Warahmatullahi Wabarakatuh


Blog ini dicipta khas untuk assignmet PENGAJIAN MALAYSIA yang diberi oleh pensyarah kami iaitu Ustaz Tarmizi . Blog ini akan menceritakan tentang tajuk yang telah diberkan kepada kami iaitu PELAKSANAAN UNDANG-UNDANG DARURAT DI MALAYSIA .


Chatting



Followers

be my follower ? thanks :)






**klik untuk tumbesaran yg seimbang :D

dah klik ? serta merta anda download code blogskin ..
pastuh copy code blogskin tuh erk ..

3. Bukak blog korunk ..
-dashboard -> design -> edit html
-scroll kebawah ...
- tekan revert to classic template , pas da tkan .. akn trus jdi blogskin !

**klik untuk tumbesaran yg seimbang :D

tapi-3....ingat tak code yg korunk download tadi ? ahhax
paste code tuh dlm template korunk .. pastikan korunk delete code html yg sdia ade tuh ..


**klik untuk tumbesaran yg seimbang :D
! GUDLUCK ! 

- xtaw nak plih blogskin mne ? jum terjah stuff -> freebies -> template .. hee
-ataupom bole tros ke profile blogskin joe : > Klik sini <

Big thx to littlemisspink blog kerana gmbar di ats adlah kpuyaan die :D



Labels:


4 Comment

Tuto : Uad animated header (photoscape & A.photoshop)

OKE! stelah beberape blogger tnye cmne nk uad heade animated cm joe..
joe dgn rela aty buad tuto mlam-2 ni taw...ehhee..

First .. bukak photoscape korunk..
ha ? x dek ? meh download > Klik <

**klik pd gmba untuk tumbesaran yg sihat :D

hah ! korang ade x background transparent ?
meh amek sni : 
**right klik pda gmbar diatas nih n save :D

then ! decorate lah k0runk punye header ,,

**klik pd gmba untuk tumbesaran yg sihat :D

dah abes decorate? save lah ! eheh
eh -3..tpi jgn close lgi .. dgn m'gunakan header tdi .. 
korang adjust pulak ... pudarkan o gelapkan wane , ataupom nk tmbah gmbar ? nk tmbah clipart ke..
..untuk buad animated header pulak ..

**klik pd gmba untuk tumbesaran yg sihat :D

hasilnye : 2 gmba sme yg berbeza..ahahx..faham ? uad-2 pham jela..
header pertame**

header kedue**

And Then , bukak lah photoshop korunk !
ha ? x dek ? hm .. photshop joe x download..mang dah ade lam lptop mse beli arytuh..
nk try download ? cer try kt > sini <

oke ! bukak photoshop >.< heheh

**klik pd gmba untuk tumbesaran yg sihat :D

bile dah bukak photoshop .. 
korunk .. klik window--> animation --> and klua lah satu kotak cm lam gmbar tuh :3

and then .. korunk open gmbar header tadi..
klik File --> Open --> n amek header yg PERTAME tdi .. 

**klik pd gmba untuk tumbesaran yg sihat :D

N then .. korunk open pulak header yg KEDUE tadi ..
time ni ..korunk kne copy header kedue tuh .. msuk dlam frame header yg pertame ..
care-2 copy .. sperti di bawah yea..
-klik kt button mcm kt bwah tuh .. then klik copy frame..

**klik pd gmba untuk tumbesaran yg sihat :D

pastu-2...bukak blik frame header yg pertame tuh..n paste..
care-2 nye sperti d'bwah n dlm gmbar
-klik button then klik paste frame**
-kalu ade klua pape .. klik "OK " je
**klik pd gmba untuk tumbesaran yg sihat :D

then-2 ! 
korunk-2 adjust mse , sperti gmba d'bwah

**klik pd gmba untuk tumbesaran yg sihat :D

dah siap ? korunk save .. tpi bkan save as !
tpi save for web and devices ,,mcm gmba d'bwah :D

**klik pd gmba untuk tumbesaran yg sihat :D

jdi ! nk dpatkan url gmba ..
korunk ulod kt > http://imgur.com/ <

Hasil nye ! simple-2 header .. heheh


! GUDLUCK !










Labels: ,


9 Comment

Tuto : Navigate Mcam Joe

eyt ! tuto ni ade blogger yg request :D

nak code untuk navigate selang seli ? 
camni :






DASHBOARD-->TEMPLATE-->EDIT HTML
copy code bwah ni .. paste dlam template



-xtaw nk pastekan kt mne ?
-paste bwah code a:hover{
-kalu nk paste kt bwah code len pom bole..


.navi {
display:block;
background: #9F81F7;
color: #ffffff;
font-size:9px;
letter-spacing:2px;
padding:2px;
margin:1px;
text-transform:uppercase;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
-moz-border-radius: 35px;
border-radius: 35px;
}

a.navi:hover {
background: #9F81F7;
color: #ffffff;
text-align:center;
letter-spacing:12px;
-moz-box-shadow: 0 0 18px #9F81F7;
-webkit-box-shadow: 0 0 18px #9F81F7;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
}

.navis {
display:block;
background: #CEBDFF;
color: #000000;
font-size:9px;
letter-spacing:2px;
padding:2px;
margin:1px;
text-transform:uppercase;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
-moz-border-radius: 35px;
border-radius: 35px;
}

a.navis:hover {
background: #CEBDFF;
color: #000000;
text-align:center;
letter-spacing:6px;
-moz-box-shadow: 0 0 18px #9F81F7;
-webkit-box-shadow: 0 0 18px #9F81F7;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;cursor:
}


Pink : bole tukar ikut warne kgemaran >Code Colour<
Biru : warne tulisan ,
Ijau : jarak tulisan tuh ..makin besar number makin jauh huruf-2


Then , copy code bwah ni pulak .. letak dekat sidebar code ... kt dlm template ..
(**dok reti nok trang cmne..ehee..)


<center><a class="navi" onClick="document.getElementById('main').innerHTML
=document.getElementById('diary').innerHTML">☻ Posts ☻ </a>
<a class="navis" onClick="document.getElementById('main').innerHTML
=document.getElementById('about').innerHTML">☺ Owner ☺ </a>
<a class="navi" onClick="document.getElementById('main').innerHTML
=document.getElementById('link').innerHTML">☻ Links ☻ </a>
<a class="navis" 
onClick="document.getElementById('main').innerHTML
=document.getElementById('stuff').innerHTML">☺ Tuto & Freebies ☺ </a></center>


Then .. copy lak code bwah ni..untuk content.. paste kt mne-2 .. xtaw nk paste kat mne ?
-paste atas code </body>






<div id="diary" style="display:none;"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div>
<div id="about" style="display:none;"><div class="main-title">About Me</div><br>CONTENT GOES HERE
</div><br><br>
<div id="link" style="display:none;"><div class="main-title">Exchange Link</div><br>CONTENT GOES HERE</div><br><br>
<div id="stuff" style="display:none;"><div class="main-title">Tutorial & Freebies</div><br>CONTENT GOES HERE</div><br><br>


Kuning : code tuh mesti same dgan code yg b'warna kuning yg atas tuh//
Biru : Ikut code Title korunk ..
Ijau : tuh isi dlam .. korg isi lah dgan apa-2 pom



siap ! arap-2 korunk paham eh ? kalu x jadik .. bole try lgi..kalu x jdik-2 bole minx joe uadkan :D

GUDLUCK !




Labels:


2 Comment

Tutorial : Followers Box yg Baru (blogskin)

Hush ! stelah lame mendiamkan diri ! eheheh

sbenarnye .. tuto ni bkan joe yg buad .. joe mlas nk uad..bb pnjg sgat..ehhehe
jdi ,, joe bgi link blog comel nih eh :D

> Tuto : Followers Box **cara baru <

Gudluck !

Labels:


2 Comment

Tutorial = You tube player Code

hey ! 

[ First Step ]

Open 
Blog design : Dashboard > Design > Add a Gadget > HTML/JavaScript
BlogSkin : Dashboard > Template

- copy code you tube player di bawah nie n pastekan 



<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/um6nhnnuyts?fs&amp;autoplay=1&amp;hl=en_US&amp;color1=0xffffff&amp;color2=0xffffff" />
<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/um6nhnnuyts?&autoplay=1&amp;hl=en_US&amp;
color1=0xffffff&amp;color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object>

**wane pink tuh gantikan dgan url lagu kgemaran anda(youtube)

[ Cara amek url lgu you tube ]

- anda pergi you tube..gode-2 lgu fvourite anda
- tgok url kt atas video tuh,,
- copy sbhagian code sperti yg tertera di bawah :)





Credit : :D






Labels:


3 Comment

Tutorial : Link hover **ke tepi
Blogskin only*

-D'boad --> Template

Search code(ctrl + f utk memudahkan pencarian) :  
a:hover {
-Copy code bawah ni  and paste bwah code yg anda cari tadi :

color: transparent;text-shadow: 15px 0px 0px #6600cc;-webkit-transition: .5s;-moz-transition: .5s;}
**pink : boleh tukar ikot warna kgemaran korunk 

Labels:


2 Comment

Tutorial : Link Hover *strike-through
Huuhuh..dah lame joe cri tuto nih..bru jumpe dong..
ha ? strike tuh x taw? nih die : Strike Through :
dah taw? huuhuhu
jum-2 !

Blogskin only*

-D'boad --> Template


Search code(ctrl + f utk memudahkan pencarian) : 
a:hover {

-Copy code bawah ni  and paste bwah code yg anda cari tadi :
color: #6600cc ;
text-decoration : line-through ;
**pink : boleh tukar ikot warna kgemaran korunk


Labels:


0 Comment

Tutorial = Gune Fibox (full tuto)



First : go to > Tenyeh sini <

Second :
Anda kne lah sign up dulu yeah ! **gune fb pnye acc pom boleh
Then...anda log in:)

Kemudian :
Ade klua Home n D'board
Anda Klik d'board tuh keyh :)
N klua lah sperti gmbar d'bawah.
after that : 
Anda klik sEtting 
Akn kluar lah sperti gmbar di bwah**

Then :
Anda customIze Fibox anda :) **klik customize
dh abis customize anda preview n save :)


Smiley:
Nak ltak smiley sndiri pom boleyh !
**klik smiley//n klik [ADD SMILEY] (kt bwh tuh)

Then save !

Finally:
>Anda klik overview<
Anda ejas lah size fibox anda tuh
Then copy aje code kt bwah tuh:)


Dah siap !!snang jekan? hohoho

Gudluck !!





Labels:


0 Comment

Facebook like button di entry *BD N BS
Blogskin User
First at all :)
1. Dashboard > Template.
2. Ctrl + F, cari code neh


<$BlogItemBody$>

Then ;
Copy code bwah ni and pastekan DIATAS / DIBAWAH code yg dcari tadi ,
*kalu paste kt atas..so fb like btton tuh dkat atas..
bgituh jge klu paste kt bwah..so dkat bawah lah:)
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURLgt;" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>


Credit : > blog ini < 

BlogDesign

Dashboard > Design > Edit html > Tick Expand widget templates 
> Ctrl+F serentak carik code ny :

<data:post.body/>

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

Credit :> blog ini <

Preview dulu k,,
biler dh puas aty..baru save.. 

> GUDLUCK < 






Labels:


0 Comment

Facebook like button di entry*blogskin
First at all :)
1. Dashboard > Template.
2. Ctrl + F, cari code neh
<$BlogItemBodygt;
Then ;
Copy code bwah ni and pastekan DIATAS / DIBAWAH code yg dcari tadi ,
*kalu paste kt atas..so fb like btton tuh dkat atas..
bgituh jge klu paste kt bwah..so dkat bawah lah:)
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURLgt;" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>
Preview dulu k,,
biler dh puas aty..baru save.. 

> GUDLUCK < 

Labels:


0 Comment

Tutorial = Agree / Disagree button
Nak buad mcam j0e punye?
jum start ! 
*pastikan bgi tumpuan sepenuhnye k..bb tuto ni ssh n m'mningkan skit*
heee

[ First step ] 
Anda cari code navigate korunk
exmple : 

<center>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('nama').innerHTML" title="post">entry</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('saya').innerHTML" title="owner">about</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('qistina').innerHTML" title="stuff">Stuff</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML" title="link">Linkies</a>
</div></center>
</div><br>
[ Second Step ]

Amek code bawah ni n paste sbelom code tutorial korunk =]

<div id="qistina" style="display: none;">

<div class="h1">Read Rules First</div><br>

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://i.imgur.com/brTQo.png" /></div><br>

<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Tolong jangan mengubah atau menjadikan sebarang imej atau freebies kepunyaan anda.<br>
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Tlong credit skirenye mgunakan / sharing saia punye tuto/freebies.<br>
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Jangan mengubah link sebarang imej sebagai link anda atau anda akan menyesal.<br>
<img src="http://dl3.glitter-graphics.net/pub/143/143213ma68uulaob.gif" />&nbsp;Tlong jdi Blooger yg berhemah yea , gtaw kalau amik tuto / freebies.<br><br></div>

<div style="text-align: center;">
<span onClick="document.getElementById('content').innerHTML=document.getElementById('stuff').innerHTML"><b>| Agree ✔<b></span> || <span onClick="document.getElementById('content').innerHTML=document.getElementById('nama').innerHTML"><b>Disagree ✖ |<b></span><br>
</div>

Code tutorial anda:
*paste code diatas sebelom code dibawah ini=](code tutorial anda)
<div id="stuff" style="display:none;">
<div class="h1">Tutorials</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_lnh7txOsyH1qc4uvwo1_500.gif"width="230" height="130"/></center>
<a href="http://mrpurpleblog.blogspot.com/2012/01/tutorial-letak-cute-divider-di-blog.html"> Letak divider di blog archieve</a><b>*BD<b><br>
<a href="http://mrpurpleblog.blogspot.com/2012/01/tutorial-cara-nak-letak-banner-dalam.html"> Banner BERLINK .. (klik banner tros ke link~)</a><B>*BD & BS<B><br>
<a href="http://mrpurpleblog.blogspot.com/2012/01/tutorial-hover-images-images-btukar.html"> Images Hover(gmbar btukar pabila disentuh)</a><B>*BD & BS<B> <br>
<a href="http://mrpurpleblog.blogspot.com/2011/12/tutorial-hide-shoutbox-with-freebies.html"> Hide shoutbox (with freebies)</a><B>*BD<B><br>
<a href="http://mrpurpleblog.blogspot.com/2011/12/tutorial-tukar-home0ldernewerwith.html"> Tukar Home,Older post n Newer Post ke bentuk gambar(freebies)</a><B>*BD<B><br>
<br>

-Tukar yg diwarnakan dgan code di dlam template anda=]
-setiap yg bewarna same maknenye code pom kne same
warne biru tua tuh : tukar mengikut code Title dlm template korunk juge
exmple code title :

.h1 {
background: url('http://i.imgur.com/74rNn.png');
color:#8000FF;
font-size:16px;
padding:3px;
border-top:1px dashed #9F81F7;
border-bottom:2px dashed #9F81F7;
border-left:7px solid #9F81F7;
border-right:7px solid #9F81F7;
font-family:nova mono;
text-align: center;
}

Then dah siap tukar code..,,Priview dulu yer!!
dh puas aty bru save..

*sbrang kerosakkan adlah tggungjawab sndiri




Labels:


2 Comment

Tutorial = Float button (fb,twitter)

*Blogdesign
1. Log in > Dashboard > Design > Add Gadget > Html/Java Script
2. Copy code dibawah ni dan paste di ruang HTML/Javascript

*BlogSkin
1. D'bod > Template
2 . Copy code bawah ni n paste atas code  </head> :




<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
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:140px; left:-12px;'>
<a class='linkopacity' href=' http://www.facebook.com/j0eKarNinE ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
<a class='linkopacity' href=' https://twitter.com/#!/JoeSmithTentacl ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href='http://mrpurpleblog.blogspot.com/ ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />
</div>

Pink = Tukar kpada link kamu yea ;
Biru : boleyh tukar gmbar ikot kesukaan..tgok bwah :] 

Freebies :
: Right clik n copy images url :
Twitter, Myspace, Feed n Fb

Kuning :


Merah :


Purple :


Pink :


Orange :


Grey :


Green :


Blue :


Nk tgok yg len ?
Klik Sini ;

Credit :
Kak Lyysa




Labels: ,


0 Comment


Skin Made By : HafizZulkafly. Re-edit and Owner JOE. Others xx.