Tutorial : Menu Like Me

{ Okay di request dari shoutbox }

• Layout | Add Gadget | HTML/Javascript
• Copy code di bawah dan paste ke dalam HTML/Java

<center><style>
a.eimua{
background:#A9CCFF;
border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
margin-bottom: 10px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua:hover{background:#BAD6FF;
color:#597092;
border: 1px dashed #fff;
}
a.eimua-one{
background:#FF9FBC;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-one:hover{background:#FFB5C3;
color:#D24962;border: 1px dashed #fff;
}
a.eimua-two{
background:#D08CFF;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-two:hover{background:#E4A2FF;
color:#5F4E8C;border: 1px dashed #fff;
}
a.eimua-three{
background:#7CFF8D;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-three:hover{background:#D2FFD8;
color:#77D283;border: 1px dashed #fff;
}
a.eimua-four{
background:#FFDD74;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-four:hover{background:#FEEBB2;
color:#EEBB22;border: 1px dashed #fff;
}
a.eimua-five{
background:#FF9393;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-five:hover{background:#FFC2C2;
color:#D24E4E;border: 1px dashed #fff;
}
</style>
<a class="eimua-one" href="LINKIE">HOME</a>
<a class="eimua-two" href="LINKIE">TUTOR</a>
<a class="eimua-three" href="LINKIE">FREEBIES</a>
<a class="eimua-four" href="LINKIE">FACEBOOK</a>
<a class="eimua-five" href="LINKIE">TWITTER</a>
<a class="eimua" href="LINKIE">TUMBLR</a></center>
<script type='text/javascript'>

</script>

• Di edit dari coding Mas Erma sendiri. 

Oh My Giveaway

Hadiah?

{ Tribal bookmark }

Tamat: 31/5/2013

Tutorbies { Mp3 With Lyrics Marquee }

Assalammualaikum wbt! Okay ini tutorial kedua utk harini. Chaiyok! Tutorial ni korang boleh tgk dekat sidebar aku yg ada mp3 and lyrics tu. Bawah sekali. Nampak? Ha, tula tutorial yg aku nak share ni. Berminat?

• Layout | Add Gadget | HTML/Java
• Copy code di bawah dan paste ke dalam HTML/Java 

<center>
Paste HTML MP3
<div style="background: url(background url); border: 1px solid #FFCC6B; border-radius: 5px; height: 200px; overflow: none; width: 240px;"><marquee direction="up"onmouseover="this.stop();" scrollamount="1"onmouseout="this.start();" >
Paste Lirik Lagu
</marquee></div></center>

• Edit code
• Preview dan Save
• Credit Mas Erma Azni

Mood : Busy packing barang utk ke Pulau Pangkor, piwid sikid!

Cursor { Kiuti mini Love }

{Live Preview? Look My Cursor}

• Layout - Add gadget - HTML/Javascript
• Copy code di bawah dan paste ke dalam HTML/Java

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/28/28598/2/parts.js"></script>

Tutorial : Kiut Leaves Menu

Template Designer :

• Copy code di bawah dan paste ke dalam HTML/Javascipt

<style>.top-menu li {display: inline-block;text-align: center; font: Trebuchet MS; margin:10px 24px;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.top-menu li:hover {margin: 10px 24px; }
.top-menu li:active {margin: 10px 33px; }
.top-menu li a  {width: 95px;height: 90px;position:absolute;z-index:9999;top:42px;display:block;text-decoration: none;text-align:center; font: Trebuchet MS;font-size:12px;color: white;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;-webkit-transition-duration:500ms; -moz-transition-duration:500ms;}
.top-menu li a:hover  {color:#000}
.top-menu li:active a {font-size:12px; top:37px;text-shadow: none;text-align:center;}
.top-menu li div.menu-item {width: 90px;height: 90px;display: block;border:3px solid #fff;box-shadow:0px 0px 2px #333;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-webkit-border-top-left-radius: 100px;-webkit-border-bottom-right-radius: 100px;-moz-border-radius-topleft: 100px;-moz-border-radius-bottomright: 100px;border-top-left-radius: 100px;border-bottom-right-radius: 100px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transition-duration:500ms; -moz-transition-duration:500ms;}
.top-menu li:hover div.menu-item{-webkit-border-top-left-radius: 100px;-webkit-border-bottom-right-radius: 100px;-moz-border-radius-topleft: 100px;-moz-border-radius-bottomright: 100px;border-top-left-radius: 100px;border-bottom-right-radius: 100px;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-o-transform: rotate(225deg);-webkit-transition-duration:500ms; -moz-transition-duration:500ms;}
.top-menu li:active div.menu-item{-webkit-border-top-left-radius: 50px;-webkit-border-bottom-right-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px; }
#tutor{ background:#fbb1b1; }
#affies { background:#fbb1e5; }
#facebook { background:#e2b1fb; }
#twitter { background:#b1bcfb; }
#tumblr { background:#b1fbb3; }
</style>
<div class="separator" style="clear: both; text-align: right;">
<img border="0" src="http://data.whicdn.com/images/58012712/tumblr_m9fyueXQq01qh6ydvo1_400_large.png" /></div><div class="top-menu"><li><a href="LINK GOES HERE">Tutorial</a><div class="menu-item" id="tutor"></div></li><li><a href="LINK GOES HERE">Affies</a><div class="menu-item" id="affies"></div></li><li><a href="LINK GOES HERE">Facebook</a><div class="menu-item" id="facebook"></div></li><li><a href="LINK GOES HERE">Twitter</a><div class="menu-item" id="twitter"></div></li><li><a href="LINK GOES HERE">Tumblr</a><div class="menu-item" id="tumblr"></div></li></div>

Classic Template : 

• Copy code bawah ni dan paste di atas </style>

.top-menu li {display: inline-block;text-align: center;margin:10px 24px;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .top-menu li:hover {margin: 10px 24px; } .top-menu li:active {margin: 10px 33px; } .top-menu li a  {width: 95px;height: 90px;position:absolute;z-index:9999;top:42px;display:block;text-decoration: none;text-align:center;font-family:tt;font-size:8px;color: white;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;-webkit-transition-duration:500ms; -moz-transition-duration:500ms;} .top-menu li a:hover  {color:#000} .top-menu li:active a {font-size:20px;top:37px;text-shadow: none;text-align:center;} .top-menu li div.menu-item {width: 90px;height: 90px;display: block;border:3px solid #fff;box-shadow:0px 0px 2px #333;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-webkit-border-top-left-radius: 100px;-webkit-border-bottom-right-radius: 100px;-moz-border-radius-topleft: 100px;-moz-border-radius-bottomright: 100px;border-top-left-radius: 100px;border-bottom-right-radius: 100px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transition-duration:500ms; -moz-transition-duration:500ms;} .top-menu li:hover div.menu-item{-webkit-border-top-left-radius: 100px;-webkit-border-bottom-right-radius: 100px;-moz-border-radius-topleft: 100px;-moz-border-radius-bottomright: 100px;border-top-left-radius: 100px;border-bottom-right-radius: 100px;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-o-transform: rotate(225deg);-webkit-transition-duration:500ms; -moz-transition-duration:500ms;} .top-menu li:active div.menu-item{-webkit-border-top-left-radius: 50px;-webkit-border-bottom-right-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px; } #tutor{ background:#fbb1b1; } #affies { background:#fbb1e5; } #facebook { background:#e2b1fb; } #twitter { background:#b1bcfb; } #tumblr { background:#b1fbb3; }

• Code bawah ni pulak dan paste bawah </style>

<div class="top-menu"> <li><a href="LINK GOES HERE">Tutorial</a><div class="menu-item" id="tutor"></div></li> <li><a href="LINK GOES HERE">Affies</a><div class="menu-item" id="affies"></div></li> <li><a href="LINK GOES HERE">Facebook</a><div class="menu-item" id="facebook"></div></li> <li><a href="LINK GOES HERE">Twitter</a><div class="menu-item" id="twitter"></div></li> <li><a href="LINK GOES HERE">Tumblr</a><div class="menu-item" id="tumblr"></div></li> </div>

• Preview dan save jika puas hati
• Edit code mengikut kesesuaian dan keinginan :-) 

Tutorial: Kiut Menu

Mas Erma Binti Azni

• Copy code di bawah dan paste ke dalam HTML/Javascript

<style> a.eimua { display:inline-block; -webkit-transition: 0.4s; -moz-transition: 0.4s; padding-top:3px; width:70px; text-decoration:none; font-family:calibri; font-size:13px; height:20px; text-transform:uppercase; color: #fff; background: #FFD1D1; text-align:center; cursor:vertical-text; } a.eimua:hover{ color: #fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; background:#AEEFB5;} </style>
<center><a class="eimua" href="LINK">option1</a> <a class="eimua" href="LINK">option2</a> <a class="eimua" href="LINK">option3</a> <a class="eimua" href="LINK">option4</a></center>

• Preview dan save 

Falling { Blinkie }

{Live Preview In This Post}

• Layout > Add Gadget > HTML/Javascript
• Copy code di bawah & paste dlm  HTML/Javascript

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/26/26477/1/parts.js"></script>

Falling { Kiut Flowers }

{Live preview? Look in this blog}

• Layout > Add Gadget > HTML/Javascript
• Copy code di bawah & paste dlm  HTML/Javascript

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/25/25308/181/parts.js"></script>

Goodies - TikTok Clocky

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/24/24210/3/parts.js"></script><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://chubbygurlzchumill.blogspot.com/">TikTokEimua</a></p>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/1/1165/6/parts.js"></script><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://chubbygurlzchumill.blogspot.com/">TikTokEimua</a></p> 

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/30/30806/7/parts.js"></script><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://chubbygurlzchumill.blogspot.com/">TikTokEimua</a></p>  

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/25/25506/13/parts.js"></script><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://chubbygurlzchumill.blogspot.com/">TikTokEimua</a></p>   

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/15/15630/6/parts.js"></script><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://chubbygurlzchumill.blogspot.com/">TikTokEimua</a></p>   

TikTokEimua

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/28/28316/90/parts.js"></script><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://chubbygurlzchumill.blogspot.com/">TikTokEimua</a></p>    

How to put in your blog?

• Layout > Add Gadget > HTML/Javascript
• Copy the code under your fave clock and paste the code in HTML/Jaascript
• Preview & Save
• Credit : Mas Erma 
• Jangan remove credit pada clock yg anda guna. Terima Kasih.
• No re-goods

Apa yang menarik dengan bibir?

• Bibir Tebal

Bentuk bibir kelihatan tebal dan kembang, tidak berapa cantik tetapi kalau pandai mengenakan solekan yang betul, akan kelihatan seksi dan menggoda. Bagi mereka yang memiliki bibir jenis ini, merupakan seorang yang pandai mengatur kewangan dalam perbelanjaan, penyabar serta berani menghadapi dugaan dan cabaran hidup.

• Bibir Kecil

Bentuk ini amat disukai, kerana kelihatan comel dan mungil seperti bibir bayi. Mereka yang memiliki bibir jenis ini, merupakan seorang yang suka berterus-terang tetapi mudah merasa rendah diri serta merasa diri tidak bahagia.

• Bibir Tipis

Selalu dikaitkan, orang berbibir tipis adalah jenis celupar iaitu suka cakap lepas dan berbisa serta bermulut jahat, tetapi ini hanya andaian dan kalau adapun ianya adalah kebetulan. Dikatakan orang bibir bibir tipis tidak mempunyai prinsip dan pegangan hidup kerana mereka mudah terpengaruh apabila dipujuk rayu iaitu bersikap seperti lalang.

• Bibir Kecil dan Sempit

Dikaitkan sebagai seorang yang yang comel dan manis. Mempunyai sifat yang hampir serupa dengan orang berbibir kecil. Bezanya, mereka selalu cepat panik dan bimbang apabila berhadapan dengan masalah serta tidak pandai membuat keputusan. Merasakan diri tidak diberi peluang yang cukup dalam sesuatu keadaan.

• Bibir Kehitaman

Bibir kehitaman yang bukan disebabkan merokok, tetapi memang semulajadi kehitaman. Mereka ini dikatakan jenis yang suka berbohong dan bergaduh.

• Bibir Pucat

Mereka berbibir jenis ini merupakan seorang yang bersifat panas baran dan cepat marah serta menginginkan kemenangan didalam segala hal dan situasi.

Credit - Nur Azizah Yahya

Falling { Flower }

• Live preview
• Layout > Add Gadget > HTML/Javascript
• Copy code di bawah & paste dlm  HTML/Javascript

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/25/25969/27/parts.js"></script>