Dear December, version 014 Meet Me in December

Ariana Grande Template

Friday, 27 December 2013

Hello everyone. Yesterday was Boxing Day, not sure if other countries have this holiday but in Canada its basically black friday. Everything goes on sale, you get crazy good deals and lots of stores sell off everything from this year and start out with new stock for the new year. Its only suppose to be 1 day but now its more like boxing week but only the best deals are on the 26th, after that its the left over deals. lol So I was really busy shopping with my mom, gran and sister yesterday. My mom bought some stuff for the house, we got a $35 cooking pot set for only $15. My grandma bought lots of stuff, mugs, coats, teacup sets, etc where just some of the things she took home. There is this store here called Think Kitchen which sells all the stuff you need in a kitchen, just more fancy and we spend like 2hrs in the store, my mom got some fancy seaside art plates and my grandma got mugs. Later, me and my sister went to H&M, I picked up a pair of jeans with my xmas money.

Today I stayed home because yesterday was so tiring, I made a free template, it features the lovely Ariana Grande! I got an account at x10hosting so people can preview my templates live. :) This template took me forever to make, could get the head/sidebar title pictures to work properly! Pretty happy with it, its purple!

PREVIEW BY CLICKING HERE
Blogger Code:

<html>
<head>
<title>Ariana Grande</title>
<noembed>
<body>
</noembed>

body 
{ 
background-color: #c4bee7;
background-image:url('http://i881.photobucket.com/albums/ac12/p0psicl3/heyoh13124.gif');
background-attachment: scroll;
background-repeat:repeat-y;
font-family: kartika;
cursor:hand;
color: #9a94c7;
font-size: 11px;
text-align: justify;
margin: 0px;    
scrollbar-arrow-color : #ad8aa8;
scrollbar-face-color : #f5f5fd;
scrollbar-shadow-color :#f5f5fd;
scrollbar-highlight-color :#f5f5fd;
scrollbar-3dlight-color : #ad8aa8;
scrollbar-track-color : #c3bee7;
scrollbar-darkshadow-color :#ad8aa8;
}

.head { border-bottom: 2px solid #7977b2; font-family: calibri; text-transform: uppercase; font-weight:bold; color: #7977b2; text-align: right; font-size: 15px; background-image:url('http://i881.photobucket.com/albums/ac12/p0psicl3/layouts/head.jpg'); background-repeat:no-repeat;}

.sidehead { border-bottom: 2px solid #a291cd; font-family: calibri; font-weight:bold; color: #a291cd; text-align: center; font-size: 16px; background-image:url('http://i881.photobucket.com/albums/ac12/p0psicl3/layouts/head2.jpg'); background-repeat:no-repeat;}

.date { border: 0px; font-family: calibri; font-weight:bold; text-align: right; font-size: 11px; letter-spacing: 3pt; color: #7b88a1; background-color:#transparent; background-repeat:no-repeat; }

A:link {
color: #7e6dac; 
text-decoration: none; }

A:visited {
color: #a589bb; 
text-decoration: none; }

A:active {
color: #7e6dac; 
text-decoration: none; }

A:hover { 
text-decoration: none; 
color: #bbb4dd; 
background-color: #c3bee7;}
</style>
<body>

</head><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
      gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: 'https://www.blogger.com/navbar/4520341134983380046?origin\x3dhttp://mydeardecember.blogspot.com',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script>

</div>
<div id="side" style="position: absolute; top: 15; left: 485; width: 188;">

<p class="sidehead">
About</p>
Name: Your name<br>
Nicks: Your nick names<br>
Age: #<br>
Hobbies: your hobbies.<br>
Fav. Color: color<br>
Fav. Food: foods here<br>

<p class="sidehead">
Previous Posts</p>
<bloggerarchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>

<p class="sidehead">
Affiliates</p>
Your affiliates, if you have participate in affiliation.

<p class="sidehead">
Chatbox</p>
If you want a chatbox, a good one is <a href="http://www.cbox.com">Cbox</a> but you can also try <a href="http://www.myshoutbox.com">Myshoutbox</a>.

<p class="sidehead">
Links</p>
<a href="#">A link here</a><br>
<a href="#">A link here</a><br>
<a href="#">A link here</a><br>
<a href="#">A link here</a><br>
<a href="#">A link here</a><br>
<a href="#">A link here</a><br>

<p class="sidehead">
Credits</p>
Layout designed by<br> <a href="http://mydeardecember.blogspot.ca">dear december</a><br>
Image downloaded from<br> <a href="http://ariana-grande.com">ariana-grande.com</a><br>
PSD used from<br><a href="http://www.violetspell.com/">violet spell</a>

Non-blogger Code:

<html>
<head>
<title>Ariana Grande</title>
<noembed>
<body>
</noembed>

.date { border: 0px; font-family: calibri; font-weight:bold; text-align: right; font-size: 11px; letter-spacing: 3pt; color: #7b88a1; background-color:#transparent; background-repeat:no-repeat; }

A:link {
color: #7e6dac; 
text-decoration: none; }

A:visited {
color: #a589bb; 
text-decoration: none; }

A:active {
color: #7e6dac; 
text-decoration: none; }

A:hover { 
text-decoration: none; 
color: #bbb4dd; 
background-color: #c3bee7;}
</style>
<body>

</head>

<p class="head">
Ariana Grande</p>
<p class="date">
December 27th, 2013</p>
Hello, welcome to this layout I made, it features the lovely Ariana Grande :) I found this cute picture on ariana-grande.com. I decided to make a layout with it! :)
This little layout is super small but I wanted this layout to cutesy, preppy and small which I think suits ariana! I added LOTS of little hearts everywhere. =)
So yeah enjoy! ^o^

<p class="head">
Rules for using</p>
<p class="date">
December 27th, 2013</p>
1. Please do not sell, distribute or claim you made any of my layouts. Pretty reasonable?<br>
2. Please do not make derivatives out of my layouts like icons, buttons. etc unless you have asked me and I said okay.<br>
3. Do not remove my link back or water marks please. They are like the signature of an artist. Thanks!

<p class="head">
How to use for blogger</p>
<p class="date">
December 27th, 2013</p>
<ul>
<li> Go to your drop down menu, select template</li>
<li>Scroll to the bottom of the layout options and choose Revert to Classic</li>
<li>A template box should now appear. </li>
<li>Copy and Paste the template code I provided</li>
<li>Your blog now should have the template and blog posts will automatically appear.</li>
<li>After pasting in the code, scroll until you find a very obvious space where the side bar is, edit your information, add/delete stuff</li>
</ul>
<p class="head">
How to use for non-blogger sites</p>
<p class="date">
December 27th, 2013</p>
<ul>
<li>Copy & Paste the code I provided into whatever you edit your site with. This could be a site builder, notepad, wordpad, etc.</li>
<li>Name it index.html which is what the default page your visitors will see.</li>
<li>Edit the content and sidebar area as you want.</li>
</ul>
</div>
<div id="side" style="position: absolute; top: 15; left: 485; width: 188;">

<p class="sidehead">
About</p>
Name: Your name<br>
Nicks: Your nick names<br>
Age: #<br>
Hobbies: your hobbies.<br>
Fav. Color: color<br>
Fav. Food: foods here<br>

<p class="sidehead">
Previous Posts</p>
if you have a blogger, it will appear automatically
with the blogger code that is already pasted. if you don't want it,
simply delete this section.

<p class="sidehead">
Affiliates</p>
Your affiliates, if you have participate in affiliation.

<p class="sidehead">
Chatbox</p>
If you want a chatbox, a good one is <a href="http://www.cbox.com">Cbox</a> but you can also try <a href="http://www.myshoutbox.com">Myshoutbox</a>.

Labels: blog, templates