<html><head>
<link href='http://fonts.googleapis.com/css?family=Oldenburg|Delius+Swash+Caps|Short+Stack|Concert+One|Happy+Monkey' rel='stylesheet' type='text/css'>
<title>Yummy Choco!</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgduCZxOMuAhyphenhyphenSkd57IdnK1dffffn9D49i-r5LDnP5F2PEaFgv0bZP_XvoAI8QUISPnzxLzpjGx_V0HOzO_-X_zNwde52Db3l9n13HpQS_mtcv0Ne9qcp1YaAWztv88o0GR_gnWaTMb-j8/s1600/brown.jpg);
background-attachment:fixed;
font-family: short stack;
font-size: 11px;
}
a:link, a:visited {
color:#FFE1B8;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: #563304;
}
.mainblog {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-W-BgWQKyC5vcIoveTaBCnmaSrDt8XHT1Dh7BXz1N90XoqUUClJ-wDaLHnT93tLR3Ip54oJJGta6DrtwQ87QTuA3FIAf61WPkbBqCrknuB0lbwmufJbW4V_Fw4YV8_INxM1HdYuA2Qjw/s1600/gray.png);
color:#666666;
padding:14px;
width:800px;
border-radius:10px;
text-align:justify;
border:2px solid 633402;
}
.sidebarblog {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-W-BgWQKyC5vcIoveTaBCnmaSrDt8XHT1Dh7BXz1N90XoqUUClJ-wDaLHnT93tLR3Ip54oJJGta6DrtwQ87QTuA3FIAf61WPkbBqCrknuB0lbwmufJbW4V_Fw4YV8_INxM1HdYuA2Qjw/s1600/gray.png);
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
border:2px solid 633402;
-moz-box-shadow: 0 0 5px 5px #fff;
-webkit-box-shadow: 0 0 5px 5px #fff;
box-shadow: 0 0 5px 5px #fff;
}
.title {
color:#FFC0C3;
font-size:24px; font-family: Delius Swash Caps;
padding:3px;
border-bottom:1px solid #FFDADC;
margin-bottom:3px;
}
.date {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
.nav{ letter-spacing: 1px; text-align: center; font-family: "georgia"; color: transparent; -webkit-transition: 1s; font-size: 11pt; font-style: italic;border-radius:100px;cursor:crosshair; }
.nav:hover{ color: #897e54; opacity: .80; }
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
border-radius:10px;
background:#563304;
border: 2px solid #FFDFE4;
}
::-webkit-scrollbar-track-piece {
background-color: #FFFFD7;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#FFFFFF;
background:#563304;
border: 3px solid #563304;
}
</style>
<body>
<!----SIDEBAR----->
<div style="position:fixed; top:120px;right:80px;"><br />
<div class="sidebarblog">
<div class="title"><center>Chatting Here!</center></div>
<br><center>PUT YOUR OWN CBOX CODE HERE!</center></div><br>
<div class="sidebarblog">
<div class="title"><center>Credit</center></div>
<br><center>Skins made by <a href="http://pompom-choco.blogspot.com/">Siti</a><br>
Tutorial by <a href="http://wanaseoby.blogspot.com/">Wana</a> and <a href="http://chocollyheart.blogspot.com/">Fiqa</a><br>
Best view in google crohome.</center></div></div></div>
<table style="font-size:12px;border:2px solid #633402;border-radius:20px;padding:10px;-moz-box-shadow: 0 0 5px 5px #fff;
-webkit-box-shadow: 0 0 5px 5px #fff;
box-shadow: 0 0 5px 5px #fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg028IlYj54biOGNfonHJwLpSpyV5iuNCD2zrqOurzyywEkoqYUGBWVNf231PhgQB8PxcHNpBXoKSrrmrQGc_VI5JTaNRUL5Sryw3WFA6Nzh8tO8PzjgQq-5nP-oYRUVpoPGwwy09pLlCE/s1600/groy.gif);" align="center">
<!-------NAVIGATION-------->
<center><a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" ><img src="http://38.media.tumblr.com/4a693b6ec35623ebb65f0e8428eeb405/tumblr_mi4keo18FQ1r4fnj8o1_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
<a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" ><img src="http://38.media.tumblr.com/0bdc1f5848a865e2395c222dcfc7ac54/tumblr_mi4keo18FQ1r4fnj8o2_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
<a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" ><img src="http://33.media.tumblr.com/a7273125eda779fced716302c966979c/tumblr_mi4keo18FQ1r4fnj8o4_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
<a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" ><img src="http://31.media.tumblr.com/1b1a7bb24c18da8ce1153406a017143d/tumblr_mi4keo18FQ1r4fnj8o3_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
</center>
<!-------POST PAGE-------->
<td valign="top" width:550px;">
<div class="mainblog">
<div id="wnsb" style="margin-top:5px;width:780px; padding:10px; border:1px dashed #fff;">
<div class="title">Hello!</div>
<div class="date">Welcome Here!</div>
<center>Helloooo! Welcome to my yummy choco blog! Be happy in my blog! Dont forget to follow my blog too,okay?<br> Dont worry i will follow you back ^^.</center><br></div>
</div>
</td>
<br>
<div id="1" style="display: none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
</div></div></div>
<div id="2" style="display: none;">
<div class="title">I'm The Owner!</div>
<div class="date">Know me more!</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_m3twntJvtj1qa150zo1_500.gif"/><br><br>
Hello! My name is Siti Rahmani. I stay in Sukabumi,Indonesian. My age is 10 YO. I like Rilakkuma and Korilakkuma. <br><br>
Put your own bio!
</div>
<div id="3" style="display: none;">
<div class="title">Tutobies!</div>
<div class="date">Tutorial or Freebies?</div><br>
<div style="font-size:15px;color:#5F3804;padding:3px;border-bottom:1px dashed #5F3804;text-align:center;">Tutorial</div><br>
<center>
<style>
.grace {
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#5F3804;
border: 1px dashed #fff;
font:10px trebuchet ms;
text-align:left;
Text-decoration:none;
color:#fff;
text-transform:uppercase;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}
.grace:hover{
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#fff;
border: 1px dashed #5F3804;
font:10px trebuchet ms;
text-align:left;
Text-decoration:none;
color:#5F3804;
text-transform:uppercase;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}
</style>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a><br><br>
<div style="font-size:15px;color:#5F3804;padding:3px;border-bottom:1px dashed #5F3804;text-align:center;">Freebies</div><br>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
</div>
<div id="4" style="display: none;">
<div class="title">Linkies!</div>
<div class="date">Lets Exchange Link!</div><br>
<center>
<img src="http://i.minus.com/idmw2sJ1zGRcw.gif"/><br><br>
<style>
a.snowhite{
background:#563304;
padding:5px;width:90px;
color:#fff;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;font-family: arial;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #563304;
cursor:vertical-text;}
a.snowhite:hover{
border-bottom: 0px solid gray;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#000;background:#fff;
border: 1px dashed #563304;}
</style>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a><br>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a><br>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a><br>
</div>
</table></body></head></html>
<link href='http://fonts.googleapis.com/css?family=Oldenburg|Delius+Swash+Caps|Short+Stack|Concert+One|Happy+Monkey' rel='stylesheet' type='text/css'>
<title>Yummy Choco!</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgduCZxOMuAhyphenhyphenSkd57IdnK1dffffn9D49i-r5LDnP5F2PEaFgv0bZP_XvoAI8QUISPnzxLzpjGx_V0HOzO_-X_zNwde52Db3l9n13HpQS_mtcv0Ne9qcp1YaAWztv88o0GR_gnWaTMb-j8/s1600/brown.jpg);
background-attachment:fixed;
font-family: short stack;
font-size: 11px;
}
a:link, a:visited {
color:#FFE1B8;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: #563304;
}
.mainblog {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-W-BgWQKyC5vcIoveTaBCnmaSrDt8XHT1Dh7BXz1N90XoqUUClJ-wDaLHnT93tLR3Ip54oJJGta6DrtwQ87QTuA3FIAf61WPkbBqCrknuB0lbwmufJbW4V_Fw4YV8_INxM1HdYuA2Qjw/s1600/gray.png);
color:#666666;
padding:14px;
width:800px;
border-radius:10px;
text-align:justify;
border:2px solid 633402;
}
.sidebarblog {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-W-BgWQKyC5vcIoveTaBCnmaSrDt8XHT1Dh7BXz1N90XoqUUClJ-wDaLHnT93tLR3Ip54oJJGta6DrtwQ87QTuA3FIAf61WPkbBqCrknuB0lbwmufJbW4V_Fw4YV8_INxM1HdYuA2Qjw/s1600/gray.png);
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
border:2px solid 633402;
-moz-box-shadow: 0 0 5px 5px #fff;
-webkit-box-shadow: 0 0 5px 5px #fff;
box-shadow: 0 0 5px 5px #fff;
}
.title {
color:#FFC0C3;
font-size:24px; font-family: Delius Swash Caps;
padding:3px;
border-bottom:1px solid #FFDADC;
margin-bottom:3px;
}
.date {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
.nav{ letter-spacing: 1px; text-align: center; font-family: "georgia"; color: transparent; -webkit-transition: 1s; font-size: 11pt; font-style: italic;border-radius:100px;cursor:crosshair; }
.nav:hover{ color: #897e54; opacity: .80; }
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
border-radius:10px;
background:#563304;
border: 2px solid #FFDFE4;
}
::-webkit-scrollbar-track-piece {
background-color: #FFFFD7;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#FFFFFF;
background:#563304;
border: 3px solid #563304;
}
</style>
<body>
<!----SIDEBAR----->
<div style="position:fixed; top:120px;right:80px;"><br />
<div class="sidebarblog">
<div class="title"><center>Chatting Here!</center></div>
<br><center>PUT YOUR OWN CBOX CODE HERE!</center></div><br>
<div class="sidebarblog">
<div class="title"><center>Credit</center></div>
<br><center>Skins made by <a href="http://pompom-choco.blogspot.com/">Siti</a><br>
Tutorial by <a href="http://wanaseoby.blogspot.com/">Wana</a> and <a href="http://chocollyheart.blogspot.com/">Fiqa</a><br>
Best view in google crohome.</center></div></div></div>
<table style="font-size:12px;border:2px solid #633402;border-radius:20px;padding:10px;-moz-box-shadow: 0 0 5px 5px #fff;
-webkit-box-shadow: 0 0 5px 5px #fff;
box-shadow: 0 0 5px 5px #fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg028IlYj54biOGNfonHJwLpSpyV5iuNCD2zrqOurzyywEkoqYUGBWVNf231PhgQB8PxcHNpBXoKSrrmrQGc_VI5JTaNRUL5Sryw3WFA6Nzh8tO8PzjgQq-5nP-oYRUVpoPGwwy09pLlCE/s1600/groy.gif);" align="center">
<!-------NAVIGATION-------->
<center><a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" ><img src="http://38.media.tumblr.com/4a693b6ec35623ebb65f0e8428eeb405/tumblr_mi4keo18FQ1r4fnj8o1_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
<a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" ><img src="http://38.media.tumblr.com/0bdc1f5848a865e2395c222dcfc7ac54/tumblr_mi4keo18FQ1r4fnj8o2_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
<a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" ><img src="http://33.media.tumblr.com/a7273125eda779fced716302c966979c/tumblr_mi4keo18FQ1r4fnj8o4_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
<a class="nav" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" ><img src="http://31.media.tumblr.com/1b1a7bb24c18da8ce1153406a017143d/tumblr_mi4keo18FQ1r4fnj8o3_250.gif" style="border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: 70px; margin-bottom: 5px; width: 70px;border:5px solid #fff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;" /></a>
</center>
<!-------POST PAGE-------->
<td valign="top" width:550px;">
<div class="mainblog">
<div id="wnsb" style="margin-top:5px;width:780px; padding:10px; border:1px dashed #fff;">
<div class="title">Hello!</div>
<div class="date">Welcome Here!</div>
<center>Helloooo! Welcome to my yummy choco blog! Be happy in my blog! Dont forget to follow my blog too,okay?<br> Dont worry i will follow you back ^^.</center><br></div>
</div>
</td>
<br>
<div id="1" style="display: none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
</div></div></div>
<div id="2" style="display: none;">
<div class="title">I'm The Owner!</div>
<div class="date">Know me more!</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_m3twntJvtj1qa150zo1_500.gif"/><br><br>
Hello! My name is Siti Rahmani. I stay in Sukabumi,Indonesian. My age is 10 YO. I like Rilakkuma and Korilakkuma. <br><br>
Put your own bio!
</div>
<div id="3" style="display: none;">
<div class="title">Tutobies!</div>
<div class="date">Tutorial or Freebies?</div><br>
<div style="font-size:15px;color:#5F3804;padding:3px;border-bottom:1px dashed #5F3804;text-align:center;">Tutorial</div><br>
<center>
<style>
.grace {
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#5F3804;
border: 1px dashed #fff;
font:10px trebuchet ms;
text-align:left;
Text-decoration:none;
color:#fff;
text-transform:uppercase;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}
.grace:hover{
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#fff;
border: 1px dashed #5F3804;
font:10px trebuchet ms;
text-align:left;
Text-decoration:none;
color:#5F3804;
text-transform:uppercase;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}
</style>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a><br><br>
<div style="font-size:15px;color:#5F3804;padding:3px;border-bottom:1px dashed #5F3804;text-align:center;">Freebies</div><br>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
<a class="grace" href="http://www.blogger.com/">Freebies</a>
</div>
<div id="4" style="display: none;">
<div class="title">Linkies!</div>
<div class="date">Lets Exchange Link!</div><br>
<center>
<img src="http://i.minus.com/idmw2sJ1zGRcw.gif"/><br><br>
<style>
a.snowhite{
background:#563304;
padding:5px;width:90px;
color:#fff;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;font-family: arial;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #563304;
cursor:vertical-text;}
a.snowhite:hover{
border-bottom: 0px solid gray;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#000;background:#fff;
border: 1px dashed #563304;}
</style>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a><br>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a><br>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a>
<a class="snowhite" href="http://www.blogger.com/link">Friends</a><br>
</div>
</table></body></head></html>