29 June 2013

Blogger Template Experiment 2: Easy Minimalist Blogger Template

29 June 2013
I'm sharing another one of my favorite simple Blogger templates. I'm using a slightly different version of this right now on the main blog.



Demo | XML

I basically split the header on this template to add a place for a gadget next to it. You'll see it in the Layout page and you can place a rectangular ad, images or whatever you want.

For the demo of this template I uploaded an image for the header. You can download the image background here and just add your blog name to it using any photo editor.

To move the header to the right, you can edit the following code in HTML. Change the code in blue to switch the header-widgets. To fix the height and width, change the code in orange.

.header-left {
display: inline-block;
height: 120px;
width: 290px;
float: left;
}
.header-right {
display:inline-block;
float:right;
}
 .header-right {
display:inline-block;
float:right;
width:800px;
}

You can customize this template further using the Blogger Template Designer.

Don't forget to back up your templates first before uploading a new one!

Let me know if you need help with installation! ;)


9/10/2013 IMPORTANT: I uploaded an updated version of the XML file. I realized the old version had third party codes that are not supposed to be there. If you downloaded the old version, you'll need to use this new one! Sorry about that.

18 June 2013

Blogger Template Experiment 1: Boxy Style Blogger Template

18 June 2013
So I've decided to share one of my favorite simple blogger templates. It's based on styles and layouts I've used in the past for my main blog. I've always liked boxy and structured layouts because they look so neat and organized!

You can easily customize this template using the blogger template designer.



Demo | XML File

You know how this works. Back up your template first, then upload the XML file of the template above.

To add your social media icons, you can refer to this tutorial.

If you're having problems with installation, let me know! :)

9/10/2013 IMPORTANT: I uploaded an updated version of the XML file. I just realized the old version had third party codes that are not supposed to be there. You'll have to upload this new one. So sorry about that!
© 2014 Color It YOU - Blog Design and Tips. Powered by Blogger.
Legal terms and disclaimers here.