COPY KODE HTML TEMPLATE DIBAWAH INI
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/><data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='scores football' name='description'/>
<meta content='template real madrid,template sports,template soccer,template football club,template football ball,template football manager,football game,college football' name='keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='global' name='distribution'/>
<meta content='EN' http-equiv='content-language'/>
<meta content='http://template-blogger.com' name='copyright'/>
<meta content='blogger' name='generator'/>
<meta content='http://www.freetemplatesblog.com/' name='Author'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + ", blogspot,templates for blogger,blog templates for blogger,free blog templates for blogger,template for blogger "' name='keywords'/>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Theme Name: Dots
Theme URI: http://www.freetemplatesblog.com/search/label/blogger%20football?&max-results=9
Version: 1.0
Author: http://www.freetemplatesblog.com/
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#737373" value="#737373">
<Variable name="linkcolor" description="Link Color"
type="color" default="#737373" value="#737373">
<Variable name="hoveredlinkcolor" description="Hovered Link Color"
type="color" default="#737373" value="#737373">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="pagedescriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="menulinkcolor" description="Menu Link Color"
type="color" default="#9a9a9a" value="#9a9a9a">
<Variable name="hoveredmenulinkcolor" description="Hovered Menu Link Color"
type="color" default="#d4a41b" value="#d4a41b">
<Variable name="searchtextcolor" description="Search Text Color"
type="color" default="#4d4d4d" value="#4d4d4d">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="postdatecolor" description="Post Date Color"
type="color" default="#ffffcc" value="#ffffcc">
<Variable name="postmetacolor" description="Post Meta Color"
type="color" default="#666666" value="#666666">
<Variable name="postmetalinkcolor" description="Post Meta Link Color"
type="color" default="#e5b429" value="#e5b429">
<Variable name="postlinkcolor" description="Post Link Color"
type="color" default="#ddad22" value="#ddad22">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666666" value="#666666">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#d0d0d0" value="#d0d0d0">
<Variable name="sidebarlinkcolor" description="Sidebar Link Color"
type="color" default="#d0d0d0" value="#d0d0d0">
<Variable name="footertextcolor" description="Footer Text Color"
type="color" default="#9a9a9a" value="#9a9a9a">
<Variable name="footerlinkcolor" description="Footer Link Color"
type="color" default="#9a9a9a" value="#9a9a9a">
<Variable name="commenttitlecolor" description="Comment Title Color"
type="color" default="#d3a41b" value="#d3a41b">
<Variable name="commenttextcolor" description="Comment Text Color"
type="color" default="#737373" value="#737373">
<Variable name="commentmetacolor" description="Comment Meta Color"
type="color" default="#d3a41b" value="#d3a41b">
<Variable name="commentmetalinkcolor" description="Comment Meta Link Color"
type="color" default="#d3a41b" value="#d3a41b">
<Variable name="bottomcommentmetacolor" description="Bottom Comment Meta Color"
type="color" default="#d3a41b" value="#d3a41b">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 90% Arial, Helvetica, sans-serif" value="normal normal 90% Arial, Helvetica, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="italic bold 480% Arial, Helvetica, sans-serif" value="italic bold 480% Arial, Helvetica, sans-serif">
<Variable name="pagedescriptionfont" description="Blog Description Font"
type="font"
default="italic bold 25% Arial, Helvetica, sans-serif" value="italic bold 25% Arial, Helvetica, sans-serif">
<Variable name="menufont" description="Menu Font"
type="font"
default="normal bold 85% Arial, Helvetica, sans-serif" value="normal bold 85% Arial, Helvetica, sans-serif">
<Variable name="searchtextfont" description="Search Text Font"
type="font"
default="normal normal 90% Arial, Helvetica, sans-serif" value="normal normal 90% Arial, Helvetica, sans-serif">
<Variable name="posttitlefont" description="Post Title Font"
type="font"
default="normal normal 220% Arial, Helvetica, sans-serif" value="normal normal 220% Arial, Helvetica, sans-serif">
<Variable name="toppostdatefont" description="Top Post Date Font"
type="font"
default="normal normal 120% Arial, Helvetica, sans-serif" value="normal normal 120% Arial, Helvetica, sans-serif">
<Variable name="bottompostdatefont" description="Bottom Post Date Font"
type="font"
default="normal normal 210% Arial, Helvetica, sans-serif" value="normal normal 210% Arial, Helvetica, sans-serif">
<Variable name="postmetafont" description="Post Meta Font"
type="font"
default="normal normal 85% Verdana, Arial, Helvetica, sans-serif" value="normal normal 85% Verdana, Arial, Helvetica, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 170% Arial, Helvetica, sans-serif" value="normal normal 170% Arial, Helvetica, sans-serif">
<Variable name="sidebarfont" description="Sidebar Text Font"
type="font"
default="normal normal 100% Arial, Helvetica, sans-serif" value="normal normal 100% Arial, Helvetica, sans-serif">
<Variable name="footerfont" description="Footer Font"
type="font"
default="normal normal 90% Verdana, Arial, Helvetica, sans-serif" value="normal normal 90% Verdana, Arial, Helvetica, sans-serif">
<Variable name="commentheaderfont" description="Comment Title Font"
type="font"
default="normal normal 200% Arial, Helvetica, sans-serif" value="normal normal 200% Arial, Helvetica, sans-serif">
<Variable name="commentmetafont" description="Comment Meta Font"
type="font"
default="normal normal 115% 'Trebuchet MS', Arial, Helvetica, sans-serif" value="normal normal 115% 'Trebuchet MS', Arial, Helvetica, sans-serif">
<Variable name="bottomcommentmetafont" description="Bottom Comment Meta Font"
type="font"
default="normal normal 95% Arial, Helvetica, sans-serif" value="normal normal 95% Arial, Helvetica, sans-serif">
<Variable name="commenttextfont" description="Comment Text Font"
type="font"
default="normal normal 100% Arial, Helvetica, sans-serif" value="normal normal 100% Arial, Helvetica, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
#navbar-iframe{
height:0px;
visibility:hidden;
display:none;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
color:$linkcolor;
text-decoration:none;
}
a:hover{
color:$hoveredlinkcolor;
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}
body{
margin:0px;
padding:0px;
font: x-small Arial, Helvetica, sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
background:#212121;
color:$textcolor;
}
#page{
width:1004px;
margin:0px auto;
}
/* HEADER */
#header{
width:100%;
height:139px;
background:url(https://sites.google.com/site/farisviosite/banner_blog/header2.jpg) no-repeat;
}
#header_rss{
float:right;
}
#header_title{
float:left;
}
#header_title h1{
color:$pagetitlecolor;
font:$pagetitlefont;
letter-spacing:-4px;
padding:30px 0 0 77px;
}
#header_title h1 a{
color:$pagetitlecolor;
}
#header_title h1 a:hover{
text-decoration:none;
}
.description{
font:$pagedescriptionfont;
position:relative;
top:-10px;
color:$pagedescriptioncolor;
display:block;
text-align:center;
letter-spacing:0;
}
#header_rss img{
float:left;
margin:0 40px 0 0;
}
/* MENU */
#menu{
width:100%;
height:55px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-XTQ9lqSNwzxG1GaBdl925kgX1KRw5BnnAWNlvFcQE8JmpS1dQVPLN40sa0s6KrphEcrNfZzGFGQtfIY4sDf5QhQrjhcKlBd2s9eA8juWK_gb5vAjRAUqch4whvOapU_Kz1_KX7POBPU/s1600/menu_bg.png) no-repeat;
}
#menu_items{
float:left;
width:686px;
}
#main_search{
float:right;
width:263px;
height:24px;
margin:19px 0 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB4cAChxW0qQu8jooir2UR-yEay8QT02MInRs6ZjkL-hxjrRtJ0uF2IwP4AGoQah9av-LN0lToS5G2xnKCUMjDGzLyo4mE3khJMqzCFhLYU2nC4VUKEXT4eJXVmMLobukdF5TcrZwQLUE/s1600/main_search_bg.gif) no-repeat;
padding:0 54px 0 0;
}
#menu_items ul{
padding:5px 0 0 52px;
float:left;
}
#menu_items li{
float:left;
display:block;
height:49px;
font:$menufont;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijeYyCYRQptCSdCzG_drYXkdEkgFmhz7ch3aKURkP-T-GCYHfh0899r1vY9HYU0SnilP6XOLRPEyjnSjy8JV4Nbudcym5hQkmWv-d-NshrWYxEnZVprHudDBMCY05R8_oO_vJTbXKxmZw/s1600/menu_items_sep.gif) no-repeat right top;
}
#menu_items a{
color:$menulinkcolor;
display:block;
float:left;
padding:18px 15px 0 15px;
text-transform:uppercase;
}
#menu_items a:hover, #menu_items a.select{
text-decoration:underline;
color:$hoveredmenulinkcolor;
}
#searchform_top{
margin:0 0 0 26px;
}
#searchform_top_text{
width:208px;
border:0px;
background:none;
color:$searchtextcolor;
font:$searchtextfont;
float:left;
margin:5px 4px 0 0;
}
#gosearch{
float:left;
}
/* BODY */
#body{
width:100%;
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfDPjUUwuRY1d_dRULjWsOO1iVcWGehOGh437OmbBRHQjJuDto7rflVYxjtO26TnLoM2gEY4GAJvZtFTvhDIZWsmUJ9U-B_Anqp6g_QdPYaCFUJAUniY583ijH9JkNfWzQLxvdg9DVI4/s1600/body_bg.png) repeat-y;
}
#body_top{
width:100%;
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nWxOt-ntZ26Ojt9N8vJnknyG8t8fCZteD5QQRe4Vy7UzRUhRjztKDz5iJ22BHviA3H7Mkz-ooaVVBBzVcVPwv6JllbViZ6FWVP9Yh0MxV3kxB8wSBGWxCrr9urghfyuHUfzh7PqTl3Y/s1600/body_top_bg.png) no-repeat;
padding-bottom:40px;
}
#body_left{
width:686px;
float:left;
}
#body_right{
width:318px;
float:right;
}
/* left contact */
#body_left_content{
width:565px;
padding-top:19px;
margin-left:73px;
}
.post{
width:100%;
}
.post-top{
float:left;
}
.post-date{
float:left;
font:$toppostdatefont;
width:59px;
height:56px;
color:$postdatecolor;
padding-top:3px;
text-align:center;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKk9JzOvPFoQ9haGhLzgGZtMh2ARkvROh96HIarDMWlnvm4d3qCyc_hl00f-yT-YBDIzJKPkpRsuFllzD3sl6pBypxp8c1nh-fJS3Eb7Q3o7q0ra3m8VeAn-eS-CX9N6PNa8XjYaJ-_hE/s1600/post-date_bg.gif) no-repeat;
}
.post-date p{
font:$bottompostdatefont;
line-height:30px;
}
.post-title{
float:left;
width:506px;
}
.post-title h2{
font:$posttitlefont;
color:$titlecolor;
font-weight:normal;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAfjS8XYiLhI-wfX6thro-giRs_oBN64gi9Johr5tW7ztER8pZjnkpE15BOTTivG6rMWmIp1GYWeAgKVAHMYR611uWF36r2rqOL0pN6Bf0IgmbQkeXvPHJLWXn_G_lHaIl3S3G5zWXoe0/s1600/post-title.gif) no-repeat left bottom;
padding:0 0 5px 0;
margin:0 0 3px 15px;
}
.post-title h2 a{
color:$titlecolor;
}
.post-title h3{
font:$postmetafont;
color:$postmetacolor;
padding:5px 20px 0 0;
margin:0 0 0 15px;
}
.post-title h3 a, .post-title h3 span{
color:$postmetalinkcolor;
font-weight:bold;
}
.entry{
line-height:20px;
font:$bodyfont;
padding:15px 0 0 0;
}
.entry p{
line-height:20px;
padding-bottom:15px;
}
.entry p a{
text-decoration:underline;
color:$postlinkcolor;
}
.entry p a:hover{
text-decoration:none;
color:$hoveredlinkcolor;
}
.postmetadata{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pJjh7OTijeH8qR8-_qgNUrjxt_Rwczl6HHTuoF3dIkx_MIf5lRkHj7yj34aT7mIihLIhWF7aLL7qyokoKUKLsVS6qpxMKt-YlWEwaEWv_v2EDRW_lUMjX7aJWc17ugCxOaU0L4O3zRc/s1600/postmetadata_bg.gif) no-repeat;
width:100%;
height:62px;
margin-bottom:30px;
}
.postmetadata .alignleft a{
color:$postlinkcolor;
font:$bodyfont;
text-decoration:underline;
}
.postmetadata .alignleft a:hover{
color:$hoveredlinkcolor;
text-decoration:none;
}
.postmetadata .alignright a{
color:#737373;
font-size:12px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWyFpfSmnk7ebtsrJF77E9VvzXUcCv2w7oD_xrMCJuqpznUnAkgfZx1mPBSb814VfGn5jdCGawbH_UM608tU6S7hgeQW4mRgNAfbroTTmJ98GJE-gVstRV1T1cuM3A4MjuHbPC52TqUCQ/s1600/comm_a.gif) no-repeat left 1px;
padding-left:20px;
}
.postmetadata .alignright a span{
font-weight:bold;
color:#ca9b12;
}
.postmetadata .alignleft{
padding-top:14px;
padding-left:20px;
}
.postmetadata .alignright{
padding-top:14px;
padding-right:20px;
}
.post-page{
width:100%;
}
h2.page_title{
font-size:27px;
color:#fff;
font-weight:normal;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAfjS8XYiLhI-wfX6thro-giRs_oBN64gi9Johr5tW7ztER8pZjnkpE15BOTTivG6rMWmIp1GYWeAgKVAHMYR611uWF36r2rqOL0pN6Bf0IgmbQkeXvPHJLWXn_G_lHaIl3S3G5zWXoe0/s1600/post-title.gif) no-repeat left bottom;
padding:0 0 5px 0;
}
.post-page .entry{
}
.post-page .entry a{
text-decoration:underline;
font-weight:bold;
color:#ddad22;
}
.post-page .entry a:hover{
text-decoration:none;
}
.post-page .entry strong, .post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{
color:#fff;
display:block;
font-weight:normal;
}
.post-page .entry strong{
font-size:28px;
}
.post-page .entry h1{
font-size:26px;
padding:0 0 14px 0;
}
.post-page .entry h2{
font-size:24px;
padding:0 0 14px 0;
}
.post-page .entry h3{
font-size:22px;
padding:0 0 12px 0;
}
.post-page .entry h4{
font-size:20px;
padding:0 0 10px 0;
}
.post-page .entry h5{
font-size:18px;
padding:0 0 8px 0;
}
.post-page .entry h6{
font-size:16px;
padding:0 0 6px 0;
}
/* right content */
#body_right_content{
margin-top:10px;
}
/* RIGHT ADS */
#right_ads{
float:left;
}
#right_ads div{
float:left;
padding-right:5px;
margin-bottom:6px;
}
#right_ads div img{
float:left;
}
#right_ads div.right{
margin-right:0;
}
/* SIDE BAR */
#sidebar{
width:257px;
float:left;
color:$sidebartextcolor;
font:$sidebarfont;
}
#sidebar a {
color:$sidebarlinkcolor;
}
#sidebar .widget-content {
padding-bottom:14px;
}
.sidebars h2{
font:$headerfont;
color:$sidebarcolor;
text-transform:uppercase;
width:225px;
height:29px;
padding:10px 0 0 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJRolcC-eeZhKck8duJj-YBT_dum8RXfsnRANYV024LMFoI9GypqzT9F4QNjRi7vAPVyq-g4ucliicYm2aLCpqYShNiqfSaGcpWdSB0fZ1FmdhwtuEgSWbXa_kPIYut9rkMfT6dpL0PRc/s1600/li_h2.gif) no-repeat;
margin:0 0 5px 0;
}
.sidebars ul{
}
.sidebars ul li{
padding-bottom:5px;
}
.sidebars ul li ul li{
margin-bottom:0;
width:auto;
}
.sidebars ul li ul li ul li{
margin-left:0;
}
.sidebars li ul{
padding-bottom:8px;
}
.sidebars li ul li ul{
padding-bottom:0px;
padding-left:10px;
width:auto;
}
.sidebars li ul li ul li ul{
}
.sidebars li{
margin-bottom:0px;
background:none;
}
.sidebars ul ul li{
margin-bottom:0px;
border-bottom:1px solid #2b2b2b;
padding:4px 0 8px 12px;
font-size:13px;
}
.sidebars li li li{
background:none;
border:0;
padding-bottom:3px;
}
.sidebars li a{
}
.sidebars li.widget_categories ul li{
font-weight:bold;
}
.sidebars li.widget_categories ul li a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFKjB0-tFlNBiB6P-BRpku0bUWdqP9Xz0IaG3ODHSK64mZw1v9cVMIJ3bAoobptcaNfkGlIkCV07imKc-wbfQQIbbfdXL1dF2CRvQSKtbhyphenhyphenWkZgtrfoQJIHxGiNJXyfqR4ELWG70HJhRI/s1600/sidebar_li_cat.gif) no-repeat left 5px;
font-weight:normal;
padding-left:12px;
}
.sidebars li.widget_categories ul li ul li a{
background:none;
font-weight:normal;
padding-left:8px;
}
.sidebars li.widget_archives ul li a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFKjB0-tFlNBiB6P-BRpku0bUWdqP9Xz0IaG3ODHSK64mZw1v9cVMIJ3bAoobptcaNfkGlIkCV07imKc-wbfQQIbbfdXL1dF2CRvQSKtbhyphenhyphenWkZgtrfoQJIHxGiNJXyfqR4ELWG70HJhRI/s1600/sidebar_li_cat.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
}
.sidebars li.linkcat ul li a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFKjB0-tFlNBiB6P-BRpku0bUWdqP9Xz0IaG3ODHSK64mZw1v9cVMIJ3bAoobptcaNfkGlIkCV07imKc-wbfQQIbbfdXL1dF2CRvQSKtbhyphenhyphenWkZgtrfoQJIHxGiNJXyfqR4ELWG70HJhRI/s1600/sidebar_li_cat.gif) no-repeat left 5px;
font-weight:bold;
padding-left:12px;
}
.sidebars li.widget_meta ul li a{
font-weight:normal;
padding-left:2px;
}
.sidebars .widget_tags p{
padding:0px 10px 10px 15px;
}
.sidebars .widget_tags a{
color:#d0d0d0;
}
.sidebars .textwidget{
padding:10px;
}
/* FOOTER */
#footer{
width:100%;
height:147px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPGsDMB501otr7GwKNeCGZ0pbR8FUYUvrbtZowW6qb_3ML2ZMrx_iZtwK6qgQBJoOfWo5ywxMoMAhC44mB3rq7D6IUZnxUHWUGOW-0lbXUsEB_4u5iMgix1KqzqKzBV122ehrqunUU5o/s1600/footer_bg.png) no-repeat;
}
#footer_text{
padding:85px 0 0 0;
text-align:center;
}
#footer_text p{
color:$footertextcolor;
font:$footerfont;
padding:0 0 8px 0;
}
#footer_text a{
color:$footerlinkcolor;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 10px 10px;
padding-left: 24px;
padding-bottom:7px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSa_EVsQqNPe8sMg4FhzsDbedXNXdAlMUMUnlW4WycEIZnEtWpEmDplbVMUSHW_cvlhfppct341H4D2PXUPiFiGQqkbTthjBMjSTJSQkuZw_Zkg42vuuN6zBcjntYQo-oHRM669falpmM/s1600/blockquote_bg.gif) repeat-y;
}
blockquote blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTKUIwmPHWFQ2pEjq-7auz7cKjbi4-bmTShqO89otKsv_Ent82kG_SPIgT9mX9Wh4qAC2fL9RFZFsHyqNOeTkhZY-_RajsDOwYbGVcjb-rL66Sjk42GohKD23Bc_WmAFpjInlnMYs60ms/s1600/blockquote_bg2.gif) repeat-y;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-weight:bold;
clear:both;
}
.navigation a{
color:#fff;
font-size:12px;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
}
.navigation a:hover{
text-decoration:none;
}
.navigation .alignleft a{
}
.navigation .alignright a{
}
/* End Various Tags & Classes*/
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
.entry ul {
margin: 0 10px 15px 0;
list-style: none;
padding:15px 15px 15px 20px;
background:#1d1d1d;
border-bottom:1px dotted #898989;
border-top:1px dotted #898989;
}
.entry ul li {
border-bottom:1px solid #373737;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxxhwKcgrfmcaktLNmaU2V9v-3g4-FO8sGnDI8-l06ezBnEXra2dmAVpT0Jopwlae-eNLJaxEI-zk9bOJhU_KosY1eME4n5C9Fc7n0dKdmvAxjbIlb86z1YAVOHzeoduDO5brGF_qQLNU/s1600/entry_before.gif) no-repeat left 10px;
padding:3px 0 4px 12px;
}
.entry ul li:before{
/*content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxxhwKcgrfmcaktLNmaU2V9v-3g4-FO8sGnDI8-l06ezBnEXra2dmAVpT0Jopwlae-eNLJaxEI-zk9bOJhU_KosY1eME4n5C9Fc7n0dKdmvAxjbIlb86z1YAVOHzeoduDO5brGF_qQLNU/s1600/entry_before.gif);*/
}
.entry ol {
margin: 0 10px 15px 0;
padding:15px 15px 15px 40px;
background:#1d1d1d;
border-bottom:1px dotted #898989;
border-top:1px dotted #898989;
}
.entry ol li {
margin: 0;
padding: 0;
padding-bottom:4px;
padding-top:3px;
border-bottom:1px solid #373737;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li{
list-style: decimal outside;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform{
width:400px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 350px;
padding: 2px;
}
#commentform #submit {
margin: 0;
width:65px;
height:25px;
}
/* End Form Elements */
/* Begin Comments*/
h2#comments{
font:$commentheaderfont;
color:$commenttitlecolor;
margin:0 0 10px 35px;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
margin:0 10px 0 35px;
}
.commentlist li {
margin: 15px 0 0;
padding: 5px 0 0 0;
list-style: none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvMLVZU_qx5w7I-LGbFc9LGPr4mxto2TpkfWTcJqpao3P-iLXdeeY1uHNENC6HuuCck6eXbExuB8rPW2eAYvZn6cvOLg9kGPgUF4HNT3bltpw9h3TPodNUXLSEN_gn6ucufOlPCvHd2R4/s1600/dotted_grey.gif) repeat-x;
}
.commentlist li.alt {
}
.commentlist li li {
margin: 0px;
padding: 5px 10px 5px;
border-bottom:0px;
background:none;
border:0;
}
.commentlist p {
margin: 10px 5px 10px 0;
line-height:18px;
color:$commenttextcolor;
font:$commenttextfont;
}
.commentmet_text{
padding-left:5px;
padding-top:5px;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
padding:7px 0px 0 10px;
color:$commentmetacolor;
font:$commentmetafont;
text-transform:capitalize;
}
.commentmetadata span{
color:$commentmetacolor;
}
.commentmetadata a{
color:$commentmetalinkcolor;
}
.commentmet_text{
padding:0 20px 10px 10px;
font-size:13px;
}
.alt .commentmetadata_end{
}
.commentmetadata_end{
text-align:right;
padding:19px 10px 10px 0;
color:$bottomcommentmetacolor;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj56jxCpL8GFqvVJe2-o5kXWhwQ5PjfuZNm-x6ztRosJPI_Kera1oV0301oee9OuYWNVF64KGEiqxq-7obyFgtRPwZ4uDUPYGL1BM-hh19R-EEQ5BV6f445cIrOybpErc6jV2Qg7Zi2yPk/s1600/commentmetadata_end.gif) repeat-x;
height:22px;
font:$bottomcommentmetafont;
}
.commentmetadata_end span{
color:$bottomcommentmetacolor;
}
#respond_box{
margin:40px 15px 0 35px;
padding-bottom:60px;
}
h3#respond{
font-size:27px;
color:#d3a41b;
font-weight:normal;
margin:0 0 10px 0;
}
#commentform{
margin-left:35px;
color:#737373;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:90%;
}
#commentform label{
position:relative;
top:-2px;
}
#commentform a{
color:#737373;
}
#commentform input{
background:#262626;
border:3px #313131 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
color:#CCCCCC;
}
#commentform textarea{
background:#262626;
border:3px #313131 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
margin:5px 0 0 0;
color:#CCCCCC;
}
#commentform input#submit{
background:none;
border:0px;
}
/* End Comments */
.comment-form{
margin:25px 0px 0px 0px;
max-width:575px !important;
width:575px !important;
font:$bodyfont;
}
h4.backlinks{
font:$commentheaderfont;
color:$commenttitlecolor;
padding:0 0 20px 0px;
margin:0 0 10px 0px;
}
a.blog-pager-newer-link{
float: left;
padding: 6px 6px 6px 0px;
margin: 4px 4px 4px 0px;
color:$linkcolor;
font:$bodyfont;
}
a.blog-pager-older-link{
float: right;
padding: 6px 0px 6px 26px;
margin: 4px 0px 4px 4px;
color:$linkcolor;
font:$bodyfont;
}
a.home-link{
position:absolute;
padding: 8px 2px 2px 2px;
margin: 2px;
color:$linkcolor;
font:$bodyfont;
}
#blog-pager{
text-align:center;
color:$linkcolor;
font:$bodyfont;
}
.feed-links{
margin: 30px 0 0px 0px;
color:$linkcolor;
}
.feed-links a:hover{
color:$linkcolor;
}
.feed-link{
color:$linkcolor;
font:$bodyfont;
}
.feed-link a:hover{
color:$linkcolor;
}
#backlinks-container{
font:$bodyfont;
}
]]></b:skin>
<script language='javascript'>
function doClear(theText){
if (theText.value == theText.defaultValue){
theText.value = ''
}
}
</script>
</head>
<body>
<!-- Page -->
<div id='page'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<!-- Header -->
<div id='header'>
<div id='header_title'>
<h1>
<b:section class='blogname' id='blogname' maxwidgets='1' showaddelement='no'/>
</h1>
</div>
<div id='header_rss'>
<a href='/feeds/posts/default' title='Rss'><img alt='Skinpress Demo Rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxj2indv8pj2f_-XU0cS3IuoEjTk1yov32RKP__KW7hZPV4a_7xHod20B-UwIA5lYYdupTbMIGi2hsMNt1g2lE61IAWBbrypfWB4hCix_xnaCkEJLjzDlOqjBCHy43MU0UPIfMpl-UaYA/s1600/rss.png'/>
</a>
</div>
<div class='clear'/>
</div>
<!-- /Header-->
<!-- Top Navigation Menu -->
<div id='menu'>
<div id='menu_items'>
<b:section class='mainmenu1' id='mainmenu1' preferred='yes' showaddelement='no'>
<b:widget id='LinkList99' locked='true' title='Top Navigation Menu' type='LinkList'/>
</b:section>
<div class='clear'/>
</div>
<div id='main_search'>
<form action='/search' id='searchform_top' method='get'>
<div>
<input id='searchform_top_text' name='q' onclick='doClear(this)' type='text' value='Type your search here...'/>
<input id='gosearch' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClVHZ40kPtaIjahRiGqVo7NsC9rOzHmTJLhqKs8qcnsAaSFYdG08zF9nxvokrKAB7FnRIc_kEq56-6wiOrA4noH4iTJS7UJHpkF64dsRk2AtMVC8BwLxwX9s6II4L7ebkgi_rBJBe4aE/s1600/go.gif' type='image'/>
</div>
</form>
</div>
<div class='clear'/>
</div>
<!-- /Top Navigation Menu -->
<!-- Body -->
<div id='body'>
<div id='body_top'>
<div id='body_left'>
<div id='body_left_content'>
<!-- Content -->
<div class='narrowcolumn' id='content'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<!-- /content -->
</div>
</div>
<div id='body_right'>
<div id='body_right_content'>
<!-- Sidebar Ads -->
<div id='right_ads'>
<b:section id='sidebar_ads' preferred='yes' showaddelement='no'>
<b:widget id='Image1' locked='true' title='125x125 Ads1' type='Image'/>
<b:widget id='Image2' locked='true' title='125x125 Ads2' type='Image'/>
<b:widget id='Image3' locked='true' title='125x125 Ads3' type='Image'/>
<b:widget id='Image4' locked='true' title='125x125 Ads4' type='Image'/>
</b:section>
</div>
<div class='clear'/>
<!-- /Sidebar Ads -->
<!-- Sidebar -->
<div id='sidebars'>
<div class='sidebars' id='sidebar'>
<ul>
<b:section id='sidebar1' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</ul>
</div>
</div>
<!-- /Sidebar -->
</div>
</div>
</div>
</div>
<!-- /body -->
<div class='clear'/>
<!-- Footer -->
<div id='footer'>
<div id='footer_text'>
<p>© All Rights Reserved. <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
Designed by <a href='http://www.template-blogger.com/' target='_blank'>free template</a>. Converted To <a href='http://www.freetemplatesblog.com/' rel='me' title='Blogger Template'> Blogger Template</a> by <a href='http://www.freetemplatesblog.com' rel='nofollow' title='Templates football'> free templates football</a>.<br/>
</div>
<div class='clear'/>
</div>
<!-- Footer -->
</div>
<!-- /Page -->
</body>
</html>
RELATED POST
ARSENAL
|
BARCELONA
|
LIVERPOOL
|
JUVENTUS
|
REAL MADRID
|
AC MILAN
|
Posted in: REAL MADRID
0 komentar:
Posting Komentar