Script Template Starting Question

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.metaDescription' name='description'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Design Office
URL : www.blogtemplate4u.com
----------------------------------------------- */
/*
<Group description="General Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#000000" value="#000000"/>
</Group>

<Group description="Links" selector="body">
<Variable name="link.color" description="Link Color" type="color" default="#7c0000" value="#7c0000"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#3d3d3d" value="#3d3d3d"/>
</Group>

<Group description="Blog Title" selector="h1.title">
<Variable name="title.text" description="Title Font" type="font"
default="normal bold 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 36px Impact, sans-serif"/>
<Variable name="title.text.color" description="Title Text Color" type="color" default="#7c0000" value="#7c0000"/>
<Variable name="title.link.color" description="Title Link Color" type="color" default="#7c0000" value="#7c0000"/>
</Group>

<Group description="Blog Description" selector="#header-wrapper .description">
<Variable name="description.text" description="Description Font" type="font"
default="normal bold 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 42px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="description.text.color" description="Description Text Color" type="color" default="#3d3d3d" value="#3d3d3d"/>
</Group>

<Variable name="styling.font" description="Styling Font" type="font"
default="normal bold 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 13px Play"/>
*/

/* CSS Reset
* By Eric Meyer */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Custom
* ------------------ */
body#layout{
max-width:100%;
}
body#layout #slider-wrapper{
display:none
}
body#layout #header-wrapper {
height:100px;
}
body#layout #logo {
left:0;
top:15px;
}
.navbar {
display:none
}
.widget {
margin:0;
padding:0
}
.clearfix:after{
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden
}
* html .clearfix,:first-child+html .clearfix{
zoom:1
}
.clear {
display:block;
clear:both;
float:none;
border:none;
font-size:0;
height:0;
overflow:hidden;
margin:0;
padding:0
}

/* TYPOGRAPHY
* ------------------ */

/* Link */
a {
color:$(link.color);
text-decoration:none
}
a:hover,
a:focus,
a:active {
color:$(link.hover.color);
text-decoration:none
}

/* Styling Font */
h1,h2,h3,h4,h5,.sf-menu a,#blog-pager,.feed-links,.jump-link a, #navlist a{
font:$(styling.font);
}

/* Heading */
h1 {font-size:28px; line-height:45px; margin-bottom:24px;}
h2 {font-size:24px; line-height:35px; margin-bottom:20px;}
h3 {font-size:40px; line-height:25px; margin-bottom:18px;}
h4 {font-size:16px; line-height:15px; margin-bottom:16px;}
h5 {font-size:14px; line-height:15px; margin-bottom:14px;}
h6 {font-size:12px; line-height:15px; margin-bottom:10px;}

/* List */
ul{list-style:square;}
ol{list-style-type:decimal;padding-left:30px;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}

/* Pre/Code */
pre{
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
white-space:pre;
overflow:auto;
clear:both;
line-height:19px;
background: #d8ab6a;
padding:10px
}
code{
padding-left;
display:block;
padding:10px;
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
background: #d8ab6a;
}

/* Blockquote */
blockquote {
margin: 15px 10px 15px 10px;
font:italic normal 13px Georgia, Bitstream Charter, serif;
padding:15px;
background: #d8ab6a;
}
blockquote cite{
font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
letter-spacing:1px;
text-transform:uppercase;
margin: 5px 0 0;
display: block;
}

/* MAIN LAYOUT
* ================== */
body {
font:$(body.font);
color:$(body.text.color);
background:#d8ab6a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlXiZdRxaZ4EZOWLfCYOgWBy0y1hyphenhyphenZlX1ZrBd0BPLdxsSHbdovmEwpIUAvTlBbBL1xndRfnU1hop99pdWy3bwcSJi2R-3QSlEp5UmlxLPIZK7cBqMzi8Cjkez8s2jU1KYhs1rrDGYkLy0/s1600/bg.jpg) repeat top left;
background-attachment:fixed
}
#wrapper {
width:980px;
background:transparent;
margin:0 auto;
text-align:left;
}

/* HEADER AREA
* ================ */
#header-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJT0UMa3yXzvpmxpYsunBmw7lxH1yJdriV3NmrDcWBhxhB3n3iLHbKhuygukB0Axout3XSzGYCTemSJ4-tT6adFMy7Zl57OsifAKldjVL0Mp7_3w2vxOqqjSOaF8rBSCxKmptcXudwfU/s1600/header.png) no-repeat bottom left;
position:relative;
height:330px;
}
#header-bar {
height:39px;
padding:8px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicdRxSHcSSvkJXVpX1irnEh4yPlQ4Z72qKePDkGoxd3HCkginFX9vNXdw53NUnieIbN4EHNmhXbB1mOSkbm94p81hBnHpR8JXTSLqvZcIgXSOJMgem5simIOGOvF1BJZckBu_VCtKC27I/s1600/menu.jpg) no-repeat 10px 0;
margin-bottom:15px;
}

/* Logo */
#logo {
position:absolute;
left:0;
top:0;
width:450px;
}
#logo h1.title{
font-size:36px;
font:$(title.text);
color:$(title.text.color);
font-weight:normal;
margin:0 0 5px 0;
padding:0;
line-height:100%;
}
#logo h1.title a{
color:$(title.link.color);
}

/* Description */
#logo .description{
font:$(description.text);
color:$(description.text.color);
margin:0;
padding:0;
line-height:100%;
font-size:18px
}

/* MENU AREA
* --------------- */
#menu-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-gmmPcrMfIOuy1zL8M8DC1PK_GKZliWf4cxoAj5rOPFi8mF63MX5gsjFi5bswJfsNh1YwEONWIfqWsK8fDmXuBKQtLDCV-BZIufNL30bn2MiKf8T3FCyEkSnM9XUmltInHhJuOEyNic/s1600/redstripe.jpg) repeat;
margin-bottom:15px;
padding:0 10px;
}

/* Esential Style */
.sf-menu,.sf-menu * {
list-style:none;
margin:0;
padding:0
}
.sf-menu {
line-height:1.0
}
.sf-menu ul {
position:absolute;
top:-999em;
width:10em
}
.sf-menu ul li {
width:100%
}
.sf-menu li:hover {
visibility:inherit
}
.sf-menu li {
float:left;
position:relative
}
.sf-menu a {
display:block;
position:relative
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:2.5em;
z-index:99
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em
}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0
}

/* Menu Style */
.sf-menu {
float:left
}
.sf-menu li:hover,.sf-menu li.selected,.sf-menu li.sfhover {
}
.sf-menu a {
position:relative;
z-index:1000;
font-size:14px;
font-weight:700;
padding:15px;
color:#f9bf3f;
}
.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active,.sf-menu a.active,.sf-menu li.selected a {
color:#fedbb0;
text-decoration:none
}

/* Child Menu */
.sf-menu li ul,.sf-menu .sf-shadow ul {
background:#7d0000;
border:1px solid #730000;
border-radius:0 4px 4px;
-o-border-radius:0 4px 4px;
-webkit-border-radius:0 4px 4px;
-moz-border-radius:0 4px 4px;
-khtml-border-radius:0 4px 4px;
width:165px;
margin-top:15px;
padding:10px 10px 5px
}
.sf-menu li li {

margin:0 0 5px;
padding:0
}
.sf-menu li li:hover,.sf-menu li li.sfhover {
background: #730000;
}
.sf-menu li li a {
text-transform:none;
font-size:13px;
padding:10px
}
.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active {
color:#fedbb0
}

/* CONTENT AREA
* ================ */
#main-wrapper{
width:655px;
float:left;
margin:0;
padding:10px 0;
}
#sidebar-wrapper{
width:315px;
float:right;
margin:0;
padding:0;
}
#main, #sidebar{
margin:0;
padding:0;
}

/* Post */
.date-header{
display:none
}
.post, #comments{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSeYGuY72dN_0I4N4wuvtcBt5JgWZwUgC8d1IYYk5chBJjOjxm4T9yey9tj-u1q6PKB78WC4Rjhjpeb33pM-ECseOrDQMNLU7-V0yAiyBKOg2zwlmDW2APskScDEc9WfgJMkSfWd5qbU/s1600/post.png) repeat;
margin:0 0 15px;
padding:15px;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
}
.post-title {
font-size:24px;
color:#000;
margin:0 0 5px 0
}
.post-header{
font-size:12px;
line-height:20px;
}
.post-timestamp{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeqlTFallIdadR5oSKH-VZpbMceqnzxRfDW6SgVtptebaMpG-kj1oz3bFeeGR7ZiuHMSDJ6yUFQrm9gEsTXs-0YhYK9l6zeR4pc797xy6-fK3jS6ny_1pr4-qHP2K_XrGfZ5U-mffroI/h80/clock.png) no-repeat 0 2px;
margin:0px !important;
padding:2px 0 2px 20px;
}
.post-author{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLwqXM5iP4eW29uIn2VurYVWPqgbO6J-fhQwJlPCH2Mhp1XlDUmLaY54ryzp7CL_c_LyPSc2rhyphenhyphenfNzEq35aJWwEB9mZXoRTECDqcQq0gl9JQQ-vtHhwh5rSKCYLFwHQoazUkvaKciLQ2w/h80/author.png) no-repeat 0 0px;
margin:0 0 0 10px !important;
padding:2px 0 2px 20px;
}
.post-body{
margin:15px 0;
}
.post-body img{
background:#fff;
border:1px solid #c17834;
padding:3px;
max-width:627px;
}
.post-footer{
background:#d8ab6a;
font-size:11px;
padding:5px 10px;
position:relative;
}
.jump-link {
position:absolute;
right:10px;
top:20px;
}
.jump-link a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSeYGuY72dN_0I4N4wuvtcBt5JgWZwUgC8d1IYYk5chBJjOjxm4T9yey9tj-u1q6PKB78WC4Rjhjpeb33pM-ECseOrDQMNLU7-V0yAiyBKOg2zwlmDW2APskScDEc9WfgJMkSfWd5qbU/s1600/post.png) repeat;
padding:8px 12px;
font-weight:bold;
font-size:12px;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
}
.feed-links {
heght:33px;
line-height:33px;
padding-left:33px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLFSDyE3VGkThWWHyNl8ZOb48t5-QcgXRrrNNV6JtDMjCTwkSVOmCWhuKZl0DEW5H1feKTj3lT0LcThgRQsT7JGZDOTBO9ciG_EF6jajb4jaJxvHdteeR28ZjT8Hlt328PkixR7e2TPM/h1600/feed_icon.png) no-repeat left center;
font-size:14px;
font-weight:bold
}

/* Comments */
#comments h4 {
font-size:16px;
margin-bottom:10px;
}
#comments-block {
margin:0;
position:relative;
}
.avatar-image-container {
position:absolute;
top:0;
left:0;
}
.avatar-image-container .photo,
.avatar-image-container img{
border:1px solid #none;
}
.comment-footer {
font-size:11px;
}

/* Blog Pager */
#blog-pager a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSeYGuY72dN_0I4N4wuvtcBt5JgWZwUgC8d1IYYk5chBJjOjxm4T9yey9tj-u1q6PKB78WC4Rjhjpeb33pM-ECseOrDQMNLU7-V0yAiyBKOg2zwlmDW2APskScDEc9WfgJMkSfWd5qbU/s1600/post.png) repeat;
font-size:14px;
font-weight:bold;
padding:3px 8px;
display:inline-block;
border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px 2px 2px 2px;
-khtml-border-radius:2px;
}

/* Sidebar Widget */
#sidebar h2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2uQDlzoBNhPi_Q_OJefLTurD_HoMR9jwla5DQbgjwqVY2fQMzE6XhMVpbNWChWxncMrnddt7uz1PTuvNnrmyMjg82-XKzGXiTIUL2Dv6J1v-DeQUsYtHu1DOrbNVeAL0yEGMA3yx39_Y/s1600/stitle.png) no-repeat left;
font-size:18px;
height:40px;
margin:0;
padding:5px 15px;
color:#f9bf3f;
}
#sidebar .widget{
background:#870100 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-gmmPcrMfIOuy1zL8M8DC1PK_GKZliWf4cxoAj5rOPFi8mF63MX5gsjFi5bswJfsNh1YwEONWIfqWsK8fDmXuBKQtLDCV-BZIufNL30bn2MiKf8T3FCyEkSnM9XUmltInHhJuOEyNic/s1600/redstripe.jpg);
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
margin:10px 0;
padding:10px;
}
#sidebar .widget-content{
margin:10px 0;
padding:0 15px;
color:#f9bf3f;
}
#sidebar ul{
margin:0;
padding:0;
list-style:none
}
#sidebar ul li{
padding:8px 0;
}
#sidebar ul li a{
color:#f9bf3f;
}
#sidebar ul li:hover{
color:#ffe577;
}
#sidebar ul li a:hover{
color:#ffe577;
}

/* FOOTER
* ---------- */

#footer {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-gmmPcrMfIOuy1zL8M8DC1PK_GKZliWf4cxoAj5rOPFi8mF63MX5gsjFi5bswJfsNh1YwEONWIfqWsK8fDmXuBKQtLDCV-BZIufNL30bn2MiKf8T3FCyEkSnM9XUmltInHhJuOEyNic/s1600/redstripe.jpg) repeat;
padding:10px 15px;
}
.footer {
margin:0 0 20px 0 !important;
overflow:hidden
}
#footer .widgets {
float:left;
width:295px;
margin:0 32px 0 0;
}
#footer #widgets3 {
float:right;
margin:0;
}
#footer .widgets h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2uQDlzoBNhPi_Q_OJefLTurD_HoMR9jwla5DQbgjwqVY2fQMzE6XhMVpbNWChWxncMrnddt7uz1PTuvNnrmyMjg82-XKzGXiTIUL2Dv6J1v-DeQUsYtHu1DOrbNVeAL0yEGMA3yx39_Y/s1600/stitle.png) no-repeat left;
font-size:18px;
height:40px;
margin:0;
padding:5px 15px;
color:#f9bf3f;
}
#footer .widgets .widget{
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
margin:10px 0;
}
#footer .widgets .widget-content{
margin:10px 0;
color:#f9bf3f;
}
#footer .widgets ul{
margin:0;
padding:0;
list-style:none
}
#footer .widgets ul li {
margin:3px 0;
padding:8px 15px;
background:#7d0000;
border:1px solid #730000;
}
#footer .widgets ul li a {
color:#f9bf3f;
}
#footer .widgets ul li:hover{
background: #730000;
border: 1px solid #7d0000;
color:#ffe577;
}
#footer .widgets ul li a:hover{
color:#ffe577;
}

/* Credits */
#credit-footer {
padding:10px 0;
text-align:center;
font-size:11px;
overflow:hidden;
position:relative;
}
#credit-footer a{
text-decoration: underline;
}

/* SLIDESHOW
* ---------- */
#slider-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSeYGuY72dN_0I4N4wuvtcBt5JgWZwUgC8d1IYYk5chBJjOjxm4T9yey9tj-u1q6PKB78WC4Rjhjpeb33pM-ECseOrDQMNLU7-V0yAiyBKOg2zwlmDW2APskScDEc9WfgJMkSfWd5qbU/s1600/post.png) repeat;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
margin:0 0 15px;
padding:15px
}
#slider {
position:relative;
width:625px;
height:300px;
overflow:hidden
}

/* The Nivo Slider styles */
.nivoSlider {
position:relative
}
.nivoSlider img {
position:absolute;
top:0;
left:0
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
z-index:6;
display:none;
margin:0;
padding:0
}

/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%
}
.nivo-box {
display:block;
position:absolute;
z-index:5
}

/* Caption styles */
.nivo-caption {
position:absolute;
left:10px;
bottom:10px;
background:#000;
color:#fff;
z-index:8;
display:inline-block;
width:60%
}
.nivo-caption h1 {
margin-bottom:2px;
line-height:100%;
}
.nivo-caption h1 a {
font-size:18px;
}
.nivo-caption p {
margin:0;
padding:10px
}
.nivo-caption p p {
font-size:12px;
padding:0
}
.nivo-caption a,.nivo-caption a:hover {
color:#fff
}
.nivo-html-caption {
display:none
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
position:absolute;
right:15px;
bottom:15px;
font-size:12px
}
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
background-color:#000;
color:#fff;
opacity:0.67;
padding:4px 8px
}
.nivo-controlNav a.active {
background-color:#fff;
color:#000;
text-decoration:none
}

/* WIDGETS
* =============== */

/* Search Form */
#search{
float:right;
width:300px;
margin:0;
}
#searchform {
float:left;
width:241px;
height:26px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Xz-f4IXu09iNjKIR6aGi068UaOWXMkLE09rXzLQbre9cMxD64VA2uVC-wrlw0sXGpHRQeGx2KrsZ5jyj2ElxLuoJiJDcamvC2ewwt9-AgRCsKqCdUaKOZH2g6b2ErDpQiriW4qEcyNc/s1600/searchbox.png) top no-repeat;
border:none;
color:#fff;
font-size:12px;
font-family:arial, Times New Roman, Trebuchet MS;margin: 0 5px 0 0;
padding:3px 2px;
}
#submit {
width:26px;
height: 26px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimmu1-CmzbdnXY1LeawHnO79TrqFYMzk3loVk5P5GLxZJ2YyyuULKqzOaPTQ27Dxt9nDFU9q9glsXOnHb0rgWD1wW-8drnuakyC4YDYK4lW7H3uTRd4y7HT38PEaC40X00T_Oc5FTVYUA/s1600/search.png) top no-repeat;
margin: 1px 0px 0px 0px;
padding: 0;
border: none;
}

/* Subscribtions Widget */
ul#topsoc {
list-style:none;
margin:0;
padding:0;
}
ul#topsoc li {
background:#7d0000;
border:1px solid #730000;
line-height:51px!important;
margin:2px 0!important;
padding:0;
}
ul#topsoc li a {
margin:0;
padding:8px 8px 8px 50px !important;
font-weight:bold;
font-size:13px;
}
ul#topsoc li a#twitter {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVW16pXsBSSCiZvE42fvyALHP7t_pq0kh9YUtbOcMst4p4j-OCIjM9f645g-HOEX7lF1jcNAKBsbl0AlaumrOKq1miSEOU-8qAWaYQBXCmNADsCmW0dJ-plN5nW1LHb8A6-VFEHEDhm_T/) no-repeat scroll 10px 0!important
}
ul#topsoc li a#socrss {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1kBWMrYlqFwgDk6kJjQ7KhNReb3_rzIeEE8oI-q_JBM-qYPewI-uju_-HgFlgl19OYNw6M80CyehABfC5CL7MUnObNDyDgYqo-IQ6MAV8HLtkavHzYj3ZXehynCaHDa_CU6dpu61CggpX/) no-repeat scroll 10px 0!important;
position:relative;
top:2px
}
ul#topsoc li a#email {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPJeeqA0FcN70jDYTXArx6yhWsfG5y10cQvAtzBBoT6PkX-pzrkCSLq3rxz2_0U63Uz_TAq-w0bwbTNU_RUFbT8rmihyeXCua6YTN6zNhpnG8aT7Agcasf8F4u8xRQIM-ZqGF0kqiQx3J/) no-repeat scroll 10px 0!important
}

#navlist {
float:left;
width:620px;
}
#navlist ul{
position:relative;
float:left;
white-space:nowrap;
font-size:20px;
font-weight:400;
text-transform:uppercase;
margin:0;
padding:8px 0 0 0
}
#navlist li {
float:left;
list-style:none;
margin:0;
padding:0
}
#navlist li a{
float:left;
color:#ce8f36;
margin:0!important;
padding:0 15px
}
#navlist li a:hover {
color:#fedbb0
}
#navlist li .selected {
color:#f6a924
}

]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'/>
<script src='http://static.bloggerninja.com/asset/blogger-templates/the-framework/js/superfish.js' type='text/javascript'/>
<script src='http://themes.affect.lt/bodega/wp-content/themes/bodega/js/jquery.nivo.slider.pack.js?ver=3.2.1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[

$(window).load(function() {
$('#slider').nivoSlider({
effect: 'fade',
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 5000,
pauseOnHover: 1,
manualAdvance: 0,
captionOpacity: 0.67,
directionNav: false,
controlNav: true
});
});

$(document).ready(function() {
// Superfish
$('ul.sf-menu').superfish({
delay: 150,
animation: {opacity:'show', height:'show'},
speed: 'fast',
autoArrows: true,
dropShadows: false
});
var $image = $('.post-body').find('img');

$image.css({'opacity':'0.7'});

$image.hover(function() {
$(this).animate({
opacity: 1,
}, 600);
}, function() {
$(this).animate({
opacity: 0.7,
}, 600);
});
});

//]]>
</script>
</head>
<body>
<div class='clearfix' id='wrapper'>
<div id='header-bar'>

<b:section class='navlist' id='navlist' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Laman' type='PageList'/>
</b:section>


<form action='/' id='search' method='get'>
<input class='input_text' id='searchform' name='q' onblur='if (this.value == "") {this.value = "Search this blog...";}' onfocus='if (this.value == "Search this blog...") {this.value = ""}' size='70%' title='search' type='text' value='Search this blog...'/>
<input id='submit' type='submit' value=''/>
</form>

</div>

<div id='header-wrapper'>
<b:section class='logo' id='logo' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Starting Question (Header)' type='Header'/>
</b:section>
</div>

<div class='clearfix' id='menu-wrapper'>
<ul class='sf-menu dropdown'>
<li class='selected'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Dropdown</a>
<ul class='sub-menu'>
<li><a href='#'>Advanced</a></li>
<li><a href='#'>Design</a></li>
<li><a href='#'>Development</a></li>
<li><a href='#'>Typography</a></li>
<li><a href='#'>Photography</a></li>
</ul>
</li>
<li><a href='#'>Testing Element</a></li>
<li><a href='#'>Another Options</a>
<ul class='sub-menu'>
<li><a href='#'>Option 1</a></li>
<li><a href='#'>Option 2</a></li>
<li><a href='#'>Option 3</a></li>
<li><a href='#'>Option 4</a></li>
<li><a href='#'>Option 5</a></li>
</ul></li>
<li><a href='http://blogtemplate4u.com'>Portfolio</a></li>
<li><a href='http://blogtemplate4u.com'>Download</a></li>
</ul>
</div>

<div class='clearfix' id='content'>
<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<div id='sidebar'>
<div class='widget'>
<h2>Follow Us</h2>
<div class='widget-content'>
<ul id='topsoc'>
<li class='first'>
<a href='http://feeds.feedburner.com/t4u' id='socrss'>Subscribe via RSS</a>
</li>
<li class='second'>
<a href='http://twitter.com/blogtemplate4u' id='twitter'>Follow my tweets</a>
</li>
<li class='third'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=t4u' id='email'>Subscribe via Email</a>
</li>
</ul>
</div>
</div>
</div>
<b:section class='sidebar' id='sidebar'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='I Got It From My Mama' type='HTML'/>
<b:widget id='Image1' locked='false' title='Me' type='Image'/>
<b:widget id='HTML1' locked='false' title='Other My Notes' type='HTML'/>
<b:widget id='HTML4' locked='false' title='News and Tabloid' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'/>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
</div>

<div class='clearfix' id='footer'>
<div class='footer'>
<b:section class='widgets' id='widgets1'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
</b:section>
<b:section class='widgets' id='widgets2'>
<b:widget id='Label3' locked='false' title='Labels' type='Label'/>
</b:section>
<b:section class='widgets' id='widgets3'>
<b:widget id='Label4' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
</div>

<div class='clearfix' id='credit-footer'>

<b:section class='attribute' id='attribute' maxwidgets='1' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
<p>Design by <a href='http://www.memory-mattress.com' target='_blank' title='Memory Mattress'>Memory Mattress</a>.
Themes by <a href='http://www.discount-mattress.com' target='_blank' title='Discount Mattress'>Discount Mattress</a>, <a href='http://viscomemoryfoammattress.com/' target='_blank' title='Visco Foam Mattress'>Visco Foam Mattress</a> & <a href='http://cotton-mattress.com' target='_blank' title='Cotton Mattress'>Cotton Mattress</a>.</p>
</div>
</div>
</body>
</html>

Tidak perlu download ( 100 Script ) Anda tinggal Copy Paste saja

Website Template

Script Template Starting Question

0 komentar:

Posting Komentar

Site Search

About

Arsip Blog

Arsip Blog

Postingan Populer

Code Widget

Blogger templates

Recent Posts

Sample Text

Download

Tidak perlu download ( 100 Script ) Anda tinggal Copy Paste saja

Website Template

Script Template Starting Question

0 komentar:

Posting Komentar

Social Profiles

Site Search

About

Arsip Blog

Arsip Blog

Postingan Populer

Code Widget

Blogger templates

Recent Posts

Sample Text

Download