Pink and White Polka Dots Blogger Template

Click here to preview Blogger Template!

Upload date: July 28, 2008

Template: Pink and White Polka Dots

Previews: 11

Main: Shapes and Colors Templates

Votes:

Rating: 0 out of 5

Also Available for:

Tagged With: Polka Dots, Shapes, Pink, Colorful, Dots,

Instructions To Add Blogger Template

Copy & Paste the below code into the "Edit Templates" section of your Blogger Dashboard.

Blogger Template HTML Code

<$BlogMetaData$>

Name: Pink and White Polka Dots
Designer: Jesse Price

URL: www.gthemes.com/blogger-templates

Date: July 28, 2008
----------------------------------------------- */

body {
  background-color: #FF6699; background-image: url(http://www.gthemes.com/backgrounds/1114517323.gif); background-position:center center; background-repeat:repeat; background-attachment:fixed;
  margin:0;
  padding:20px 10px;
  text-align:center;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  font-family:Comic Sans MS; color: #000000;  
  font-size/* */:/**/small;
  font-size: /**/small;
  }

/* Page Structure
----------------------------------------------- */
@media all {
  #content {
    width:740px;
    margin:0 auto;
    text-align:left;
    }
  #main {
    width:485px;
    float:left;
    background:#ffccff;
	border-width:1px;
	border-style:solid;
	border-color:#cc0066;    margin:15px 0 0;
    padding:0 0 10px;
    font-family:Comic Sans MS; color: #000000;	
    font-size:97%;
    line-height:1.5em;
    }
  #main2 {
    float:left;
    width:100%;
    padding:10px 0 0;
    }
  #sidebar {
    width:240px;
    float:right;
    margin:15px 0 0;
    font-size:97%;
    line-height:1.5em;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    background:#ffccff;

border-width:1px;
	border-style:solid;
	border-color:#cc0066;    }
  #main2 {
    float:none;
    width:100%;
    background:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Links
----------------------------------------------- */
a:link {
  color: #ff0000;	text-decoration: none;
  }
a:visited {
  color: #ff0000;	text-decoration: none;
  }
a:hover {
  color: #000000;	text-decoration: underline;
  }
a img {
  border-width:0;
  }
#main a:link {
  color: #ff0000;	text-decoration: none;
  }
#main a:visited {
  color: #ff0000;	text-decoration: none;
  }
#main a:hover {
  color: #000000;	text-decoration: underline;
  }

/* Blog Header
----------------------------------------------- */
@media all {
  #header {
  	font-family:Comic Sans MS; color: #ffffff;	background-color: #FF6699;
  
	margin:0 0 0;
    padding:0 0 8px;
    }
  #header div {
	background-color: #FF6699;
    padding:8px 15px 0;
	text-align:center;
    }
  }
@media handheld {
  #header {
  	font-family:Comic Sans MS; color: #ffffff;	background-color: #FF6699;
    
    }
  #header div {
    background:none;
    }
  }
#blog-title {
  margin:0;
  padding:10px 0 5px;
  font-size:200%;
  line-height:1.2em;
  }
#blog-title a {
  /*color: #ff0000;	text-decoration: none;
*/
  }
#description {
  margin:0;
  padding:5px 0 10px;
  font-size:94%;
  line-height:1.5em;
  color:#abc;
  }

/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 0 17px;
  font-size:85%;
  font-family:Comic Sans MS; color: #000000;  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  }
.post-title {
  margin:0;
  font-size:135%;
  line-height:1.5em;
  display:block;
  border-width:0 1px 1px;
  padding:2px 0 2px 5px;
  font-family:Comic Sans MS; color: #000000;  }
#main a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  font-family:Comic Sans MS; color: #000000;  }
#main a.title-link:hover {
  font-family:Comic Sans MS; color: #000000;  }
.post-body {
  border-width:0 1px 1px;
  padding:5px 5px 1px 5px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  margin:0;
  padding:2px 14px 2px 5px;
  font-size:100%;
  line-height:1.5em;
  text-align:right;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border-width:1px;
	border-style:solid;
	border-color:#cc0066;  }
blockquote {
  margin:.75em 0;
  border-width:1px 0;
  padding:5px 15px;
  }
.post blockquote p {
  margin:.5em 0;
  }

/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 5px;
  font-size:120%;
  line-height:1.4em;
  font-family:Comic Sans MS; color: #000000;  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  margin:.5em 0;
  padding:0 0 0 20px;
  font-family:Comic Sans MS; color: #000000;  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  font-family:Comic Sans MS; color: #000000;  }
.comment-timestamp a:link {
  color: #ff0000;	text-decoration: none;
  }
.deleted-comment {
  font-style:italic;
  font-family:Comic Sans MS; color: #000000;  }

/* Profile
----------------------------------------------- */
@media all {
  #profile-container {
background:#ffccff;

border-width:1px;
	border-style:solid;
	border-color:#cc0066;    margin:0 0 15px;
    padding:0 0 10px;
font-family:Comic Sans MS; color: #000000;	
    }
  #profile-container h2 {
    padding:10px 15px .2em;
    margin:0;
    border-width:0;
    font-size:115%;
    line-height:1.5em;
    font-family:Comic Sans MS; color: #000000;	
    }
  }
@media handheld {
  #profile-container {
background:#ffccff;
    }
  #profile-container h2 {
    background:none;
    }
  }

.profile-datablock {
  margin:0 15px .5em;
  padding-top:8px;
  }
.profile-img {display:inline;}
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  }
.profile-data strong {
  display:block;
  }
#profile-container p {
  margin:0 15px .5em;
  }
#profile-container .profile-textblock {
  clear:left;
  }
#profile-container a {
  color: #ff0000;	text-decoration: none;
  }
.profile-link a {
  color: #ff0000;	text-decoration: none;
  
  padding-left:5px;
  font-weight:bold;
  }
ul.profile-datablock {
  list-style-type:none;
  }

/* Sidebar Boxes
----------------------------------------------- */
@media all {
  .box {
    background:#ffccff;

border-width:1px;
	border-style:solid;
	border-color:#cc0066;    margin:0 0 15px;
    padding:10px 0 0;
    font-family:Comic Sans MS; color: #000000;	
    }
  .box2 {
    padding:0 13px 8px;
    }
  }
@media handheld {
  .box {
    background:#ffccff;
    }
  .box2 {
    background:none;
    }
  }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
  font-size:115%;
  line-height:1.5em;
  font-family:Comic Sans MS; color: #000000;  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {
  margin:0;
  padding:0 0 3px 5px;
  margin-bottom:3px;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  }

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0;
  padding:15px 0 0;
  font-family:Comic Sans MS; color: #000000;  }
@media all {
  #footer div {
    padding:8px 0 0;
    }
  #footer div div {
    padding:0 15px 8px;
    }
  }
@media handheld {
  #footer div {
   background:#ffccff;
    }
  #footer div div {
    background:none;
    }
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color: #ff0000;	text-decoration: none;
}

/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  padding:0 15px 0;
  }
  </style>
  
  <style type="text/css">
.bloggerGthemesBar { 
background-color:#003366;
color:#9cceff;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
padding:2px 10px 2px 2px;
height:15px;
top:25px;
left:0;
position:absolute;
}
.bloggerGthemesBar a {color:#9cceff}
  </style>
<link rel="openid.server" href="http://draft.blogger.com/openid-server.g" />

<style type="text/css">@import url(http://www.blogger.com/css/navbar/classic.css);
div.b-mobile {display:none;}
</style>
</head>
<body>

<div id="content">

<div id="header"><div>
  <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage>
  </h1>
  <p id="description"><$BlogDescription$></p>
</div></div>

<div id="main"><div id="main2"><div id="main3">
<Blogger>
    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>

<div class="post"><a name="<$BlogItemNumber$>"></a>

<BlogItemTitle>
	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl>
    <h3 class="post-title">
	 <$BlogItemTitle$>
    </h3>
	 <BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>

</div>

<p class="post-footer">
      <em><$I18NPostedByAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>  
      <BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><span style="text-transform:lowercase"><$I18NNumComments$></span></a>
      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links"><span style="text-transform:lowercase"><$I18NLinksToThisPost$></span></a>
</BlogItemBacklinksEnabled>
  <$BlogItemControl$>
    </p>
  </div>

<ItemPage>
  <div id="comments">
	<BlogItemCommentsEnabled><a name="comments"></a>
    <h4><$I18NNumComments$>:</h4>
    <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        <$I18NAtCommentTimeWithPermalink$>,
        <$I18NCommentAuthorSaid$>
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
	  <$BlogCommentDeleteIcon$>
      </dd>
	  </BlogItemComments>
    </dl>
	<p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
    <p id="postfeeds"><$BlogItemFeedLinks$></p>
    </BlogItemCommentsEnabled>	    
    <BlogItemBacklinksEnabled>
    <a name="links"></a><h4><$I18NLinksToThisPost$>:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em><$I18NPostedByBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>
	<p style="padding-left:20px;">
	<a href="<$BlogURL$>"> << <$I18NHome$></a>
    </p>
    </div>
</ItemPage>
  
</Blogger>
</div></div></div>

<div id="sidebar">

<$BlogMemberProfile$>

<div class="box"><div class="box2"><div class="box3">
    
        <MainOrArchivePage>
  <h2 class="sidebar-title"><$I18NLinks$></h2>
    <ul>
    	<li><a href="http://news.google.com/">Google News</a></li>
    	<li><a href="http://www.gthemes.com/blogger-templates">Blogger Templates</a></li>
    	<li><a href="http://www.gthemes.com/myspace-layouts">MySpace Layouts</a></li>
  </ul>
  </MainOrArchivePage>

</div></div></div>

</div>

</div></div></div>

</div>

</body>
</html>

Step by Step Instructions:

Select all the code in the textarea to the left and copy it.
Login to your Blogger account and go to Manage "Layout" from the Blogger Dashboard
Click on the "Edit HTML" tab.
Delete all the code already in the "Edit Template" box and paste the new code in.
Click "Save Template" and you're COMPLETE!

Direct Link URL: http://www.gthemes.com/blogger-templates/52-69.html

Promote Us!
Do you enjoy using our cool free Blogger Templates? Help Gthemes out by refering us to your friends and family. Simply click on one of the buttons above to spread the word! Thank you much!