11 September 2011

tutorial:spoiler credit (love)


Dapat jimatkan sidebar.


1.dashboard-design-add a gadget


<center><div id="spoiler"><div><input value="credit" style="width:200px;font-size:12px;background-image: url( background korang);-moz-border-radius: 5px; border-radius: 5px;margin:13px;padding:0px;border-style: 2px solid #ff0000;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
<center>
<a href="link credit">♥</a><a href="link credit">♥</a><a href="link credit">♥</a><a href="link credit">♥</a><a href="link credit">♥</a><a href="link credit">♥</a><a href="link credit">♥</a><center/>

copy&paste dekat HTML javaskript tu . link credit tu blog yg korang nk credit . ♥ tu boleh tukar icon korang sendri .

coding credit--> AmyliaAku

You may leave your comment :)

freebies header part2

nak ? comment dulu baru ambek .size header 750x350







You may leave your comment :)

Tutorial:header hover (ketepi)


Untuk yang nk header die lain dari yg lain siket. Korang boleh try header hover ni, bile cursor berade di header korang . die akan ketepi.

1.cari code
h1.title { (denim) atau #header h1 {  (minima template)

2.pastekan code kat bawah ni atas code h1.title atau  #header h1 tadi 

#header:hover{
padding-left: 30px;
-webkit-transition-duration: 5s;
}
coding: Lettha

You may leave your comment :)

tutorial-tab menu (membesar)

try tengak tab menu aku ..  first die kecik . bile cursor pergi kat die, die membesar dengan sehatnye .



Dashboard>Design>Edit HTML

(tick Expand Widget Templates)
Korang copy kod bawah nie dan letak kat atas kod </head>

Bagi memudahkan pencarian tekan CTRL+F.

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

<style type='text/css'>
border: none;
vertical-align: top;
}
</style>
<script src='http://sites.google.com/site/masdoyoksite/javascript/masdoyokexpando.js' type='text/javascript'>
/* http://wanhazel.blogspot.com/*/
</script>

then, save! 

seterusnya, korang add a gadget and paste kan code kat bawah ni .


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

<center>

<a href="LINK HOME"><img class="expando" width="150" height="40"src="URL IMAGE" /></a>



<a href="LINK TUTORIAL"><img class="expando" width="150" height="40"src="URL IMAGE" /></a>


<a href="LINK FREEBIES"><img class="expando" width="150" height="40"src="URL IMAGE" /></a>



<a href="LINK CONTEST"><img class="expando" width="150" height="40"src="URL IMAGE" /></a>

<center/>


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

link tu, ambek la link page yg korang nk klik nanti . URL IMAGE boleh ambek kat bawah ni .




so . kat sini aku design untuk korang . . right click-copy image URL okay .






button-2 ni kalau nak tempah kat aku . rm3 je untuk semua :) klik button order .

coding credit--> Wan Hazel

You may leave your comment :)

Tutorial-buang navbar



kat atas  ni la navbar , kalau nak buang macam ni cara die .

1.dashboard-template-edit HTML

ctrl+f  and search code
]]></b:skin

3.paste kan code  #navbar-iframe{ display:none; } atas code ]]></b:skin 

4.preview and save !




You may leave your comment :)