<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("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d606433593082270946\x26blogName\x3dBlogskins+Code\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://blogskins-code.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttp://blogskins-code.blogspot.com/\x26vt\x3d-4091080927686895575', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

BLOGSKIN CODE
By adamfaiz


The Heirs

<html>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<head>
<title>The Heirs</title>

<style type="text/css">
#navbar-iframe { display: none }
body { text-align: justify; font: 14px calibri; color: #333; line-height: 1.7; text-decoration: none; }
.content { margin: 25px auto; width: 790px; }
.sidebar { float: left; width: 280px; position: fixed; top: 0px; font: 11px 'Lucida Sans Unicode'; }
.posts { width: 480px; float: right; margin: 0 0 5px 0; }
::-webkit-scrollbar {width:8px;background:#
fff;}
::-webkit-scrollbar-thumb {background:#bbb;}
.h1 {
margin-bottom: 25px;
font: normal normal 13px Oswald, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
line-height: 13px;
text-align:left;
padding: 4px;
padding-bottom: 10px;
}
.h2 {
margin-bottom: 3px;
font: normal normal 13px Oswald, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
line-height: 13px;
text-align:left;
padding: 4px;
padding-bottom: 10px;
}
.tip { font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; color:#fff;text-align:center;background: #ccc; display:none; padding: 8px; position:absolute; }
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:3px;
width:70px;
text-decoration:none;
font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
color: #999;
background: #eee;
text-align:center;
cursor:vertical-text;
}
@font-face {
font-family: 'Short Stack';
font-style: normal;
font-weight: 400;
src: local('Short Stack'), local('ShortStack'), url(http://themes.googleusercontent.com/static/fonts/shortstack/v4/6Lbgh4PDdLpSiP41rQoGa4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
a.jeonjin:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#bbb;}
a { text-decoration: none; color: #333; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; }
a:hover { background: #bbb; color: #fff; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; }
a.sidelink1{ background: #bbb; color: #fff;font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; text-align:center; border: 1px solid transparent;display: block; margin: 1px 0; padding: 6px; text-decoration: none; }
a.sidelink1:hover { cursor:vertical-text;background: #fff; border: 1px solid #333;color: #333; }
a.comment { margin-right: 10px; letter-spacing: 0; }

u { color: #333; border-bottom: 1px #983d38 solid; }
ul { list-style-type: hiragana }
i { font-family: georgia; letter-spacing: 1px; }

blockquote { padding: 9px;border-left: 20px solid #bbb; }
blockquote:hover { padding: 9px;border-left: 20px solid #ddd; }
.blogger-labels { text-transform: lowercase; border-top: 1px dotted #983d38; }
.tabs { margin: 0; padding: 0; list-style: none; }
.tabs li { list-style: none; }

#slider {position:relative;margin-left:7px;margin-top:20px;} #slider img {display:none;width:250px;} #slider a {display:block;}
.nivoSlider {width:270px;height:130px;} .nivoSlider img {width:300px;height:130px;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;text-transform:uppercase;width:98%;
z-index:50;border-right:0px solid #;padding:3px;}
.nivo-caption p {margin:0;font-size:11px;} .nivo-caption a {display:inline;} .nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;}
.slider {width:100%;} .slider a {border:0;display:block;}
.slider img {position:absolute;top:0px;left:0px;display:none;width:250px;} .nivo-controlNav {display:none;}
.nivo-directionNav a {display:block;width:31px;height:34px;background:url(http://i.imgur.com/YlJpGxM.png) no-repeat;text-indent:-9999px;}
a.nivo-nextNav {background-position:-30px 0;right:15px;} a.nivo-prevNav {left:15px;}
.nivo-caption {font-weight:2;} .nivo-caption a {color:#efe9d1;}

</style>
</head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">var $nv4wp = jQuery.noConflict();$nv4wp(window).load(function() {$nv4wp('#slider').nivoSlider({effect:'random', slices:15, // For slice animations boxCols: 4, // For box animations boxRows: 2, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide:0, // Set starting Slide (0 index) directionNav:true, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, // 1,2,3... navigation controlNavThumbs:false, // Use thumbnails for Control Nav controlNavThumbsFromRel:false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded
});}); </script>

<!-- Pop Up Javascript -->
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=530,width=520,left=5,top=5,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>

<!-- CBOX Javascript -->
<script type="text/javascript">
function popcbox() {
cboxwin = window.open("","Cbox","width=250,height=300,toolbar=no,scrollbars=no,status=no,resizable=yes");
cboxwin.document.write('<html><head><title>Cbox</title></head><frameset rows="*,75" frameborder="0" framespacing="0">');
cboxwin.document.write('<frame marginwidth="2" marginheight="2" src="http://www2.cbox.ws/box/?boxid=2300557&amp;boxtag=w6xxpw&amp;sec=main" noresize="true" scrolling="auto" name="cboxmain2-2300557" style="border: 0px solid;"/>');
cboxwin.document.write('<frame marginwidth="2" marginheight="2" src="http://www2.cbox.ws/box/?boxid=2300557&amp;boxtag=w6xxpw&amp;sec=form" noresize="true" scrolling="no" name="cboxform2-2300557" style="border: 0px solid;border-top:0px"/>');
cboxwin.document.write('</frameset>');
cboxwin.document.write('<noframes>Cbox needs frames!</noframes></html>');
try {
x = screen.width;
y = screen.height;
cboxwin.moveTo(Math.max((x/2)-125, 0), Math.max((y/3)-150));
} catch (e) {};
}
</script>

<!-- SIDELINK Javascript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {

$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content

var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});

});
</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Tooltips
$(".comment").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 20; //Get Y coordinates
var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip

//Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = $(window).height() - (mousey + tipHeight);

if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
}
//Absolute position the tooltip according to mouse position
tip.css({ top: mousey, left: mousex });
});
});
</script>
<div class="content">

<div class="sidebar">
<center><img border="0" src="" width="270"></center>
<center>
<div id="slide" style="float:left;"><div id="slider">
<a href="/"><img src="http://i.imgur.com/cPvuwLr.jpg"/></a>
<a href="/"><img src="http://i.imgur.com/lqqklH5.jpg"/></a>
<a href="/"><img src="http://i.imgur.com/kEbpvSl.jpg"/></a>
</div>
</center>
<table border="0" width="280">
<td>
<td valign="top" width="80">
<ul class="tabs">
<li><a class="sidelink1" href="#prof">profile</a></li>
<li><a class="sidelink1" href="#aff">linkies</a></li>
<a class="sidelink1" href="CBOX LINK">taggies</a>
<a class="sidelink1" href="JavaScript:newPopup('http://www.blogger.com/follow-blog.g?blogID=<$BlogIDgt;');"><font style="font: 14px calibri;">+</font> follow</a>
<li><a class="sidelink1" href="#cont">credits</a></li>
</ul>
</td>

<td>
<td valign="top" width="200">

<div id="prof" class="tab_content" style="height: 140px; width: 179px; padding: 2px;font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;overflow: auto; text-align: justify;">
<br/>
<br/>
<br/>
<center>replace this with yours</center>

</div>

<div id="cont" class="tab_content" style="height: 140px; width: 179px; padding: 2px;font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; overflow: auto; text-align: center;">
<br><br>
<font style="font: 14px arial;">©</font> Theme by <a href="http://sibodohjangankacau.blogspot.com" target="_blank">Adam</a><a href="http://www.blogskins.com/me/adam_faiz" target="_blank">Faiz</a>.<br/>
Layout by <a href="http://nisaaaak.blogspot.com" target="_blank">ni</a><a href="http://www.blogskins.com/me/nisaaaak" target="_blank">sak</a>.
Image from <a href="http://weheartit.com" target="_blank">we<font style="font: 14px arial;">❤</font>it</a>.
Script code is from <a href="http://www.blogskins.com/me/sweetmsery/" target="_blank">sweet.m!sery</a>
And the slider from <a href="http://things-to-help-you.tumblr.com/tagged/nivoslider">tthy</a>
</div>

<div id="aff" class="tab_content" style="height: 140px; width: 179px; padding: 2px;overflow: auto; text-align: justify;">
<center>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
<a class="jeonjin" href="LINK">chingu</a>
</div>
</td>
</table>

<br>

<center>
<select style="color:#fff; font: normal normal 11px Oswald, sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; border:1px solid #fff; background-color:#bbb; padding: 2px; width: 266px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value='' >love is moment</option>
<BloggerArchives>
<option value="<$BlogArchiveURLgt;">&nbsp;&nbsp;<$BlogArchiveNamegt;</option>
</BloggerArchives>
</select>
</center>

<br/>
<br/>

</div>

<div class="posts">
<Blogger>
<div class="h1"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle> <span style="background: #eee;font: normal normal 11px Oswald, sans-serif;text-align:center;line-height:50px;width:20px;height:20px;border-radius:50%;float: right"><BlogItemCommentsEnabled><a class="comment" href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><font style="font: 16px arial;">+</font> <span class="tip"><$BlogItemCommentCountgt; comment ♡</span></a></BlogItemCommentsEnabled></span></div>
<$BlogItemBodygt;
<br>
</Blogger>
<div style="font: normal normal 11px Oswald, sans-serif;border-top: 1px solid #ccc;letter-spacing: 1px;margin-top:10px;color:#333;padding:5px;">
<NewerPosts><a style="float:left;" href="<$NewerPostsgt;">◄ NEWER</a></NewerPosts>
<OlderPosts><a style="float:right;" href="<$OlderPostsgt;">OLDER ►</a></OlderPosts>
</div>
</div>

</div>
</body>
</html>