Templates Inter Milan

langsung aja copy kodenya dibawah sini !!!....

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html (View Source for full doctype...)>

- <html expr:dir="data:blog.languageDirection" xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr">

- <head>

<b:include data="blog" name="all-head-content" />

- <title>

<data:blog.pageTitle />

</title>

- <b:skin>

- <![CDATA[

/*
-----------------------------------------------
Blogger Template Style
Name:   Inter Milan Fans
Designer: Javad Aghili
URL:     www.finalsense.com
Date:    15 May 2010
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit this URL:http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#12335e" value="#12335e">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#fff" value="#fff">
   <Variable name="postTitleColor" description="Post Title Color" type="color"
             default="#ddd" value="#ddd">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#a4b6cc" value="#a4b6cc">
   <Variable name="borderColor" description="Post Border Color" type="color"
             default="#e6e61d" value="#e6e61d">


   <Variable name="mainLinkColor" description="Link Color" type="color"
             default="#a4b6cc" value="#a4b6cc">
   <Variable name="HoverLinkColor" description="Link Hover Color"
             type="color" default="#e6e61d" value="#e6e61d">
             
   <Variable name="titleTextColor" description="Blog Title Color"
             type="color" default="#fff" value="#fff">

   <Variable name="topSidebarHeaderColor" description="Top Sidebar Title Color"
             type="color" default="#fff" value="#ffffff">

   <Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="topSidebarVisitedLinkColor" description="Top Sidebar Visited Link Color"
             type="color" default="#a4b6cc" value="#a4b6cc">

   <Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 100% 'Arial',Verdana,Trebuchet MS,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="pageTitleFont" description="Blog Title Font" type="font"
             default="normal bold 300% 'Arial',Verdana,arial,Sans-serif" value="normal bold 300% 'Arial',Verdana,arial,Sans-serif">
   <Variable name="descriptionFont" description="Blog Description Font" type="font"
             default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="headerFont" description="Sidebar Title Font" type="font"
             default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="postTitleFont" description="Post Title Font" type="font"
             default="normal bold 140% 'Arial',Verdana,Trebuchet MS,Sans-serif" value="normal bold 140% 'Arial',Verdana,Trebuchet MS,Sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

body {
  background:$mainBgColor;
  margin:0;
  text-align:center;
  line-height: 1.5em;
  font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
  color:$mainTextColor;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */

#outer-wrapper {background:  url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgroQbb41oA0UTo3EJCR8OiDMPwS8DOfU9A5Meu03fJTtj7lfV8UYTyWkP_Oj2OEmJfrjD2ETJ0afxGkANvyx_ENzjLK2XuLPZUWyPeQ_2FLICJ0uFGx5WGJfELt_Ujm7jxdPmpaxiFVd8/s1600/header.jpg") no-repeat 490px top;
  padding:0;margin:0 auto 0 100px; text-align:left;
  font: $bodyFont;
  }
#main-wrap1 { 
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD85ag4OWFm_VQ1DJC9ps8qPHLC2Yd1Xl7QyoVykERtG_czUfZhNIGw0zhAFor9PSQ3gi2M_EoiPYCD2jvQCQb-wfHcbGPAlJtNV3OV9bqKETssmACkqx2XaWNwxhWPiD5lDe4wLsdFeo/s1600/2.png") repeat-y left top;
  width:793px;
  float:left;
  padding:0; margin-top:-100px;
  color:$mainTextColor;
  font-size:97%;
  line-height:1.6em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#main-wrap2 {
  background: $mainBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQryG9sWmfOw1VU9Z71950OxQH5xd-sH5-qELqN8gLvJA4qmHFTiwz8shrhV0xGX2MKePS_7SSiJTYaKH_KKjV771mrJIXOICXKc2AwL6dfUnCWPmAlxbNbkVB0KYYM6gCaMXYImC8kK0/s1600/1.png") no-repeat left top;
  float:left; 
  width:534px; height:36px; 
  }
#main-wrap3 {
  background: $mainBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip36yDRYBMf_MYtO4_46fL_1m8Ig0-E4iQq31uNkXb8wLNq6FHwZJr-p1rN7g6UMJYQ_egC0Lmcq6EkDBhAtuzGLfin5geUtM8KUGAqLk6GZrRRO00a3we2mHtHjV3C2vt9XVu2GLKxR0/s1600/3.png") no-repeat left bottom;
  float:left;
  width:100%; height:33px;
  }
  
#main { 
  padding:12px 15px 5px 20px;
  width:490px;  
  }
#sidebar-wrap {
  width:271px;
  float:right;
  margin:0; margin-top:70px;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

.main .widget { float:left;
  margin-top: 4px;
  width: 490px;
  padding: 0px;
}

.main .Blog {
  margin: 0;
  padding: 0;
  width:490px;
}

#blog1 {float:left;}
h1, h2, h3, h4 {font-size:110%; text-shadow: 1px 1px 1px #555}
/* Links
----------------------------------------------- */
a:link { text-decoration:none;
  color: $mainLinkColor;
  }
a:visited {
  color: $mainLinkColor;
  }
a:hover { 
  color: $HoverLinkColor;
  }
a img {
  border-width:0;
  }


/* Blog Header
----------------------------------------------- */
#header-wrapper {
  margin0; height:295px;
  padding:0;
  color:$titleTextColor;
  }
#header {
  padding:0 15px 8px;
  }
#header h1 { text-shadow:2px 2px 2px #a87b51;
  margin:0;
  padding:100px 10px 5px;
  line-height:1.2em;
  font: $pageTitleFont;
  }
#header a,
#header a:visited {
  text-decoration:none;
  color: $titleTextColor;
  }
#header .description {
  margin:0; color: $mainLinkColor;
  padding:5px 15px 10px;
  line-height:1.5em;
  font: $descriptionFont;
}

/* Posts
----------------------------------------------- */
h2.date-header {
  margin-top:15px;
  margin-bottom:0;
  margin-left:20px;
  font-size:86%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:$dateHeaderColor;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  }
.post h3 { text-shadow: 1px 1px 1px #000;
  margin:0;
  line-height:1.5em;
  display:block;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:5px;
  color: $postTitleColor;
  font: $postTitleFont;
  }
.post h3 a, .post h3 a:visited {
  text-decoration:none;
  color: $postTitleColor;
  }
a.title-link:hover {
  background-color: $HoverLinkColor;
  color: $mainTextColor;
  }
.post-body {padding:5px;
   }
html>body .post-body {
  border-bottom-width:0;
  }
.post-body {
  margin:0 0 .75em;
  }
.post-body blockquote {
  line-height:1.3em;  
  }
.post-footer {
 border: 1px solid $mainBgColor;
  margin:0;
  padding:3px 15px;
  line-height:1.5em;
  color: $mainLinkColor;
}
/*
The first line of the post footer might only have floated text, so we need to give it a height.
The height comes from the post-footer line-height
*/
.post-footer-line-1 {
  min-height:1.5em;
  _height:1.5em;
}

.post-footer p { 
  margin: 0;
}

html>body .post-footer {
  
  }

.uncustomized-post-template .post-footer {
  text-align: right;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: left;
  text-align:left;
  margin-right: 4px;
}

.post-footer a { 
  color: $mainLinkColor;
 }
.post-footer a:hover { 
  color: $HoverLinkColor;
 }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment_left.gif") no-repeat left 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/rounders2/icon_comment_left.gif") no-repeat left 45%;
  padding-left:14px;
  }
.post img, table.tr-caption-container {
  margin-top:0;
  margin-right:0;
  margin-bottom:5px;
  margin-left:0;
  padding:4px;
  border:1px solid $borderColor;
  }
.tr-caption-container img {
  border: none;
  margin: 0;
  padding: 0;
}
blockquote {
  margin:.75em 0;
  border:1px dotted $borderColor;
  border-width:1px 0;
  padding:5px 15px;
  color: $dateHeaderColor;
  }
.post blockquote p {
  margin:.5em 0;
  }

#blog-pager-newer-link {
  float: left;
  margin-left: 13px;
 }
 
#blog-pager-older-link {
  float: right;
  margin-right: 13px;
 }
 
#blog-pager {   
  text-align: center; 
 }

.feed-links { 
  clear: both;
  line-height: 2.5em;
  margin-left: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  padding-top:20px;
  padding-right:0;
  padding-bottom:15px;
  padding-left:0;
  }
#comments h4 {
  margin:0 0 10px;
  padding-top:0;
  padding-right:14px;
  padding-bottom:2px;
  padding-left:29px;
  font-size:120%;
  line-height:1.4em;
  color:$postTitleColor;
  }
#comments-block {
  margin-top:0;
  margin-right:15px;
  margin-bottom:0;
  margin-left:9px;
  }
.comment-author {
  background:url("http://www.blogblog.com/rounders2/icon_comment_left.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  padding-left:20px;
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  padding-left:20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-footer {
  margin:0 0 .5em;
  padding-top:0;
  padding-right:0;
  padding-bottom:.75em;
  padding-left:20px;
  }
.comment-footer a:link {
  color: $mainTextColor;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.comment-form {
  padding-left:20px;
  padding-right:5px;
}
#comments .comment-form h4 {
  padding-left:0px;
}

/* Profile
----------------------------------------------- */
.profile-img { 
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  border: 4px solid $mainBgColor;
}

.profile-datablock {
  margin-top:0;
  margin-right:15px;
  margin-bottom:.5em;
  margin-left:0;
  padding-top:8px;
}

.profile-link { 
  font-weight:bold;
}

.profile-textblock {
  clear: both;
  margin: 0;
}

.sidebar .clear, .main .widget .clear { 
  clear: both;
}

#sidebartop-wrap {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLm38w285mip5L7wCpOCVkZRqbHxun8TBqbcuEJCYVDczoW-V3tOBe_nHqcfYgNm8h6Vbp7mJpc19lrt0KgwzRyuCNraLLge6Huz7o7ppxp2hulG04_K7KIp3daXyluyQX_gt6OLzJ4M/s1600/intermilan6.jpg") repeat-y left; 
  margin:0px;
  padding:0px;
  color:$topSidebarTextColor;
  }

#sidebartop-wrap1 { width:271px; height:24px;
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjGzviZ3E9VZxrkYX5GfYNL0xTINIi0Ic4XAAxeIJB4H0RhJb_jaMv_PH2Wwwy-Cii0exD4uDEt-Hx2Ddzjpnq8DOiX4wU_52RUuZ7R1uFt1XhgLHCYx26ZWMugchlVNZLr44MHHOrcLc/s1600/intermilan5.jpg") no-repeat left top; 
  margin: 0; 
 }
#sidebartop-wrap2 { 
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_SiSla04WNF2SA-wtAP87oMYAdJnFI3QFXNZDNvEBIDsQNjuhwLJTkM4eRtrhAYxZB-j7JRgwIIGOrG2xjdfNwghKqWkACWmKe3VV0Nv58oDp73GIx79sC8tPQZQGSVMRqSAR6YkacnE/s1600/intermilan7.jpg") no-repeat left bottom; 
  padding: 10px;
 }

#sidebartop h2 {
  line-height:1.5em;
  color:$topSidebarHeaderColor;
  border-bottom: 1px dotted $topSidebarHeaderColor;
  margin-bottom: 0.5em;
  font: $headerFont; text-shadow: 1px 0.5px 1px #999;
}

#sidebartop a { text-decoration:none;
 color: $topSidebarLinkColor;
}

#sidebartop a:hover { 
 color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited { 
 color: $topSidebarVisitedLinkColor;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget { 
  margin:.5em 0 1.25em;
  padding:0 0px;
 }

.widget-content { 
  margin-top: 0.5em;
}

#sidebarbottom-wrap {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLm38w285mip5L7wCpOCVkZRqbHxun8TBqbcuEJCYVDczoW-V3tOBe_nHqcfYgNm8h6Vbp7mJpc19lrt0KgwzRyuCNraLLge6Huz7o7ppxp2hulG04_K7KIp3daXyluyQX_gt6OLzJ4M/s1600/intermilan6.jpg") repeat-y left; 
  margin-top:10px;
  color: $mainTextColor;
}

#sidebarbottom-wrap1 {width:271px; height:24px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjGzviZ3E9VZxrkYX5GfYNL0xTINIi0Ic4XAAxeIJB4H0RhJb_jaMv_PH2Wwwy-Cii0exD4uDEt-Hx2Ddzjpnq8DOiX4wU_52RUuZ7R1uFt1XhgLHCYx26ZWMugchlVNZLr44MHHOrcLc/s1600/intermilan5.jpg") no-repeat left top; 
  margin:0;
}

#sidebarbottom-wrap2 {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_SiSla04WNF2SA-wtAP87oMYAdJnFI3QFXNZDNvEBIDsQNjuhwLJTkM4eRtrhAYxZB-j7JRgwIIGOrG2xjdfNwghKqWkACWmKe3VV0Nv58oDp73GIx79sC8tPQZQGSVMRqSAR6YkacnE/s1600/intermilan7.jpg") no-repeat left bottom; 
  padding: 10px;
}

.sidebar h2 {
  margin:0;
  padding:0 0 .2em;
  line-height:1.5em;
  font:$headerFont;
}

.sidebar ul {
  list-style:none;
  margin:0 0 1.25em;
  padding:0;
}

.sidebar ul li {
  background:url("http://www2.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding-top:0;
  padding-right:0;
  padding-bottom:3px;
  padding-left:16px;
  margin-bottom:3px;
  line-height:1.4em;
  }
.sidebar p {
  margin:0 0 .6em;
  }

#sidebar h2 {
  color: $postTitleColor;
  border-bottom: 1px dotted $postTitleColor;
 }

/* Footer
----------------------------------------------- */
#footer-wrap1 {  clear:both;  width: 799px;}
#footer-wrap2 {
  color:$titleTextColor;
  }
#footer {
    }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:$titleTextColor;}
#footer .widget-content {
  margin:0;
}
#copyright {font-size: 85%; padding: 0 5px 10px 30px; color: $mainLinkColor;}
#copyright a:link, #copyright a:visited, #copyright a:active  {color: $mainLinkColor; text-decoration:none}
#copyright a:hover {color:#41699d} 


/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
  margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper { 
  margin-left:0,
  margin-right: 0;
  padding: 0;
}

body#layout #outer-wrapper { 
  width: 730px;
}

body#layout #footer-wrap1 { 
  padding-top: 0;
 }
#navbar-iframe {height:0px; visibility:hidden; display:none}

]]>

</b:skin>

</head>

- <body>

- <div id="outer-wrapper">

- <!--

skip links for text browsers

-->

- <span id="skiplinks" style="display:none;">

<a href="#sidebar" shape="rect">skip to sidebar</a>

</span>

- <div id="header-wrapper">

- <b:section class="header" id="header" maxwidgets="1">

<b:widget id="Header1" locked="true" title="Pamplona (Header)" type="Header" />

</b:section>

</div>

- <div id="crosscol-wrapper" style="text-align:center">

<b:section class="crosscol" id="crosscol" />

</div>

- <div id="main-wrap1">

- <b:section class="main" id="main" showaddelement="no">

<b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog" />

</b:section>

- <div id="sidebar-wrap">

- <div id="sidebartop-wrap">

- <div id="sidebartop-wrap2">

- <b:section class="sidebar" id="sidebartop">

<b:widget id="Profile1" locked="false" title="About Me" type="Profile" />

</b:section>

</div>

- <div id="sidebarbottom-wrap">

- <div id="sidebarbottom-wrap2">

- <b:section class="sidebar" id="sidebar" preferred="yes">

<b:widget id="Followers1" locked="false" title="Followers" type="Followers" />

<b:widget id="BlogArchive1" locked="false" title="Blog Archive" type="BlogArchive" />

<b:widget id="LinkList1" locked="false" title="Links" type="LinkList" />

</b:section>

</div>

</div>

</div>

- <div id="footer-wrap1">

- <div id="footer-wrap2">

<b:section class="footer" id="footer" />

- <div id="copyright">

- <a expr:href="data:blog.homepageUrl" shape="rect">

<data:blog.title />

</a>

- Design by:

<a href="http://www.finalsense.com/category/templates/blogger-templates/" title="Blogger Templates" shape="rect">FinalSense Blogger Templates</a>

<br />

</div>

</body>

</html>

Mochammad Solehudin

Kotak Like Facbook

Kamis, 24 Mei 2012

Templates Inter Milan

0 komentar:

Posting Komentar

Jumlah Pengunjung

Daftar Isi