Posted by : Ryo Apri 29 Mei 2012

Nih trik dari Utta ,cz gw dah bingung alias gk ada inspirasi buat ngeposting ..........hadehhh ryo ryo xD


nah gambar disamping pun gw SS dari si Utta juga (dasar kurang kerjaan ) halahhhhhhhh gmana lagi yahh

langsung aja dehh

1.Masuk ke Akun Blogger kalian >> masuk ke Rancangan lalu centang Expand Template Widget

2.Cari kode ]]></b:skin>

3.Letakkan kode berikut diatasnya


.starburst5 {
display:block;
width:5em;
height:5em;
background:darkred;
border: 2px solid #ddd;
position:relative;
top:1em;
left:1em;
text-align:center;
text-decoration:none;
color:#ddd;
text-shadow:
0 0 1px #fff,
0 0 2px #fff,
0 0 3px #fff,
0 0 4px #fff,
0 0 5px red,
0 0 7px red,
0 0 10px red,
0 0 15px red;
font-weight:bold;
font-family:Calibri, sans-serif;
font-size:1.5em;
-webkit-transform:rotate(-56.5deg);
-moz-transform:rotate(-56.5deg);
rotation:-56.5deg;
}
.starburst5 span {
display:block;
width:6em;
height:6em;
background:darkred;
border: 2px solid #ccc;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
rotation:-45deg;
-moz-transition: -moz-transform 1s ease;
-webkit-transition: -webkit-transform 1s ease;
transition: transform 1s ease;
}
.starburst5:hover {
background:#000;
}
.starburst5:hover span {background:#111;border: 2px solid red;
-webkit-transform:rotate(11.25deg);
-moz-transform:rotate(11.25deg);
rotation:11.25deg;
}
#UTtrik_pojok {
position:fixed;_position:absolute;top:50px; left:-10px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth &#8211; offsetWidth); }

4.Letakkan kode berikut di bawah kode <body> atau tambah gadget pun juga bisa

<div id='UTtrik_pojok'>
<ul class='starbursts'>
<li>
<a class='starburst5' href='https://www.facebook.com/uttamelanikz'><span><span><span><span><span><span><span><br/>Follow me<br/>on<br/>Facebook!!!</span></span></span></span></span></span></span></a>
</li>
</ul></div> 

Kalo udah Save dehhh edit sendiri yah kodenya biar creative

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Banner

banner banner banner banner

Follow

Blog, Blogger, Tips, Tricks, Music, Ryo, Apri, R-Ryuzaki™, Ryo Apri, Science, software, template, colour code, social, Game, l-nino Blog, Blogger, Tips, Tricks, Music, Ryo, Apri, R-Ryuzaki™, Ryo Apri, Science, software, template, colour code, social, Game, l-nino

- Copyright © 2013 RLanzer -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -