Wonderland: (Special 30 Followers) Tutorial Membuat Ex-Link Page #1

Hai guys! Tau enggak sih? Aku tuh kangen banget sama blogger :') . Akhirnya selesai UAS bisa main blogger juga :) . Nah, aku lagi bersemangat ngepos 30 tutorial karena blogku menjelang 30 followers , yeay! XD . Ya sudah langsung sajaa...... NB= Kalau mau repost bilang dan pakai credits!1) Buka blogger, jangan lupa login! 2) Pilih menu laman, buat laman baru 3) Pilih HTML (yang disebelah compose itu lho) 4) Copy kode di bawah, lalu paste and save <style>
a.need {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQKvEcjfpElsz08H4T8GFZEvGRuqsk-Be5qVjSsGjlMR92nFLzNnXn7wEaXG7H4pKQU0XdUpz0I_yyfS4xTkXsWbWHgLXof0WQqgA6iIwB05rl25zM_j_7daHe4Twpt_Ts1_bgEuPOl6w/s1600/pink.gif);
color:pink;
font: normal 20px crafty girls;
text-align:center;
width:50px;
padding: 3px;
width: 120px;
margin:1px;
display: inline-block;
border: 2px dotted pink;
box-shadow: inset 10px 0px 0px mistyrose;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius: 35px 15px / 15px 35px;
}

a.need:hover {
box-shadow: inset -130px 0px 8px mistyrose;
color: #ffffff;
border: 2px dotted #ffffff;
border-radius: 15px 35px / 35px 15px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-transform: rotate(-3deg) ;
-moz-transform: rotate(-3deg) ;
-o-transform: rotate(-3deg) ;
-ms-transform: rotate(-3deg);
}

a.more {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmvZlRcHL3e5NbracsV5Ko0GKsy4c5UdHxneg3htU_911xrcuxUhT5GG-MQoARYTVngk2JdbH9DrUf5_lBIdgOVncxLcKYbUiN5o313dqISDkDw15jbVUd1xm9Tfbns9SjtY8bpL3YWFw/s1600/blue.gif);
color:lightblue;
font: normal 20px crafty girls;
text-align:center;
width:50px;
padding: 3px;
width: 120px;
margin:1px;
display: inline-block;
border: 2px dotted lightblue;
box-shadow: inset -10px 0px 0px lightblue;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius: 35px 15px / 15px 35px;
}

a.more:hover {
box-shadow: inset 130px 0px 8px lightblue;
color: #ffffff;
border: 2px dotted #ffffff;
border-radius: 15px 35px / 35px 15px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-transform: rotate(3deg) ;
-moz-transform: rotate(3deg) ;
-o-transform: rotate(3deg) ;
-ms-transform: rotate(3deg);
}

</style>
<center>
<a class="need" href=".blogspot.com" />example</a>
<a class="more" href=".blogspot.com" />example</a>
<a class="need" href=".blogspot.com" />example</a>
<a class="more" href=".blogspot.com" />example</a><br><br>
<a class="more" href=".blogspot.com" />example</a>
<a class="need" href=".blogspot.com" />example</a>
<a class="more" href=".blogspot.com" />example</a>
<a class="need" href=".blogspot.com" />example</a><br><br>
<a class="need" href=".blogspot.com" />example</a>
<a class="more" href=".blogspot.com" />example</a>
<a class="need" href=".blogspot.com" />example</a>
<a class="more" href=".blogspot.com" />example</a><br><br>
<a class="more" href=".blogspot.com" />example</a>
<a class="need" href=".blogspot.com" />example</a>
<a class="more" href=".blogspot.com" />example</a>
<a class="need" href=".blogspot.com" />example</a><br><br>
keterangan: Orange : url background
Red : jenis huruf
Lime : Warna border
Aqua : warna shadow in box
Bold : Link
Underline : Nama
Preview langsung!