Thursday, 12 January 2017

CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE



--------------------------------------------------------------------------------------------------------
READ MORE:
DREAMWEAVER BLOGGER TEMPLATE PART 1
https://youtu.be/TaqrgPEuxNE

DREAMWEAVER BLOGGER TEMPLATE PART 2 - YouTube


https://www.youtube.com/watch?v=Bh-4TyKxq5I
31 mins ago - Uploaded by SAVE MONEY
DREAMWEAVER BLOGGER TEMPLATE PART 2 ... How to Change Blog Template on Blogger in Telugu ...

 http://all-free-download.com/free-website-templates/download/red_blog_771.html
http://images.all-free-download.com/free-website-templates-preview/red_blog_771/
http://all-free-download.com/free-website-templates/download/food_blog_582.html
https://youtu.be/DgKbmLvu7uQ
----------------------------------------------------------------------------------------------------------
CODE:
----------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Red Blog Theme - Free CSS Templates</title>
<meta name="keywords" content="Red Blog Theme, Free CSS Templates" />
<meta name="description" content="Red Blog Theme - Free CSS Templates by templatemo.com" />
<b:skin><![CDATA[/*
/*
Credit: http://www.templatemo.com
*/

body {
margin: 0px;
padding: 0px;
color: #666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height:1.5em;
background-color: #821764;
background-image: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_body.jpg);
background-repeat: repeat;
}

a, a:link, a:visited {
color: #8d1b0f;
}

a:hover {
color: #006666;
text-decoration: none;
}

p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }

h1 { font-size: 40px; font-weight: bold; margin: 0 0 30px 0; padding: 5px 0; color: #000; }
h2 { font-size: 34px; font-weight: normal; line-height: 28px; margin: 0 0 30px 0; padding: 0; color: #4b0f09; }
h3 { font-size: 21px; font-weight: normal; margin: 0 0 20px 0; padding: 0; padding: 0; color: #1da3e9; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0 0 10px 0; color: #e4ff00; border-bottom: 1px dashed #e4ff00; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #1da3e9;}
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #1da3e9;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.margin_r30 { margin-right: 30px; }

.vertical_divider { border-right: 1px solid #d9d9d9; }
.horizon_divider {  border-bottom: 1px solid #d9d9d9; }

.float_l {
float: left;
}

.float_r {
float: right;
}

.image_wrapper {
display: inline-block;
padding: 8px;
border: 1px solid #999;
background: #ffffff;
margin-bottom: 10px;
}
.fl_img {
float: left;
margin: 3px 30px 15px 0;
}
.fr_img {
float: right;
margin: 3px 0 15px 30px;
}

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; }
cite span { color: #8da332; }
em { color: #5d6d1e; }

.templatemo_list {
margin: 20px 0;
padding: 0;
list-style: none;
}

.templatemo_list li {
background: transparent url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_list.png) no-repeat scroll 0 0px;
margin:0 0 20px;
padding: 5px 0 5px 35px;
line-height: 1em;
}

.templatemo_list li a {
color: #2f1a1d;
text-decoration: none;
}

.templatemo_list li a:hover {
text-decoration: underline;
}

.button a {
clear: both;
display: block;
width: 82px;
height: 23px;
padding: 3px 0 0 0;
margin-top: 15px;
background: url(images/templatemo_button.png) no-repeat;
color: #000;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.button a:hover {
color: #fff;
background: url(images/templatemo_button_hover.png) no-repeat;
}

#templatemo_top_wrapper {
width: 100%;
height: 100px;
background:url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_menu.jpg) no-repeat top center;
}

#templatemo_top {
width: 970px;
height: 100px;
margin: 0 auto;
padding: 0 30px 0 80px;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_menu.jpg) no-repeat top center;
}

#templatemo_menu {
float: left;
width: 700px;
}

#templatemo_menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#templatemo_menu ul li {
padding: 0px;
margin: 0px;
display: inline;
}

#templatemo_menu ul li a {
float: left;
display: block;
width: 130px;
height: 50px;
padding: 17px 10px 0 0;
margin: 0 30px 0 0 ;
font-size: 16px;
text-align: center;
text-decoration: none;
color: #6d450f;
font-weight: bold;
outline: none;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul li .current {
color: #fff;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_menu_hover.png)
}

#templatemo_top #twitter a {
float: right;
display: block;
width: 100px;
height: 80px;
padding: 10px 100px 0 0;
font-weight: bold;
color: #382512;
line-height: 20px;
text-decoration: none;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/4.png) no-repeat top right;
}

#templatemo_top #twitter a:hover {
text-decoration: underline;
}


#templatemo_header_wrapper {
clear: both;
width: 100%;
height: 300px;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_header.jpg) no-repeat top center;
}

#templatemo_header {
width: 920px;
height: 250px;
margin: 0 auto;
padding: 50px 80px 0 80px;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_header.jpg) no-repeat top center;
}

#templatemo_header  #site_title {
float: left;
width: 500px;
padding-top: 30px;
padding-left: 100px;
}

#templatemo_header  #site_title h1 {
margin: 0;
padding: 0;
color: #fff;
}

#templatemo_header  #site_title h1 a {
margin: 0px;
padding: 0px;
font-size: 50px;
color: #ffef38;
font-weight: normal;
text-decoration: none;
}

#templatemo_header  #site_title a span {
display: block;
font-size: 16px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 2px;
margin-top: 20px;
margin-left: 5px;
}

#templatemo_main_wrapper {
width: 100%;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_main.jpg) no-repeat top center;
}

#templatemo_main {
width: 1080px;
margin: 0 auto;
background:url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_content.jpg) center repeat-y;
}

#templatemo_main_top {
width: 1080px;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_main.jpg) no-repeat center top;
}

#templatemo_main_bottom {
width: 1080px;
height: 180px;
margin: 0 auto;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_main_bottom.jpg) no-repeat center top;
}

#templatemo_content {
float: left;
width: 640px;
margin: 0 0 0 100px;
}

.post_section {
clear: both;
padding-bottom: 30px;
border-bottom: 1px dashed #CCC;
margin-bottom: 30px;
}

.post_section .post_date {
float: left;
width: 120px;
height: 90px;
padding: 38px 15px 0 0;
text-align: center;
font-size: 30px;
color: #FFFFFF;
font-weight: bold;
background: url(http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_date.png) no-repeat top left;
}

.post_section .post_date span {
display: block;
color: #FFFFFF;
font-size: 16px;
margin-top: 5px;
}

.post_section .post_content {
float: right;
width: 490px;
}

.post_section h2  {
margin: 0;
padding: 10px 0 10px 0;
line-height: 30px;
}

.post_section p {
text-align: justify;
margin-bottom: 10px;
}

.post_section img {
clear: both;
display: block;
margin: 20px 0;
}

.post_section .comment {
position: absolute;
top: -10px;
right: 0px;
width: 70px;
height: 42px;
text-align: center;
padding-top: 10px;
font-size: 16px;
font-weight: bold;
background: url(images/templatemo_comment.png) no-repeat;
}

.post_section .comment a {
color: #333;
text-decoration: none;
}

.post_section .comment_tab {
padding: 10px 0;
margin: 40px 0 20px 0;
border-bottom: 1px dashed #666;
font-size: 20px;
font-weight: bold;
}

#templatemo_rss a{
float: right;
display: block;
width: 190px;
height: 40px;
padding: 10px 0 10px 60px;
margin-bottom: 30px;
color: #ffa200;
font-size: 16px;
font-weight: bold;
text-decoration: none;
background: url(images/templatemo_rss.png) left center no-repeat;
}

#templatemo_header #templatemo_rss a:hover {
color: #fff;
text-decoration: none; 
}

#templatemo_rss a span {
font-size: 12px;
margin-top: 5px;
letter-spacing: 3px;
}

.comment_tab {
padding: 10px 0;
margin: 40px 0 40px 0;
border-bottom: 1px dashed #666;
font-size: 20px;
font-weight: bold;
color: #1da3e9;
}

#comment_section {
clear: both;
margin-bottom: 60px;
width: 460px;
}

.first_level {
margin: 0; padding: 0;
}

.comments {
list-style: none;
}

.comments li { margin-bottom: 10px; list-style:none; }
.comments li .commentbox1 { border: 1px solid #dddbdb;  background: #e7e4e4; }
.comments li .commentbox2 { border: 1px solid #dddddd;  background: #f6f6f6; }
.comments li .comment_box { clear: both; width:100%; padding: 15px;  }
.comment_box .gravatar { float: left; width: 50px; margin-right: 15px; background: #fff; }
.comment_box .gravatar img { margin: 0; width: 50px; height: 50px; }
.comment_box .comment_text { margin: 0 0 0 65px; }

.comment_box .comment_text p { margin: 0; }
.comment_text .comment_author { font-size: 14px; font-weight: bold; color: #1da3e9; margin-bottom: 10px; }
.comment_text .date { font-size: 12px; font-weight: normal; color: #333; padding-left: 10px; }
.comment_text .time { font-size: 12px; font-weight: normal; color: #333; padding-left: 10px; }
.comment_text .reply a { display: block; clear: both; float: right; padding: 1px 10px; height: 24px; text-align: center; background: #3694ab; border: 1px solid #fff; color: #fff; }


#comment_form {
clear: both;
}

#comment_form h3{
font-size: 20px;
border-bottom: 1px dotted #666;
margin-bottom: 15px;
padding-bottom: 10px;
}

#comment_form form {
padding: 20px;
background-color: #e4e1e1;
border: 1px solid #d5d3d3;
}

#comment_form textarea {
background:#FFFFFF none repeat fixed 0 0;
border: 1px solid #CCC;
display:block;
font-size:1.1em;
height:150px;
margin-top:5px;
padding:5px;
width: 360px;
}

#comment_form .form_row {
width: 100%;
margin-bottom: 15px;
}

#comment_form form input {
margin-top: 5px;
width: 200px;
background:#FFFFFF none repeat fixed 0 0;
border: 1px solid #CCC;
}

#comment_form .submit_btn {
width: 80px;
}

#gallery {
width: 600px;
padding: 40px 0;
}
#gallery ul { list-style: none; margin: 0; padding: 0; }
#gallery ul li {
float: left;
display: block;
padding: 0;
margin: 0;
width: 245px;
padding: 10px;
background: #f4f1f3;
border: 1px solid #e0dee0;
margin: 0 0 30px 30px;
}

#gallery ul li h5 {
margin-bottom: 15px;
}

#gallery ul img {
width: 245px;
height: 130px;
border: none;
margin-bottom: 10px;
}

.service_box {
margin-bottom: 40px;
}

.service_box .left {
float: left;
width: 120px;
height: 120px;
}

.service_box .left img {
width: 120px;
height: 120px;
}

.service_box .right {
float: right;
width: 500px;
}

.service_box ol li {
list-style: decimal-leading-zero;
margin-bottom: 5px;
}

.service_box ol li a {
color: #058edc;
}

#contact_form form {
margin: 0px;
padding: 0px;
}

#contact_form form .input_field {
width: 350px;
padding: 6px 0;
background: #fff;
border: 1px solid #ccc;
}

#contact_form form label {
display: block;
width: 100px;
margin-right: 10px;
font-size: 14px;   
}

#contact_form form textarea {
width: 350px;
height: 200px;
background: #fff;
border: 1px solid #ccc;
}

#contact_form form .submit_btn {
margin-right: 100px;
background: #fff;
border: 1px solid #ccc;
padding: 5px 15px;
}

#templatemo_sidebar {
float: right;
color: #FFF;
width: 200px;
margin: 0 80px 0 0;
padding-top: 30px;
}

#templatemo_sidebar #ads {
margin-bottom: 30px;
}

#templatemo_sidebar #ads a {
display: block;
width: 200px;
height: 100px;
margin-bottom: 10px;
}

#templatemo_footer {
width: 980px;
margin: 0 auto;
padding: 0 10px 30px;
text-align: center;
color: #fff;
}

#templatemo_footer a {
color: #fff;
}

]]></b:skin>

</head>
<body>

<div id="templatemo_top_wrapper">
<div id="templatemo_top">

<div id="templatemo_menu">

<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>      

</div> <!-- end of templatemo_menu -->

<div id="twitter">
<a href="#">follow us <br />
on twitter</a>
</div>

</div>
</div>

<div id="templatemo_header_wrapper">
<div id="templatemo_header">

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='General Magic (Header)' type='Header' version='1' visible='true'>
</b:widget>
</b:section>

</div>
</div>

<div id="templatemo_main_wrapper">
<div id="templatemo_main">
<div id="templatemo_main_top">

<div id="templatemo_content">

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'>
</b:widget>
</b:section>

</div>


<div id="templatemo_sidebar">

<h4>Categories</h4>
<ul class="templatemo_list">
<li><a href="#">Praesent adipiscing</a></li>
<li><a href="#">Duis sed justo</a></li>
<li><a href="#">Mauris vulputate</a></li>
<li><a href="#">Nam auctor</a></li>
<li><a href="#">Aliquam quam</a></li>
</ul>

<div class="cleaner_h40"></div>

<h4>Friends</h4>
<ul class="templatemo_list">
<li><a href="#" target="_parent">Free CSS Templates</a></li>
<li><a href="#" target="_parent">Flash Templates</a></li>
<li><a href="#" target="_parent">Free Blog Themes</a></li>
<li><a href="#" target="_parent">Web Design Blog</a></li>
<li><a href="#" target="_parent">Flash Websites Gallery</a></li>
<li><a href="#">Vestibulum laoreet</a></li>
<li><a href="#">Nullam nec mi enim</a></li>
<li><a href="#">Aliquam quam nulla</a></li>
</ul>

<div id="ads">
<a href="#"><img src="http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_200x100_banner.jpg" alt="banner 1" /></a>

<a href="#"><img src="http://images.all-free-download.com/free-website-templates-preview/red_blog_771/images/templatemo_200x100_banner.jpg" alt="banner 2" /></a>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>
</b:widget>
</b:section>

</div>

<div class="cleaner"></div>

</div>

</div>

<div id="templatemo_main_bottom"></div>

</div>

<div id="templatemo_footer">

<b:section class='footer' id='footer-3' name='Footer' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
</b:widget>
</b:section>

</div>

<div id="center">This template  downloaded form <a href='#'>free website templates</a></div>


</body>
</html>
















Related Post for CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE

  • PRINT STAR PATTERN IN JAVA SCRIPT ---------------------------------------------------------------------------------------------------------- PRINT STAR PATTERN IN JAVA SCRIPT ----------------------------------…
  • RESPONSIVE BLOGGER TEMPLATE FB GDGETS ---------------------------------------------------------------------------------------------------------------- RESPONSIVE BLOGGER TEMPLATE FB GDGETS CODE: Read More: ht…
  • CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE -------------------------------------------------------------------------------------------------------- READ MORE: DREAMWEAVER BLOGGER TEMPLATE PART 1 https://youtu.be/TaqrgP…
  • CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE -------------------------------------------------------------------------------------------------------- READ MORE: http://all-free-download.com/free-website-templates/downloa…
  • GENERIC BLOGGER TEMPLATE PARTS ---------------------------------------------------------------------------------------------------- WHAT IS IN BLOG? RESPONSIVE BLOGGER TEMPLATE - YouTube ▶ 9:19 …
  • BLOG JAVA THUMBNAIL WITH IMAGE ----------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------------…
Posted by on Thursday, 12 January 2017 at 12:26
Labels: , , , , , , , , , ,

2 comments:

  1. shohag2 November 2019 at 02:16

    nice content very beautiful site.theme

    ReplyDelete
  2. shohag2 November 2019 at 02:18

    nice content very beautiful site.theme.nice content very beautiful site.theme

    ReplyDelete

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets