HOME OWNER FRIENDS STUFFS FOLLOW DBOARD NEWER OLDER
Hello
Welcome here!

Hi, Saya Sinfully,I Like Spongebob And Patrick
music
Sing Along

ピンクリボン

Find
Find some interest
Credits
Big claps for them
Template by AnugerahSalsa .
Basecode by AtinTory.
Help by L U K A.

Blogskin Style #1
Sunday, February 23, 2014 - Permalink - 0 Miku(s)
Hari ini sinfully nak try buat blogskin punya tutorial

Ramai yang perlukan style blogskin, tapi takpe, pergi la blog sinfully macam macam ada!
Step 1 : Copy Code ini untuk (Title blogskin korang)
Contoh : 
 <html>

<link href='http://fonts.googleapis.com/css?family=Rum+Raisin' rel='stylesheet' type='text/css'>


<head>
<base target='_blank'/>
<title>S i n f u l l y</title>
<link rel="shortcut icon" href="https://31.media.tumblr.com/9536a376915356ec2e216f2ba09ae9fd/tumblr_inline_n0ugp4UwEq1qemmbq.png">
  •  MERAH GANTIKAN DENGAN TITLE BLOG KORANG
  • HIJAU GANIKAN ICON URL KORANG
 Step 2 : Copy Code ini dibawah code tadi
    <script type="text/javascript"
    src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
    <!-- now, we'll customize the snowStorm object -->
    <script type="text/javascript">
    snowStorm.snowColor = '#000000'; // blue-ish snow!?
    snowStorm.flakesMaxActive = 999; // show more snow on screen at once
    snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
    </script>

    <style type="text/css">

    #navbar-iframe{
    display: none;
    }
    body{
    background:url(http://24.media.tumblr.com/94db70a6eed538586c395fc92c32fcb6/tumblr_mzervoFOuI1ru3nbdo1_100.png);
    background-attachment: fixed;
    font-family:tahoma;
    letter-spacing:1px;
    color:#666;
    padding:1px;
    cursor:url(http://cur.cursors-4u.net/smilies/smi-2/smi176.cur),auto;
    }

    a:link, a:visited {
    cursor:url(http://cur.cursors-4u.net/smilies/smi-2/smi176.cur),auto;
    -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;
    text-decoration:none;
    color:#B0E0E6;
    padding:1px;
    }
    a:hover {
    -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;
    color:#000;
    }
    img{
    border-radius:2px;
    -webkit-transition:1s;
    }
    .sidebar {
    border-radius:10px;
    background:white;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    width: 220px;
    font-size:11px;
    text-align:left;
    border:1px solid #B0E0E6;
    margin-left:10px;
    }
    .title {
    padding:5px 5px 5px 30px;
    background:url(http://i98.photobucket.com/albums/l256/guildroyalty/pixels/86.gif) left center;
    background-repeat:no-repeat;
    font:17px georgia;
    font-style:italic;
    text-align:left;
    letter-spacing: 2px;
    color:black;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
    }
    .title:first-letter {
    font-size: 30px;
    font-family: 'Rum Raisin', sans-serif;
    text-align: center;
    color: #B0E0E6;
    }
    .comment {
    background:#E0FFFF;
    margin-bottom:10px;
    font-size:11px;
    text-align:right;
    letter-spacing:2px;
    }
    .ch-grid {
     margin: 20px 0 0 0;
     padding: 2px;
     list-style: none;
     display: block;
     text-align: center;
     width: 100%;
    }

    blockquote {
    padding: 10px 10px 10px 26px;
    border-top:1px dashed #B0E0E6;
    border-bottom:1px solid #B0E0E6;
    border-right:1px solid #B0E0E6;
    border-left:1px dashed #B0E0E6;
    background-position:bottom right;
    background-repeat:no-repeat;
    background-image: url(http://i98.photobucket.com/albums/l256/guildroyalty/pixels/86.gif);
    -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;
    }

    u {
    text-decoration:none;
    border-bottom: 1px solid #B0E0E6;
    -webkit-transition: 1s;
    }
    i {
    font-family:trebuchet ms;
    }
    ::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background:url(http://i.imgur.com/tEBwl.png);
    }
    ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color: #fff;
    border: 1px solid #B0E0E6;
    }
    ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
    height:10px;
    width:10px;
    display:block;
    background:#fff;
    border:1px solid #B0E0E6;
    }

    ::selection {
    background: #E0FFFF;
    color: #000;
    }

    ::-moz-selection {
    background: #E0FFFF;
    color: #000;
    }

    a.navi{
    display:inline-block;
    -webkit-transition:All 0.8s ease ;
    -moz-transition:All 0.84s ease ;
    -o-transition:All 0.8s ease ;
    padding:5px;
    width:70px;
    text-decoration:none;
    font-family:tahoma;
    font-size:10px;
    text-transform:uppercase;
    color: #fff;
    background: #B0E0E6;
    text-align:center;
    cursor:url(http://cur.cursors-4u.net/smilies/smi-2/smi176.cur),auto;
    }
    a.navi:hover{
    -moz-box-shadow:inset -100px 0px -200px -0.5px #87CEEB;
    -webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
    box-shadow:inset -100px 0px 0px -0.5px #87CEEB;
    color: #fff;
    border-bottom:0px;
    }
    a.tablo{
    margin-bottom:10px;
    background:#fff;
    width:45px;
    text-decoration:none;
    border:1px dotted ##B0E0E6;
    border-radius:33px;
    color:#555;
    display:inline-block;
    text-align:center;
    }

    .h1 {
    background:url(http://pastelpatterns.com/small/smallpattern-4.png);
    padding:2px;
    text-transform:uppercase;
    color:#000;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    margin-bottom:5px;
    margin:10px;
    font-family: 'Rum Raisin', sans-serif;
    font-size:12px;
    line-height:18px;
    text-align:center;
    }
    a.chan {
    background:url(https://31.media.tumblr.com/8f0d5ad2b2fdbe6fb54c0d7284d6bfab/tumblr_inline_n0ug8vOxJl1qemmbq.png);
    background-repeat:no-repeat;
    background-size:13px;
    padding-left:25px;
    color:#666;
    display:inline-block;
    font:11px arial;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    width:305px;
    line-height:18px;
    }

    a.chan:hover{
    background:url(https://31.media.tumblr.com/6a3cdf097743e8d8b00b2bb37ff62d31/tumblr_inline_mxz9o2TNxx1qk1or3.gif);
    background-repeat:no-repeat;
    background-size:13px;
    color: #B0E0E6;
    }
    </style>
  • KUNING URL IMAGE KORANG
Step 3 : Copy Pulak code ini
  <center>
    <div style="margin-top:15px;">
    <div style="display:inline-block;width:900px;padding:8px;border-radius:0px 0px 0px 0px;border:2px solid #AFEEEE;background: url(http://pastelpatterns.com/small/smallpattern-7.png);">

    <div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #B0E0E6;border-bottom:none;background-repeat:no-repeat;background: url(http://fc05.deviantart.net/fs70/f/2012/235/5/6/header_002_by_shirayuri_site-d5c5apa.png);"></div><br>

    </center>
    <center>
    <div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:600px;height:50px;display:inline-block;-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);box-shadow: 0 1px 5px rgba(191,191,191,0.88);">
    </div>

    <div style="display:inline-block;width:900px;padding:10px;border-radius:10px 10px 10px 10px;border:2px solid #B0E0E6;background: url(http://pastelpatterns.com/small/smallpattern-1.png);">

    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRY</a>
    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">MY VVIP</a>
    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFF</a>
    <a class="navi" href="PUT LINK">LINK</a>
    <a class="navi" href="PUT LINK">LINK</a>
    <a class="navi" href="<$NewerPosts$>">NEWER</a>
    <a class="navi" href="<$OlderPosts$>">OLDER</a>
    </div></div></div>
  • BIRU adalah link url korang.
Step 4 : Copy Code
<table style="border-radius:0px 0px 0px 0px;line-height: 17px; padding-left:0px; padding-right:0px; padding-bottom:18px; padding-top:20px; background:none; border:0px solid #efefef;" width="960" border="0" align="center" cellspacing="15"-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
box-shadow: 0 1px 5px rgba(191,191,191,0.88); >
<tbody><tr>
<td valign="top"><div class="sidebar">
<div class="title">Owner</div>
<div class="comment">Welcome here</div>
<center>
<div style="background:url(http://snow-white.lolipop.jp/sozai/wall/dot/25_05.gif) repeat; border:1px solid #B0E0E6;padding:4px;width:80px;">
<img style="width:80px;height:80px;" src="http://i835.photobucket.com/albums/zz276/ZeroBaiken/My%20Icons/Selection%20of%20icontastic%20stuff/Sujusleeping3.png">
</div>
<br>
Hello and annyenghaseyo . i'm Alien here. blablablabla<br>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k007.kiwi6.com/hotlink/fx300zv870/ry_01_sy_kmusicdl_.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</center></div>
<center><div style="background:none;margin-bottom:-3px;border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:100px;height:42px;display:inline-block;">
</div>
<div class="sidebar"><div class="title">Menu</div>
<div class="comment">A cup of tea or coffee</div>
<center>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >POST</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >CBOX</a>
<br>
<div id="wnsb" style="padding:3px;border:1px dashed #B0E0E6;border-radius:3px;background:#fff; width:200px;height:100px;background-position:bottom center;background-repeat:no-repeat;background-image: url(http://media.tumblr.com/51f98be361ebfbff44021153cca34f11/tumblr_inline_mg2m4bUdXB1qdlkyg.gif);"><br>
<center>Click <b>"LIKE"</b> first<br>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAtinTorys-Blog%2F469196396471064%3Fref%3Dhl&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=true&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</center>
</div>
<div id="1" style="display: none;">
<div style="text-align:left;height:100px; overflow-x:hidden; overflow-y:scroll;">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div>
<div id="2" style="display: none;">
<center>
PUT CBOX width="200"
</center>
</div>
</div></div></div></div>
<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:100px;height:42px;display:inline-block;">
</div>
<div class="sidebar"><div class="title">Follow</div>
<div class="comment">blog awesome</div>
<center>
PUT FOLLOW HERE?
</div>
</center></div>
<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:100px;height:42px;display:inline-block;">
</div>
<div class="sidebar"><div class="title">Credits</div>
<div class="comment">Thank you</div>
<center>
Template by <a href="http://fatinhalid.blogspot.com">Atin</a><a href="http://www.blogskins.com/me/atintory">Tory</a> .<br>
Basecode by <a href="http://nrulysmn.blogspot.com">Yasmin</a>.<br>
Help by <a href="http://snow-white.lolipop.jp/">S</a>
<a href="http://pastelpatterns.com">U</a>
<a href="http://xiolu.tumblr.com/pixels">J</a>
<a href="http://weheartit.com/atin95">U</a>.
</div></br>
<td valign="top" style="padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;width:950px; border:1px solid #B0E0E6; background:white; font-size:11px;border-radius:10px;"><div id="blog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table>
<div id="profile" style="display:none;">
<div class="title">Who ?</div>
<div class="comment">The human behind the screen.</div>
<center><img src="http://data.whicdn.com/images/53969314/tumblr_mj0dtttOPX1qbtf5qo1_500_large.jpg"></center><br><br>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<b>Name :</b> What what what what<br />
<b>Nickname :</b> What what what what <br />
<b>Korean Name :</b> What what what what<br />
<br />
<b>Born in the date of :</b> What what what what<br />
<b>Place of birth :</b> What what what whatr<br />
<b>Stay :</b> What what what what<br />
<b>Hometown :</b> What what what what<br />
<br />
<b>Hobby :</b> What what what what<br />
<b>Ambition :</b>  What what what what</b> <br />
<br />
<b>Love / Favorites:</b>What what what what <br />
<b>Hate / Antis :</b>What what what what<br />
<br /><br />
</div>
<div id="link" style="display:none;">
<div class="title">Exchange link</div>
<div class="comment">They are my friends.</div>
<style type="text/css">
@font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)}
a.link2 {
cursor: url(http://cur.cursors-4u.net/smilies/smi-2/smi176.cur), progress;
background:#fff;
border:1px solid #B0E0E6;
display:inline-block;
padding:2px;
width:70px;
margin:2px;
color:#666;
font-family: pixel;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
box-shadow:inset 0px 0px 0px #B0E0E6,inset 0px 0px 0px #B0E0E6;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
a.link2:hover  {
padding:2px;
width:70px;
margin:2px;
color:#fff;
display:inline-block;
box-shadow:inset 0px 14px 0px #B0E0E6,inset 0px -14px 0px #B0E0E6;
}
</style>
<body oncontextmenu='return false;'>
<center>
<img src="http://data.whicdn.com/images/53969333/tumblr_mj0d3bDhQv1qbtf5qo1_500_large.jpg"><br><br>
<br>
<center><table cellpadding="2" cellspacing="2" width="180">
<tr>
<td><input type="text" size="11" value="S I N F U L L Y" style="width:170px;color:#000;border:1px  dotted #B0E0E6;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>
<td><input type="text" size="11" value="Link" style="width:170px;color:#000;border:1px dotted #B0E0E6;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"><tr>
</table></center>
<br>
<a class="link2" href="http://.blogspot.com/">NEXT</a>
<br>
<a class="link2" href="http://.blogspot.com/">NEXT</a>

</div>
</div>
<div id="stuff" style="display:none;">
<div class="title">Stuff ?</div>
<div class="comment">The tutorial and the freebies.</div>
<center><img src="http://data.whicdn.com/images/53967540/tumblr_miuikzj5Ip1rpeqqvo2_r2_500_large.gif"><br><br>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="h1">TUTORIAL  </div>
<a class="chan" href="Link"> Tutorial</a>
<br><br><br>
<div class="h1">FREEBIES </div>
<a class="chan" href="Link"> Freebies</a>
<br><br><br>
</div>
<div id="entry" style="display:none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table></html>