Tutorial buat page linkies like me(blogskin)
06 December 2012 @ 02:13 | 0 Comment [s]



Hai n annyeonghaseyo semua :).Hari ni julia terajin nak buat tutorial setelah lama julia menyepi tanpa sebarang tutorial.Hehehehe,ok cuba korang tajuk entri kat atas.Kalau sesiapa tak tahu tengok kat bawah ni yer.


Ok dah tengok.Jom kita mulakan ok.

  Korang buat blog baru n korang tukarkan blog kepada classic template.Tak tahu?.Korang pandai-pandai lah cari sendiri ok :)

  Korang copy n paste kod dibawah ni di template korang ok :)


<html>
<head><base target='_blank'/><link href='http://media.tumblr.com/tumblr_lkqyqheQmS1qi6qow.gif' rel='icon' type='image/x-icon'/>
<title>Friend Connect;</title>
<style>
<
#navbar-iframe {
display: none !important;
}
body{
background:url(http://1.bp.blogspot.com/-jhNe49RPYzw/Tgu-2DysnuI/AAAAAAAAA_M/OnFKf8aybgU/s1600/%255Bbg%255Dwanapolkapink.png);
font-size:10px;
font-family:calibri;
letter-spacing:1px;}
a:link,a:visited{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-decoration:none;
color:#4EC7AA;
}
a:hover{
color:#23705D}

a.linkies {
font-size: 11px;
font-family: Trebuchet Ms;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background:#ffd2db;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}

a.linkies:hover {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#fff;
-webkit-transition-duration:1200ms;
}

a.linkie {
font-size: 11px;
font-family: Trebuchet Ms;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background:#FFE1E5;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}

a.linkie:hover {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#fff;
text-decoration: none;
-webkit-transition-duration:1200ms;
}

.one {
background:#FEE0CC;
color: #fff;
width:80px;
display:inline-block;
height:22px;
padding-top:2px;
font-size:13px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
position:fixed;
top:290px;
left:230px;
padding-left:4px;
}

a.one:hover{
background:#D2EEF8;
top:110px; left:80px;
}
#uhmy {
color: #000;
text-align: center;
margin-top:20px;
margin-bottom:-20px;
margin-left:180px;
font: normal 80px "lemoncanfly";}
@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}

::-webkit-scrollbar {
width:6px;
height:auto;

}

::-webkit-scrollbar-thumb{
background:#ddd;
border-radius:10px;}
a.skinby{
position:fixed;
bottom:5px;cursor:pointer;
right:5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#hmraysf{opacity:0;position:fixed;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
bottom:5px;
right:5px;
font-size:8px;
width:60p;
display:inline-block;
padding:2px;
background:#DCF8D8;}

#lost{font-size:8px;
width:60p;
display:inline-block;
padding:2px;
background:#DCF8D8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;}

.skinby:hover #lost{opacity:0;}
.skinby:hover #hmraysf{opacity:1;}

</style><link rel="me" href="http://www.blogger.com/profile/7536375855343236944" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>

</head><body><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\0756900463942179402475\46blogName\75LINKIES+:3\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLUE\46layoutType\75CLASSIC\46searchRoot\75http://exchangelinks93.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://exchangelinks93.blogspot.com/\46vt\75-6309274661578611685',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script>
<a href="http://tqaredocean.blogspot.com/" class="skinby"><div id="lost">SKIN BY</div> <div id="hmraysf">Nurul AtiQah</div></a>

<div class="one"><a href="http://mrsbaekhyunpunyeblog.blogspot.com/"> Blog :3</div>
<div id="uhmy"> Friend connect;</div><div id="back"><div style="height: 320px;overflow: scroll;">

<div style="width:470px;background:url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%25283%2529.png);padding:10px;position:fixed;top:100px; padding-right:6px;left:300px;border-radius:5px; border:1px solid #eee;">
<div style="height:300px;overflow-x:hidden;overflow-y:scroll;">
<center><<a class="linkies" href="http://blogger.blogspot.com/"> name</a>
<a class="linkies" href="http://blogger.blogspot.com/"> name</a>
<a class="linkies" href="http://blogger.blogspot.com/"> name</a>
<a class="linkies" href="http://blogger.blogspot.com/"> name</a>
<a class="linkies" href="http://blogger.blogspot.com/"> name</a>
<a class="linkies" href="http://blogger.blogspot.com/"> name</a>
<script type="text/javascript" src="//www.blogger.com/static/v1/common/js/4181124240-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body></html>

Jangan lupa bagitahu resultnyer bila dah try yer(macam peperiksaan lah pulak^o^).Oklah sampai disini sahaja bye n assalamualaikum.
                                                                                                                                
                                                                                                         ~Credit:Farah.


Older Post | Newer Post
Some Word

-PS-hover the image for navigate

Navi



Hello i'm back!!...welcome to my wonderland..hope u like at here:)

Let's Talk!


Time machine!


The Credits!

Template by : мε αs נυℓια
Another: σηε , тωσ , тняεε and ғσυя
Full Edit : Your name

Best View at GOOGLE CHROME!