Little Milyy Shop

A beginner freelance designer

Nice to meet you!

Extraordinary claims require extraordinary evidence cosmic fugue galaxies, culture tingling of the spine, courage of our questions. Across the centuries the only home we've ever known!
Maeve

What Read Next

Tutorial : Customize warning widget









Ada yang bertanya pasal Amaran klik saya kat tepi tuh . Nampak kan ? Hee . Okay sebenarnya terjumpa code dekat blogskin . Banyak kali try and akhirnya jadik .  Alhamdulillah . Ohoii . Sakit hati jugak lah mase try . But berbaloi bila jadik .
So jom proceed .
  1. Dashboard > Layout > Add a Gadget > HTML/JavaScript
  2.  Then , Copy code bawah ni and paste dibhgian HTML/JavaScript

<style type="text/css">
#at{
position:fixed;
right:350px;
z-index:+1000;
top:6;
}
* html #at{position:relative;}
.attab{
height:500px;
width:30px;
float:right;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
background:url(http://i.imgur.com/M5fBo2X.png) no-repeat 0 0 transparent;
width:800px;
height:700px;center scroll ;
padding:56px 0 20px 5px;
}
</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;">




<center><div id="author"><a href="javascript:void(0);" onclick="showHideAT()">
</a></div></center></div>

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

<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:100px; right:5px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://i.imgur.com/kgyILTb.png" alt="PUSH" title="KLIK ME" /></a>
</div></div></div></div>

3. Klik save . Siap !




ps: Yang kaler merah tuh untuk diubah . ^^



Selamat mencuba :)


Sila lah klik ad kat sini jugak ek . Encik nuffy . Huhu . Kalau tak jadi inform okay :) Kalau rajin nanti saya buat lah freebies .&gt;.&lt;









Comments

  1. alahai..comeynye blog dye..jelez..huhu..follow me please..

    ReplyDelete
  2. akak nk letak blog adik dlm blog akak..bleh x?nk letak kat atas header..

    ReplyDelete
  3. serius.. cool sgt la hihi :D
    bagus tutor ni..
    boleh atin share?
    i credit you :D

    ReplyDelete
  4. Nak share boleh? Saya credit okay.. Btw, follow lah saya.. And joinlah cnie - http://ana-myhusna-life.blogspot.com/2013/08/segmen-saya-mahu-by-anamyhusna.html

    ReplyDelete
  5. nak share jugak boleh ? saya creditkan akak :)

    ReplyDelete
  6. saye gune tutor akak . comel sngat ><

    ReplyDelete
  7. Kalau untuk classic template mcm mane ekk??

    ReplyDelete
  8. kak,nak ambil boleh?gambar click tu?comellll >.<

    ReplyDelete
  9. cam mana xmaw bagi 'klik me' benti maksd saya xmaw bagi dy gerak bila kita scroll blog kita?xmaw bg dia follow

    ReplyDelete

Post a Comment

Hey ! Jangan Lupa Tinggalkan Komen Tau ♥

Contact Form

Name

Email *

Message *