2008-02-04

My Valentine


My Valentine is an XML based layouts templates which will work almost right out of the box! Designed as a themed template for Valentine's Day, this template is feminine and pretty enough to be used all year round.

Featuring many new features, including an easily configurable navigation bar, optional MyBlogLog recent readers widget, Flickr photostream, and calendar widget, this template would be ideal for any feminine themed blog, or as a special recognition for Valentine's day.

You can preview the My Valentine template here, or read on for installation instructions and download options.

Download the My Valentine template


You can download this template as a zipped folder, which contains the XML file, plus all related images and scripts for this template below:

Download My Valentine Blogger Template (Zip File)

Once you have downloaded this file, unzip the folder and save all files to your computer.

Installing the XML file


To install the XML template to your blog, you need to go to Template>Edit HTML in your Blogger dashboard.

Click on the "Browse" button near the top of the page, and locate the my_valentine.xml file which you have saved to your computer. Then click on the "upload" button.

This will upload your new theme to your blog.

Upload the HTML code (alternative upload method)


If you prefer, you can upload this template using only the HTML code.

For this method, you should go to Template>Edit HTML in your Blogger dashboard.

Highlight all of the code in the code box (key CTRL+A as a shortcut).

Then copy all of the code from on this page to your clipboard (CTRL+C).

HTML code for My Valentine Template

Finally, go back to your Blogger dashboard, and paste this entire section of code into the Edit HTML box, replacing the code which is highlighted (CTRL+V).

Now you can preview your template to see how the Valentine template will appear in your blog. If you like this, you can then save your template.

Features of this template:


Comment and labels icons beneath blog posts

You can easily see how many comments each post has due to the comment icons and display directly beneath each post. This link will take you directly to the comment section of the post, even if you are reading on the home page.

The label icon (a small folder) will display next to the labels you have used for each post. If you do not add a label to a particular post, this icon will not display.

Calendar Widget

To configure the calendar widget for your blog, you must change the date format in your settings. Simply go to Settings>Formatting in your Blogger dashboard and change the date format to YYYY-MM-DD.

This enables your calendar widget to be properly displayed.

Adsense/Description widget in header


The pink rounded box in the header has been optimized to include an Adsense banner no wider than 234px, though you could just as easily add a description, link list or even an image of you prefer!

Navigation bar

To configure your own links, you need to add links to the Link List widget which is housed just under the header section. Your links will then display inline as in this demonstration template.

Most users would like these links to include their Home, About and Contact pages, for example.

Recent readers widget

You can choose to include a stylized "MyBlogLog recent readers" widget in your sidebar. There are two methods you could use to do this:

  1. Copy the following section of code, changing the MyBlogLog id number (highlighted in red) to your own ID number instead. Then paste this into the content area for the widget:
    <script src="http://pub.mybloglog.com/comm2.php?mblID=2007110415055475&c_width=270&c_sn_opt=n&c_rows=4&c_img_size=f&c_heading_text=Recent+Readers&c_color_heading_bg=ffffff&c_color_heading=ffffff&c_color_link_bg=FFFFFF&c_color_link=cd0000&c_color_bottom_bg=ffffff" type="text/javascript"></script>

    You can find your MyBlogLog ID by logging into MyBlogLog. Choose to create a new widget (though you won't actually need to create one for this method), and scroll down to the "Top Links Code" section. YOu will see your MyBlogLog ID# in the code box, as highlighted in red below:



    Simply copy your own MyBlogLog ID number, and replace the code in red (above) with your own number.


  2. Alternatively, you can create your own Recent Readers widget by logging in to MyBlogLog, so you can simply copy and paste the relevent code into your HTML/Javascript widget.

    For the style of the widget featured here, I used white for all color options except for c_color_link which is red.

    For best results, choose your widget to be no wider than 280px, do not use image names, and choose for avatars to be "half size".

    Using these options will ensure your widget displays the same as it does in this demonstration template, though of course you are free to choose whichever color schemes you prefer!


Flickr Photostream Widget

I finally figured out how to achieve this, which is a feature I've noticed in so many great Wordpress templates recently.

Due to the DIV enclosure and the stylized background image, it would be better for you to simply modify the code I used than to create your own.

Assuming you already have an account at Flickr, you will need to find your Flickr user ID.

The easiest way is to use idGettr, a free service which extracts your user ID (or group ID) based on the URL of your photostream on the Flickr site.

Once you have your Flickr user ID, copy the code below and change the ID in red to match that of your own user ID:

<div id="flickr_stream"><table id="flickr_badge_uber_wrapper" border="0" cellpadding="0" cellspacing="10"><tr><td><table border="0" id="flickr_badge_wrapper" cellpadding="0" cellspacing="10">
<tr>
<script src="http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=h&source=user&user=8131003%40N03" type="text/javascript"></script>
</tr>
</table>
</td></tr></table></div>


Then paste this entire section of code into an HTML/Javascript widget in your footer. The code is already configured to display 8 images as square thumbs with the background you see in this demonstration template.


Image and Script hosting


All images and scripts are hosted by Blogger Buster, so you do not need to upload or host them yourself.

However if you do choose to do so, all images and scripts used in this template are contained in the Zip folder download. To host these yourself, you will need to upload these to your own server and change the URLs in the template to match those where the images and scripts are hosted on your servers.

Copyright notice

This theme is distributed under a Creative Commons Attribution license. This means you can download and use this template for free, for any purpose, and modify this however you choose.

While you are free to remove the credit link in the footer, I would appreciate it if you would retain the author details which are contained in the source code. Please do not redistribute this template without providing a link to the original author!

View blog reactions

Post a Comment 14 comments:

5 February 2008 at 01:47 misrology said...

DEAR AMANDA,
THANKS FOR ALL TEMPLATES
THE VALENTINE TEMPLATE ZIP FILE IS BROKEN PLEASE CHECK IT OUT
FINALLY , THANK YOU AGAIN
MOSTAFA RAAFAT

5 February 2008 at 04:04 Amanda said...

Hello Misrology,

Sorry about that, it was a typo error. I've fixed the download links now so everything should work just fine.

Thank you for letting me know about this :)

7 February 2008 at 12:26 BLOG DE MARIO LUIZ DE MELLO said...

Very nice blog amanda
Congratulations

Mario
Brazil
http://blogdomariomello.blogspot.com

10 February 2008 at 18:06 Renge said...

Thx for d template.
It is very nice. ^^
http://zhong07.blogspot.com/

5 March 2008 at 19:30 HoneyCharm said...

it doesnt work..

23 December 2008 at 01:46 SARFRAS said...

Hi fellow blogger Y don’t U increase UR revenue thru ads on UR blog. Even if U have Google Adsense or not its worth a go !

Click on the link below to register

http://www.adbrite.com/mb/landing_both.php?spid=104750&afb=468x60-2

U can have ads running on ur blog within 48 hrs and earn for referrals also. I am using the same can check out the same on my blog.

http://sheikhsarfras.blogspot.com/ (Live TV,Radio,Auto News,Interesting websites …. )

http://365goa.blogspot.com/ (Everything about Goa – A tourist paradise …. )

http://gadgets4blog.blogspot.com/ ( Gadgets, Tips & Tricks, Technology, Ad tools …. )

Do pay a visit. Thanks !

24 November 2009 at 10:24 Crazyhorse said...

Thanks for sharing amanda..this might be good one for my girlfriend's blog. I will let her know.

1 October 2010 at 03:30 Rosaly said...

you have a great point to share...Thanks for your useful post
reverse telephone directory

1 October 2010 at 03:30 Rosaly said...

thanks nice stuff...Keep bloging
how to get a flat stomach

5 May 2011 at 06:50 Alex Ray said...

I think you've got some interesting points, but I'm just not sold. If you really want to get the crowd behind you, you've got to entertain us, man.
Buy Vaniqa

23 May 2011 at 06:54 Alex Ray said...

The zip file is very good. Found all templates very much useful & loved to use them all in the future.

12 October 2012 at 03:35 Ozone said...

What a wonderful Template Amanda. i like the use of colors.

Buy Sildenafil Citrate Online

26 February 2013 at 23:22 Ozone said...

Awesome. Wonderful design.Looking for more post soon.

Generic Provigil Online