Blogger Templates - Themes: 4 Column

Download

Lineaments:

-DeNews is 4 Column Template .

- Posts thumbnails, tabs , Drop down men.

- It's Free Photography Blogger templates .

-Compatible with All Major Browsers

-Best for Blogspot Gallery templates, , For Tech Blog.

- Designer name given inside theme file.

----------------------------------------------------------------------------------------------------------

here you can change body style of template

body,.body-fauxcolumn-outer{background:white;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
a,img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid #0073B4;border-bottom:2px solid #0073B4;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
a:link{color:#006FA3;text-decoration:none}
a:visited{color:#8CA6B4;text-decoration:none}
a:hover{color:#0096DD;text-decoration:underline}
a img{border-width:0}

---------------------------------------------------------------------------------------------

Header code style

#header-wrapper{margin:0 auto 0;padding:10px;color:white}
#header{text-align:center;color:#0075A3;margin:0}
#header h1,#header p{margin:5px 5px 0;padding:15px 20px .25em;line-height:1.2em}
#header a{color:#0075A3;text-decoration:none}
#header a:hover{color:#0075A3}
#header .description{margin:0 5px 5px;padding:0 20px 15px;color:#999999}
#header img{margin-left:auto;margin-right:auto}

Navigation style code
-----------------------------------------------
#nav{background-color:#0075A3;font:normal bold 11px Arial,Sans-Serif;color:#DADADA;height:30px}
#nav ul,#nav li{margin:0 0;padding:0 0;list-style:none}
#nav ul{height:30px}
#nav li{float:left;display:inline;position:relative}
#nav a{display:block;line-height:30px;padding:0 14px;text-decoration:none;color:#F1F1F1}
#nav li:hover > a,#nav li a:hover{background-color:#098DC0}
#nav input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#nav label{display:none;font-size:300%;width:30px;height:30px;line-height:30px;text-align:center}
#nav label span{font-size:12px;position:absolute;left:32px}
#nav ul.subx{height:auto;overflow:hidden;width:180px;background-color:#098DC0;position:absolute;z-index:99;display:none;border-top:0}
#nav ul.subx li{display:block;width:100%}
#nav li:hover ul.subx{display:block}
#nav a.dgnsub{padding:0 20px 0 14px}
#nav a.dgnsub::after{content:"";width:0;height:0;border-width:5px 4px;border-style:solid;border-color:#F1F1F1 transparent transparent transparent;position:absolute;top:12px;right:7px}
#nav ul.subx a:hover{padding-left:18px}
---------------------------------------------------------------------------------------------------------
Outer-Wrapper style code

#outer-wrapper {
width:990px;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 12px "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
#main-wrapper{width:70%;float:left;position:relative;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 */}
#sidebar-wrapper{width:30%;float:right;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 */}
#sidebar-wrapper h2,#footer-wrapper h2{background-color:#0075A3;color:white;padding:5px 10px;margin:0 0 10px}
#sidebar-wrapper .widget-content,#footer-wrapper .widget-content{padding:0;margin:0}

Headings define code
-----------------------------------------------

h1,h2,h3,h4,h5,h6,#header p.title{font-family:Georgia,Times,"Times New Roman",serif;font-weight:normal;margin:0}

Posts style code part
-----------------------------------------------

.date-header{margin:1.5em 0 .5em;display:none}
.post{margin:.5em 0 1.5em;padding-bottom:1.5em}
.post h1,.post h2{margin:.25em 0 0;padding:0 0 4px;font-size:170%;font-weight:normal;line-height:1.4em}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;font-weight:normal}
.post .post-title{margin-bottom:15px}
.post-body{margin:0 0 .75em;font-size:14px}
.post-body blockquote{line-height:1.3em}
.post-footer{margin:.75em 0;position:absolute;left:-9999px;color:#999999;letter-spacing:.1em;line-height:1.4em}
.comment-link{margin-left:.6em}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin:1em 20px}
.post-body blockquote{line-height:1.6em;position:relative;font-family:Georgia,serif;font-size:12px;font-style:italic;padding:0.25em 40px}
.post-body blockquote::before{display:block;content:"\201C";font-size:70px;position:absolute;left:0;top:15px}
.post blockquote p{margin:.75em 0}

DeNews

DOWNLOAD

Lineaments:

-bloggerest is 4 Column Template .

- Posts thumbnails, tabs , Drop down men.

- It's Free Photography Blogger templates .

-Compatible with All Major Browsers

-Best for Blogspot Gallery templates, , For Tech Blog.

- Designer name given inside theme file.

-Author : NewBloggerThemes

----------------------------------------------------------------------------------------------------
body design , social icons , container

body{
    background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigm6k4g98kAQ3wEeohXaShsnbmG3oOL7IJgYSr_cKlphnSZFEyF0dw4f2TChm7zs8-ePM37YTijapM6HlDS7PU8K596sm9g0-jvlelnd4S5JiJFLns-EyPwaEGNsLPfM-hkftw0adHkBNm/s0/bg.gif) fixed;
    text-align: center;
    color:#242326;
    font-family:'Lato',sans-serif;
}

.ie6, .ie7, .ie8 body{
    border-top: 10px solid #EBEE13;
}

body:before {
    content: "";
    position: fixed;
    background: #EBEE13;
    left: 0;
    right: 0;
    height: 10px;
}

#container{
    text-align: left;
    clear: both; margin: 0 auto; width: 960px;
}

/* =HEADER
-------------------------------------------------------------- */

#top{
    height:115px;
}

.logo{
    margin-top:35px;
}
.navwrapper{
    height:72px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNEYhZoCpggju9ghltL2uJrU49fJakqwpuFfBE_qiit-uaZgusZ55iAiQQw_7EbM-nxYwSyMBP0DS6kSk2n8rgp4gfQ-pw3gs6I-VBygdprIn_WFACo2huvJjAD7NcG_0Opwa__gj3HL4b/s0/nav-bg.png) repeat;
}

#social{
    float:right;
    margin-top:60px;
    margin-right:20px;
}

#social li{
    text-indent: -30000px;
    display:inline;
    float:left;
}

#social li a{
    display:block;
    width:37px;
    height:37px;
    overflow:hidden;
}

-------------------------------------------------------------------------------------------------
body part of te template

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/**
* Minimal base styles.
*/

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

-----------------------------------------------------------------------------------------------------

text area and color design

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; }

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   { }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

------------------------------------------------------------------------------------------------

bloggerest

DOWNLOAD

Lineaments:

-MXfluity is 3 Column Template .

- Posts thumbnails, tabs , Drop down men.

- It's Free Photography Blogger templates .

-Compatible with All Major Browsers

-Best for Blogspot Gallery templates, , For Tech Blog.

- Designer ivythemes

--------------------------------------------------------------------------------------------------

Header part of design

#header-wrapper{margin:0 auto 0;padding:10px;background-color:white;color:#292929}
#header{text-align:center;color:#202020;margin:0}
#header h1,#header p{margin:0;padding:0 5px 0;line-height:1.2em;font:normal normal 300% BenchNine,"Bebas Neue",Bebas,"Arial Narrow",Sans-Serif;text-transform:uppercase}
#header a{color:#202020;text-decoration:none}
#header a:hover{color:#C20404}
#header .description{margin:0 5px 0;padding:0 20px 15px;line-height:1.4em;font:normal normal 120% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;text-transform:capitalize;color:#5E5C5C}
#header img{margin-left:auto;margin-right:auto}

---------------------------------------------------------------------------------------------------------------

Navigation style code

Navigation
----------------------------------------------- */
#mobilenav{display:none}
#nav{font-weight:bold;background-color:#333;height:35px;position:relative;z-index:1}
#nav::before,#nav::after{content:"";width:0;height:0;border-width:26px 15px;border-style:solid;border-color:transparent transparent transparent #333;position:absolute;left:0;z-index:-1;top:-9px}
#nav::after{border-color:transparent #333 transparent transparent;left:auto;right:0}
#navinti{height:35px;margin:0;padding:0;float:left}
#navinti li{list-style:none;display:inline-block;zoom:1;float:left;position:relative;margin:0;padding:0}
#navinti li a{display:block;line-height:35px;text-decoration:none;color:white;padding:0 15px}
#navinti li:hover > a{background-color:#000}
#navinti ul{position:absolute;z-index:10;padding:0;list-style:none;width:170px;background-color:#F8F8F8;-moz-box-shadow:0 0 5px #494949;-webkit-box-shadow:0 0 5px #494949;box-shadow:0 0 5px #494949;display:none}
#navinti li:hover ul.hidden{display:block}
#navinti ul a{color:#494949}
#navinti ul a:hover{background-color:#fff}
#navinti ul li{float:none;display:block}
#navinti li.dgnsub > a {padding: 0 20px 0 15px;}
#navinti li.dgnsub > a::after {content: "";width: 0;height: 0;border-style: solid;border-color: #FFFFFF transparent transparent transparent;position: absolute;border-width: 5px 4px;right: 7px;top: 16px;}

--------------------------------------------------------------------------------------------------------------------

Outer-Wrapper code design

#outer-wrapper{width:1024px;background-color:#FAFAFA;margin:0 auto;padding:0;text-align:left;border-left:2px solid #333;border-right:2px solid #333;font:normal normal 11px Verdana,Geneva,sans-serif;}
#main-wrapper{width:70%;padding:0;float:left;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 */}
#sidebar-wrapper{width:30%;float:right;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 */}
#sidebar-wrapper .widget-content{padding:0;margin:0 10px 10px}

----------------------------------------------------------------------------------------------------------------------

Sidebar design

.sidebar{color:#666666;line-height:1.5em}
.sidebar ul{list-style:none;margin:0 0 0;padding:0 0 0}
.sidebar li{margin:0;line-height:1.5em;border-bottom:1px dotted black;padding:5px}
.sidebar .widget,.main .widget,#sidebar-wtengah{margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}

--------------------------------------------------------------------------------------------------------------

Profile design

.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:normal normal 78% Cuprum;color:#999999;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{font:normal normal 78% Cuprum;text-transform:uppercase;letter-spacing:.1em}

MXfluity

DOWNLOAD

Lineaments:

-25 Pixel is 4 Column Blogger Template .

- Posts thumbnails, tabs , Drop down men.

- It's Free Photography Blogger templates .

-Compatible with All Major Browsers

-Best for Blogspot Gallery templates, , For Tech Blog.

- Template Author/Designer Given inside XML file

------------------------------------------------------------------------------------------------

you can make changes in blog title and page title like appending it

--------------------------------------------------------------------------------------------------

Header style part

#header {
                padding:0!Important;
                margin-bottom: -10px;
                font-size: 14px;
                text-align: center;
                background: #353535;
                color: white;
                z-index: 9999;
        }
        #header-inner {
                margin:0 auto;
                padding-bottom:30px;
                width:300px!Important;
                background-position:center center!Important;
        }
        #header-inner .titlewrapper {
                padding:80px 0 0 0;
        }
        #header .titlewrapper h1, #header .titlewrapper h1 a {
                text-transform:uppercase;
                font-size:18px;
                color:#888;
        }
        #header .description {
                font-size:10px;
                color:#999;
        }
        #header-inner img {
                width:100px;
                margin:0 auto;
                width:100px;
                height:auto;
        }
        #header #blog-title, #header #blog-title a {
                color: white;
        }
        #header #access, nav.fixed {
                display: block;
        }

-------------------------------------------------------------------------------------------

Navigation design

nav {
                height:55px;
                width: 100%;
                font-size: 11pt;
                font-family:Arial, sans-serif;
                font-weight: bold;
                position: relative;
                background:#252525;
                margin-bottom:30px;
                text-shadow:0px 1px 0px #fff;
                        background-color:dfdfdf;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(221, 221, 221, 1)));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* IE10+ */
                background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 0%, rgba(221, 221, 221, 1) 100%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dddddd', GradientType=0);
                /* IE6-8 */
                box-shadow:0 1px 4px rgba(0, 0, 0, 0.09);
        }

25 Pixel

DOWNLOAD DEMO-BLOG

Lineaments:

Orange Line is 3 Column Blogger Templete , Equipped with Social Networking Features built in Slider , with awesome Layout . It's Free Template.

Compatible with All Major Browsers

Slider is Removable

Deluxe Templates is Author of the Template

Best for Website looking Blogs , Tech Blogs ,

----------------------------------------------------------------------------------------------

Body design code here you can change background color , image , link color , font

body {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7oWqwstuw3QSd6Rpnrw0tnBlQJraDNxulWzOq1CuF1Upb5JWHhqJaac7BRk6XvfZ1B8KgQVEtABUtOQn7L8yCU1sr1gz7VJIH06psCF2ych9GDrEj33UUp2H6yLC8AbKQDyoGW0ZiLot/s0/wrapper1.jpg") repeat-x scroll 0 0 #022A61;
    color: #333333;
    font: small Georgia Serif;
    margin: 0;
    text-align: center;
}
a:link {
    color: #0889C4;
    text-decoration: none;
}
a:visited {
    color: #0889C4;
    text-decoration: none;
}
#HTML123 h2 {
    display: none;
}

this hover part you can change style

a:hover {
    color: #000000;
    text-decoration: underline;
}
a img {
    border-width: 0;
}

--------------------------------------------------------------------------------------------

this is header design part to make changes

#header-wrapper {
    height: 127px;
    margin: 0 auto;
    text-shadow: 0 1px 0 #000000;
}
#header-inner {
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    color: #FFFFFF;
    text-align: left;
}
#header h1 {
    font-family: 'Oswald',Arial,Helvetica,Sans-serif;
    font-size: 42px;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0;
    padding: 23px 40px 0 17px;
    text-transform: inherit;
}
#header a {
    color: #FFFFFF;
    text-decoration: none;
}
#header a:hover {
    color: #FFFFFF;
}
#header .description {
    font: 80%/12px 'Oswald',Arial,Helvetica,Sans-serif;
    letter-spacing: 0;
    margin: -1px 0 0;
    padding: 0 14px 0 20px;
    text-transform: none;
}
#header img {
    margin-left: 0;
    margin-right: auto;
    margin-top: 0;
}
#outer-wrapper {
    font: 110% Arial,Serif;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    text-align: left;
    width: 1000px;
}

---------------------------------------------------------------------------------------------

Outer , main and sidebar wrappers design

#outer-wrapper1 {
}
#main-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    font-size: 13px;
    margin-right: 6px;
    margin-top: 4px;
    overflow: hidden;
    padding: 10px;
    width: 530px;
    word-wrap: break-word;
}
#sidebar-wrapper {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 163px;
    word-wrap: break-word;
}
#sidebar-wrapper2 {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 265px;
    word-wrap: break-word;
}
h2 {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyvVJxnFhAXUJjTlz7__3tga4nzhFP9Md7fSxTJ23mrZJ4RdzYjQUzcmjHVMS_GNohWAORY3PONyFpSNhoY_hVr3Rg78TpA8KLrya1grU2NbjPnpS5eoHjHmR3WdPgVr7fF7LD8CN-iMNP/s0/h2.jpg") repeat-x scroll 0 0 transparent;
    border-radius: 5px 5px 0 0;
    color: #000000;
    font: 104%/1.4em 'Oswald',Arial,Helvetica,Sans-serif;
    margin: 0;
    padding: 6px 7px;
    text-transform: uppercase;
}
h2.date-header {
    font: 12px arial;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.post {
    margin: 0.5em 0 10px;
    padding-bottom: 31px;
}
.post h3 {
    color: #000000;
    font-size: 170%;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0.25em 0 0;
    padding: 0 0 4px;
}

------------------------------------------------------------------------------------

Comment Style and structure

#comments .blogger-comment-icon, .blogger-comment-icon {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #E8DEC4;
    border-color: #E8DEC4;
    border-style: solid;
    border-width: 2px 1px 1px;
    line-height: 16px;
    padding: 5px;
}
#comments-block .comment-body {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    margin-left: 0;
    margin-right: 20px;
    padding: 7px;
}
#comments-block .comment-footer {
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    font-size: 11px;
    line-height: 1.4em;
    margin: -0.25em 20px 2em 0;
    padding: 5px;
    text-transform: none;
}
#comments-block .comment-body p {
    margin: 0 0 0.75em;
}
.deleted-comment {
    color: gray;
    font-style: italic;
}
#blog-pager-newer-link {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    padding: 7px;
}

----------------------------------------------------------------------------------------------

Sidebar and footer wrapper

#sidebar-wrapper2 .sidebar .widget {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0W1OT_CmJcuD79DSX93teysuwjrz-IV2fmcHSxXiQHVSwtPLRxLcNu9t18PccO36bq7HvlPF4NKwsi7aB82F9Vhc1TaH-VnWRH1DLdLamjAGg8edVrS5JITBdUbw2LJwv8dtCju8ArfZ/s0/sidebar.png") no-repeat scroll right top #E5E9D5;
    margin-bottom: 8px;
    padding: 0;
}
#HTML111 h2 {
    display: none;
}
#sidebar-wrapper2 .widget-content {
    margin: 0;
    padding: 5px;
}
#sidebar-wrapper .sidebar .widget {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-bottom: 0;
}
#sidebar-wrapper .widget-content {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 5px;
}
#footer-bg {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7oWqwstuw3QSd6Rpnrw0tnBlQJraDNxulWzOq1CuF1Upb5JWHhqJaac7BRk6XvfZ1B8KgQVEtABUtOQn7L8yCU1sr1gz7VJIH06psCF2ych9GDrEj33UUp2H6yLC8AbKQDyoGW0ZiLot/s0/wrapper1.jpg") repeat-x scroll 0 0 #022A61;
}
.first-links {
    font-size: 12px;
    margin-bottom: -4px;
    padding-left: 13px;
}
.second-links {
    padding-left: 30px;
}
#footer a {
    color: #FFFFFF;
}
#content-wrapper {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    margin: 6px 0 0;
    padding-top: 0;
}

Blogger Templates - Themes

DeNews

bloggerest

MXfluity

25 Pixel

Orange Line - Blogger Template

Column

Sidebar

COLOR

Design

Blogger Templates Cate.

Alexa