Welcome, visitor! [ Login | Sign Up ]
You need to login first before you can download this exclusive template.

(Don't have an account yet?
Register for free!)

Blogger Template Info

WP-Polaroid Blogger Template

Click to enlarge WP-Polaroid Blogger Blogger template


I’m very pleased to announce the release of WP-Polaroid for Blogger! This template is full of cool features and took me a long time to convert from the original WordPress theme (by Adii) so I hope you appreciate it. 🙂

This template is very popular with WordPress users and for good reason. It’s stylish, nicely laid out, and very web 2.0. Not only that, it’s also got the following sidebar page elements built in. You just need to configure them (follow the directions below) in order for them to work properly.

  • Flickr photo slideshow area where you can display your personal or random pictures
  • Mybloglog recent blog readers section (you’ll need a mybloglog account)
  • Three 125×125 ad spots to help you make money from your blog
  • Recent posts list
  • Recent comments list
  • Two sidebar link lists
  • Page navigation links in the header
  • RSS feeds for your posts and comments
  • A header spot to display your personal photo

Make sure to read through all the steps below in order for the template to function on your blog properly. I tried to make it as simple for you as possible by using the Page Elements instead of embedded code but if you have any questions, please post them below. I usually get back to everyone within 24 hours so please be patient!

Also, please be aware that in order to correctly setup this template you’ll need to be comfortable with editing the template code as well as some experience with photo editing software (see step #9). I’d hate for you to spend a bunch of time trying to get this template working only to hit a road block towards the end.

WP-Polaroid Blogger Installation

Now I’m going to be honest with you before we begin. When you use this template you’ll most likely have to wipe out all your existing page elements and start from scratch. Not only is this easiest but it also gives you a clean slate. Now this isn’t always the case but I just wanted to warn you upfront. You might even want to setup a new blog within Blogger to test this template out before you really start using it. It’s easy to do — just go to your Blogger dashboard (top right corner link) and “create new blog”. Think of it as a testing area before clobbering your existing blog. Another option is to try and backup your existing page elements which is explained in my “How to Install a Blogger XML Template” article.

Disclaimer: I am not responsible if you mess up your Blogger site. This template and set of instructions is free but does not come with any sort of warranty. I’m sure you already realize this but I just wanted to cover my butt regardless. (this is the fine print)

The following 10 steps assume you’ve installed the new WP-Polaroid Blogger template and are now ready to configure the page elements. If you had trouble installing the template, try applying it a second time and saving. Blogger is buggy and that’s actually what I had to do when setting up a demo blog for this writeup (Update – you might want to start with step #10 and then come back to step #1 since it involves editing the actual template code before setting up the page elements).

You can also download the original Photoshop .psd from Adii’s site if you’d like to modify the images. He also provides some steps on setting up the template but for WordPress only.

Open your blog site in a new browser window so you can see how it currently looks. I’ve put some placeholder text in some areas (which we’ll replace in the steps below) to give you an idea as to how it’s supposed to look. Now in a separate browser window, head on over to “Template” =>”Page Elements” and we’ll start setting up your new Blogger template.

Step #1 – Configure the Header Page Elements

First we’re going to customize the header and we’ll start with the Header-Text-Box-Left page element which you can see marked with a red square in the image.

header-text-box-left.gif

Now when you edit the page element you’ll see “Header-Text-Box-Left” as the title which you can change to something like “MORE ABOUT ME…”. Then add whatever text you want in the text box which will end up appearing below the title (like the white text in the image). Ok, save your page element and you’re done with this box. Do the same with the “Header-Text-Box-Right” page element and you’ll be finished with the header text boxes. Save and then refresh your other Blogger browser window to see what it looks like. We’ll take care of the header links and center puppy image later on since it requires editing of the template code. Let’s move on.

Step #2 – Setup Recent Posts and Recent Comments Page Elements

These lists aren’t going to show up when you first installed the template so we’re going to bring them to life now. They are actually both RSS Feed widgets so we’ll need to paste in your feed and comment rss feeds to make them work. Let’s start with the Recent Posts page element so click edit it. Then paste in your RSS feed url which will most likely be in this format https://YOURSITE.blogspot.com/feeds/posts/default . Make sure to replace “YOURSITE” with your actual blog url.

recent-posts-feed.gif

There’s no need to change the title (unless you want to call it something else) so then hit “Save Changes”. Then save your blogger layout and go over to your other browser window, refresh and see the Recent Posts appear in your blog’s sidebar. Pretty cool huh! Now you’re going to do the exact same thing with the “Recent Comments” page element but you’ll instead use this feed format https://YOURSITE.blogspot.com/feeds/comments/default . Again, make sure to replace “YOURSITE” with your actual blog url. Save and make sure it’s working properly. If it doesn’t appear on your blog, chances are you don’t have the correct feed url or you might not have any comments yet.

Step #3 – Setup My Sponsors and Link Love Page Elements

These two page elements are basically link lists where you can links to any sites. Did you know that you can actually sell links from your blog? It’s a very popular and growing business on the web since the number and quality of links to ones’ site increases their rankings in Google and Yahoo. If you want to learn more about selling links on your blog, check out Text Link Ads for more information. I use them and they do a 50/50 revenue split which is great since they handle the advertising & transactions.

Anyhow, to setup the link page elements, click on edit of the My Sponsors page element and then enter the names and urls of the sites you wish to link to. Feel free to add a link to my site so other’s know where you got this wonderful template!

my-sponsors.gif

Now do the same for the Link Love page element to get additional links added. If having both link page elements is too much, feel free to delete one from your page layout.

Step #4 – Configure the Blog Archive Page Element

This page element should have been working from the moment you installed this template. The only problem is it probably didn’t look right because the page element style needed to be set to “Flat List” so let’s do that now (if your blog archive list is already set to flat, then you can skip this step). Edit the page element and change the default of “Hierarchy” to “Flat List”. You’ll see it change in the preview window so you’ll know it worked.

blog-archive.gif

Click “Save Changes” and then save the page layout. Now view your blog which you have open in a separate browser window to see how it looks now. It should be correct.

Step #5 – Configure the Recent Readers Page Element

Now this is one of the unique and cool features about this template. It’s integrated with MyBlogLog which is a cool tool for showing pictures of visitors to your site. If you don’t already have an account, you need to set one up first before completing this step. Once you’ve setup an account, claimed your blog, then you can create a widget. I’m going to assume you’ve done those steps and are now ready to plug in your widget. You should be on this screen now within mybloglog.com.

mybloglog.gif

We’re going to make this very easy so don’t worry about any of the colors, width, etc and just click the “Preview and Get Code” button. I know this sounds strange but just stick with me here. So the next screen you’ll get a page with the blocks of code you can use. It will look like this:

mybloglog-code.gif

The only piece of that code that we need is the part I’ve marked in red. This is the mblID code which is the unique id just for your blog. you’re going to copy this entire id code (I covered some of the digits in the screenshot on purpose) which should be 16 numbers, and put it somewhere safe (like open notepad and paste it there for now).

 

<script type="text/javascript" src="https://pub.mybloglog.com/comm2.php?mblID=PUTYOURCODEHERE&c_width=425&c_sn_opt=n&c_rows=2&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=FFFFFF&c_color_bottom_bg=FFFFFF"></script>

Then take this javascript code above and replace the “PUTYOURCODEHERE” with the 16 digit number you just put somewhere safe. Next, you’re going to edit the “Recent Readers” page element and paste this new code into the text box. It will look like the image below but it won’t wrap (I just did it for illustration purposes).

 

recent-readers-js.gif

Click “Save Changes” and go preview it in your blog. This will replace the current set of mybloglog pictures you see on your site with your set of visitors. Now don’t get too excited because there’s a good chance this section will be empty for a while (almost for sure if you just signed up for a mybloglog account) since you haven’t had any visitors yet so don’t worry. Give it a few weeks before you’ll see some pictures appear.

Step #6 – Configure the Flickr Photo Page Element

This is another optional page element and you can go ahead and delete it if you want. The configuration requires you have a Flickr account and some experience picking out pictures to link to. The pictures that are already installed on this Blogger template are basically links directly into Flickr. There are more than one way to get this section working (like using rss instead of hard coded image links) but I’m only going to show you the simple way. First edit the “FlickrRSS” page element and make sure you’re in html edit mode. Then in the text box you’ll want to paste in the new image code you want to use (see below for the proper format). It will look something like this:

flickr.gif

Here’s the code I’m currently using to make the images work:

<p><a href='https://www.flickr.com/photos/alankin/2213697421/'><img src='https://farm3.static.flickr.com/2312/2213697421_6be21edcfa_s.jpg' alt='different paths' /></a></p><p><a href='https://www.flickr.com/photos/alankin/2213697413/'><img src='https://farm3.static.flickr.com/2399/2213697413_c30648a36a_s.jpg' alt='college campus lawn' /></a></p><p><a href='https://www.flickr.com/photos/alankin/2213697411/'><img src='https://farm3.static.flickr.com/2150/2213697411_96525d4022_s.jpg' alt='wires in front of sky' /></a></p><p><a href='https://www.flickr.com/photos/alankin/2213632473/'><img src='https://farm3.static.flickr.com/2215/2213632473_8cf8af1c7f_s.jpg' alt='aerial perspective' /></a></p><p><a href='https://www.flickr.com/photos/alankin/2213632465/'><img src='https://farm3.static.flickr.com/2043/2213632465_5ce3aa4813_s.jpg' alt='clouds' /></a></p><p><a href='https://www.flickr.com/photos/alankin/2213632461/'><img src='https://farm3.static.flickr.com/2392/2213632461_96a8be9c06_s.jpg' alt='clouds over the highway' /></a></p><p><a href='https://www.flickr.com/photos/alankin/2214395424/'><img src='https://farm3.static.flickr.com/2253/2214395424_b9f11a18c0_s.jpg' alt='The Poultney Inn' /></a></p><p><a href='https://www.flickr.com/photos/alankin/2214395422/'><img src='https://farm3.static.flickr.com/2133/2214395422_1aa98af39f_s.jpg' alt='apartment for rent' /></a></p>

So essentially you need to find pictures on Flickr or somewhere on the web that you want to link to. Using Flickr’s small image size makes sure that they will properly fit in this page element area. Make sure you use the code format above (<p> and </p> around each image) and use eight images. If not, it won’t look right on your blog. Again, the code snipet above is the exact code I’m using for the default images on your blog.

Hopefully this step makes sense and you’re able to add the images you want. If not, just remove the page element and move on.

Step #8 – Configure the Three 125×125 Ad Spots

I don’t know about most of you but I like to try and monetize my blogs. It’s a great passive income stream and fun to see how much you can make. Don’t expect a lot to pour in but at least get some ads on your site to make a few bucks. If you haven’t already read my “How to Make Money From Your Blog – Tip #1” article about setting up Google AdSense on your blog, I’d advice you to read it. You can create 125×125 ads within Google and place them in these spots, for example.

Now let’s go edit the page element. You need to have three 125×125 ads ready to pop into this spot otherwise it’s not going to work. The images also need to be hosted somewhere so make sure you’ve got everything ready before moving forward. Here’s an example of what your code will look like:

 

125×125-ad-spots.gif

This is the actual code currently being used in your blog template. It’s placeholder code but important to keep so continue reading to understand why.

<a href="https://www.linkworth.com/?a=10230"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/adstheme/banner-linkworth2.gif" border="0px" /></a>

<a href="https://www.widgetbucks.com/home.page?referrer=10252004"><img src="https://images.widgetbucks.com/images/referral/125x125_A.gif" border="0px" /></a>

<a href="https://www.text-link-ads.com/?ref=2164"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/ads/text_link_ads_F_125x125.gif" border="0px" class='last' /></a>

It’s very important you keep the formatting of this section intact otherwise they won’t appear properly. I’m mainly speaking about the class='last' tag at the end of the third 125×125 ad. If that isn’t included in your code, it will look funny on your site. This is a hard step so hopefully you got this far.

If you don’t have any ads to use yet, feel free to keep the placeholder ads there. I recommend clicking on the three ads and setting up accounts with them so you can make money with your blog. If you don’t want the ads you can just delete this page element from your page layout.

Step #9 – Change the Puppy Header Image

Yes, you’re probably wondering why there’s a picture of a cute puppy on your blog. The good news is I actually put it there as a placeholder so it’s easier for you swap out and add your own image. The bad news is you’ll need to have some photo editing skills in order to get the image setup correctly. So first let me tell you how to change the image and then second, explain how to add your own instead. The puppy image code is in the .css part which looks like this:

/*=== Change this header puppy picture to one of yours ===*/
#polaroids-pic{
background: url(https://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/puppy.png) no-repeat;

This is where you’ll need to put the link to your new image. If you don’t want an image at all (or at least for the time being) then just delete the url and the default black polaroid picture will appear. The puppy picture is just positioned on top of the default black picture.

 

header-pic-no-puppy.gif

So before you can add a new photo, you’ll need to properly size and rotate it. So open your picture in any photo editor like MS Paint, Adobe Photoshop, Paint.net (free download), GIMP (free download), or Picasa. If you don’t have software already installed, you can always use one of the free online photo editing sites instead like Picnik, Phixr, or FotoFlexer. Whichever photo editing software you decide to use, get ready to make the following two changes.

  • Resize the photo to 240×240
  • Rotate the photo 4 degrees counter clockwise

Update (2/1/08)

Due to popular demand, I’ve made the polaroid header image straight so it’s easy to add your personal photo without having to rotate it. It’s included in the latest version so just download and you’ve got it.

This sets up the photo to the right size to fit back on top of the polaroid background. Next, save the image you just modified (You can save the photo in any of the standard image formats like png, gif, jpeg, etc) and upload it to a place online where you can link to it.

There are free image hosting services like Photobucket, Googlepages, or ImageShack just to name a few. I personally use Photobucket but any of those will do. You’ll need to setup a free account and then you can upload your images. After you’ve uploaded your new image, you need to get the url where the image is now located. If you decided to use Photobucket, your new url will look something like this:

https://i254.photobucket.com/albums/hh92/yourname/newfolder/yourpicture.png

Take that url and replace the puppy.png url I showed you above. Save your template and reload your blog. Your new picture should now be on your home page! If not, then double-check and make sure you correctly uploaded the photo and it works. If you see your photo on your home page but it’s just not aligned properly, then you’ll need to go back to your photo editing program and tweak it some more. Another option is to edit the .css file and search for #polaroids-pic { . There you can the position, height, width, etc for fine tuning. You really shouldn’t need to mess with those settings though.

UPDATE: If you also want to remove the “Polaroid of Me” text across the default polaroid picture you can. You’ll need to edit the template code and replace the existing polaroid image on line 219 with this one. Search for “rotator.png” then replace it with “blank-polaroid.png” and you should be good to go. (Thanks to Lindsay in the comments below for the suggestion!). The latest download version now comes without the text on the polaroid picture.

Step #10 – Change the Navigation Header Links

This probably should have been step #1 but I honestly forgot about them until now. These links are hard coded into the template so you need to edit the actual code to make them work. Just edit the code template and search for the following bits of code:

<li><a href='/'>HOME</a></li>
<li><a href='#'>ABOUT ME</a></li>
<li><a href='#'>ANOTHER PAGE</a></li

You should keep the HOME link as is since it just points back to your home page. You’ll also want to change the links on the right side as well:

<li><a href='#'>ADVERTISE</a></li>
<li><a href='#'>CONTACT</a></li>
<li><a href='#'>SITEMAP</a></li>

Now just change the a href=”#” and tab name to something you want for each of the links. Do it for both sides and that’s it. Pretty easy actually. Just make sure to save it and say yes when it asks you to delete several page elements like HTML1, HTML2, etc. I don’t know why it asks you each time when you save your template. I think it’s a Blogger bug actually.

Well folks, after 2 hours of writing this up and 8+ hours of converting this template to Blogger, I’m officially done! I hope you enjoy the template and the instructions on configuring it. If it wasn’t for Adii (the original designer), this template never would have been available to convert into a Blogger template!

If you have any questions please post below using the comments box. Please be aware I am not a photo editing expert and questions should only relate to configuring this template. Blogger in general, has lots of bugs so any “bx-” type error messages you may get I won’t be able to help you. Sorry but it’s Blogger’s fault not mine or yours.

Revision History

Update (2/25/08) – A bug has been found and fixed as of today. It’s a small one but it was brought to my attention by Tessa and Rey. The “Next” and “Previous” posts links were missing from the bottom of the template. If you downloaded this template prior to today, you’ll either have to download it again or fix your existing template. The fix is pretty easy and as follows:

Search your template code for the tag <data:adEnd/>. There should actually be two of them. You want the second one. Below that code you want to paste:

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>

The final block of code should look like this:

add-new-code-polaroid.jpg

You’ll then want to style this new set of links which is also easy to do. Scroll back up to the top of your code and in the .css section you’ll want to add the following code:

#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {padding:50px 15px 0px; text-align: center; }

This will make your new links aligned neatly instead of being squished to the left. You can style them even further (color, size, etc) but you’ll have to do that on your own.

Update 4/22/08 – Several people requested to have real 125 x 125 ads instead of the blank placeholder ones so this has been done. A new screen shot shows how this looks as well as the live demo. You can swap out the ads or keep them there indefinitely if you don’t have any ads to use.

Update 5/17/08 – Fixed the individual post image right align issue. You can easily fix this yourself if you’re using this template prior to 5/17. Search your template code for “.postmetadata” and then change the padding element of “15px” to “20px”. That will push everything down and align the images correctly. Thanks to Ricardo for his help on this.

Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!

Want to make your blog stand out from the crowd? I recommend giving your newly downloaded Blogger template a unique and personalized look. Read our Free Blogger Header Images article and find yourself a great custom header image!

If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.




Trackbacks

  1. WP-Polaroid Blogger Template | Blog Themes Plus on February 9, 2008

774 Responses to “WP-Polaroid Blogger”




   
keite on Jan 25, 2008, 7:06 am  

thank u very much this theme is cool.can u convert more for blogger


   
David Cowgill on Jan 25, 2008, 7:29 am  

You’re welcome Keite! I’ve got a list of other Blogger templates I’d like to convert from WordPress already started but am open to others. Do you have any specific ones in mind?

~David


   
keite on Jan 28, 2008, 1:37 am  

sure i do have a lot from wordpress.
can u convert Green Love wordpress theme..
id be very glad.. 🙂


   
Amanda on Jan 28, 2008, 12:52 pm  

Wow this is such a great conversion! I used to use this for a WP powered blog and am so pleased to see this available for Blogger!

Did you find a way to integrate the flickr feed into the Blogger version too? If so, I’d love to hear about this as I’ve not yet figured a way of converting the plugin to javascript 😕

Thank you and best wishes,

Amanda


   
David Cowgill on Jan 28, 2008, 5:11 pm  

Thanks Amanda. This one wasn’t an easy conversion that’s for sure. It was very popular with WordPress so I figured Bloggers would feel the same way. 😆

Unfortunately I didn’t get the flickr feed integrated into this template. Honestly, I didn’t spend a ton of time trying to work it out and will probably do so in another template.

If you have any recommendations of other cool WordPress themes that would be worth porting over, please let me know!

~David


   
Mel on Jan 29, 2008, 3:28 am  

Hi there!
Thanks for the great information for me a newbie on tht net.

Thanks for the great instruction, it works well for me.

I will let you know once my blog is ready. Good job.

I dont know how to thank to you since you blog has a very very very good info for me. Useful as well.
Thanks once again.

Asian


   
john on Jan 30, 2008, 6:11 am  

nice theme.but there is one drawback.can you make the comments clikable.


   
Lindsay on Jan 30, 2008, 9:12 am  

This template is so great and easy to use! I’ve been looking for something like this for a while. Thank you!

Two questions/comments I was wondering if you could help me with…

1. I can’t find the Navigation Header Links (from step 10) in the code. Any idea why? I believe I’m at the right place (Template –> Edit HTML), no?

2. Was wondering if it would be possible to have a copy of just the blank polaroid photo in the template – without the words “polaroid of me”? That way, we can put any photos in the polaroid without it seeming out of place if it’s not a picture of yourself. Just an idea I had.

Looking forward to your reply. Thanks in advance.


   
David Cowgill on Jan 30, 2008, 8:43 pm  

@ John

Nice catch…that was a bug. I’ve linked up the comments so you’ll need to download it again for the latest version.


   
David Cowgill on Jan 30, 2008, 8:56 pm  

@ Lindsay

1) Yeah, you’re in the right place. Strange. The header links are all the way down on line 695. You might want to copy the template code into notepad or a text editor and then search for this: ABOUT ME. That’s where you’ll find the first set of links to edit. If it’s not there, Blogger might have wiped them out. Are they showing up on your blog at all or are the links just blank?

2) Good idea on the polaroid image. I’ve gone ahead and created a blank one so anybody can download it separately if they like.

http://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/blank-polaroid.png

You’ll then need to replace the existing polaroid image on line 219 with this one. Just remove “rotator.png” and replace it with “blank-polaroid.png” and you should be good to go.


   
Lindsay on Jan 31, 2008, 4:29 am  

Thanks for the quick response. I had to redownload and upload the template to get the ABOUT ME part added in. Probably something I did on my end.

Great news about the blank photo! Thanks for this. I haven’t been able to rotate the photo yet without it still saving the file non-rotated (resulting in the photo rotated, but auto-background white filling in as non-rotated). As you said – this isn’t related to the template. Once I get things sorted, i’ll send you my blog URL. Cheers!


   
David Cowgill on Jan 31, 2008, 4:53 am  

Sure Lindsay. Keep us posted!


   
lady on Feb 2, 2008, 4:12 am  

hi. I am so happy i found your site. Im using this very professional looking blogger template now. I have problems putting some links because they show in big fonts not like the recent comments and the link love links. Can you help me out with this. thanks a lot. lady


   
David Cowgill on Feb 2, 2008, 10:07 am  

Hi Lady, I’m glad you like the site. Try pasting this code into your css section of the template.

.LinkList h2 {
color:#F2170B;
font-size:16px;
letter-spacing:-1px;
text-transform:uppercase;
background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/hdr-bgr5.gif) no-repeat scroll left center;
padding:20px 0px 14px 48px;
}

.widget-content li a {
color:#41484D;
}

.widget-content {
padding:0pt 0pt 15px;
}

.widget-content li {
border-bottom:1px dotted #F5857E;
color:#C11209;
font-size:11px;
padding:4px 0pt 5px 5px;
}

Hopefully that works. If not, I’ve updated the template so if you download the latest version, you’ll get this fix. Thanks.


   
David Cowgill on Feb 2, 2008, 10:08 am  

Lady, make sure these three lines are one. It wrapped in the comments field here but shouldn’t in your code.

background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/hdr-bgr5.gif) no-repeat scroll left center;


   
David Cowgill on Feb 2, 2008, 10:12 am  

Oh sorry, and add this too.

.widget-content li a:hover{
text-decoration:none;
color: #C11209;
}


   
carlos sousa on Feb 6, 2008, 4:31 pm  

hi there. I´m using the template, but i have a problem. The main text in individual post pages don´t have the same layout, that i can see in the frontpage of the blog (bigger font, no Blockquotes etc). Can i solve this?? Tks


   
lady on Feb 6, 2008, 4:35 pm  

thanks david.. ill try if i can put the codes right..hehehhe.. thanks a lot..


   
lady on Feb 6, 2008, 4:43 pm  

i managed to put the code right David, except for that one regarding this

background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/hdr-bgr5.gif) no-repeat scroll left center;

the code is right in my template.
what else should i do?


   
David Cowgill on Feb 6, 2008, 6:39 pm  

Hi Carlos-

I’m not sure what it could be. I’ve just tried loading up the template on my blog but didn’t have that problem. What’s your blog url? I can take a look.


   
David Cowgill on Feb 6, 2008, 6:45 pm  

@ Lady

It looks much better now on your blog. The only thing not working is the title which is why you need the code you listed in comment #19 above.

What do you mean you weren’t able to use that code? Did you paste it in your .css section just like the other pieces?


   
lady on Feb 6, 2008, 6:59 pm  

no i did not paste it david.. so i should paste it in the css too?


   
David Cowgill on Feb 6, 2008, 8:06 pm  

Yes. That block of code I gave you will make the title and image appear correctly.


   
lady on Feb 6, 2008, 8:31 pm  

i just pasted the code but nothing’s happening..


   
carlos sousa on Feb 7, 2008, 2:13 am  

Hi David. Problem solved. I have tried to implement de Readmore link hack, in your template, and it works fine, but for some reason it messes up with the post text layout. I remove the hack code and it resolved the problem. Any sugestion? i realy like to implement the readmore hack for long posts.

Tks,


   
David Cowgill on Feb 7, 2008, 6:59 pm  

@ Lady

I’m not sure what else to tell you. If the .css code I gave you above is properly pasted in, it should work (I tested it before I sent it).

You could always download the template again since it’s an updated fixed version but then you’ll have to setup your blog layout again.

Sorry I couldn’t be of more help!


   
David Cowgill on Feb 7, 2008, 7:02 pm  

@ Carlos

Glad you figured out what caused the problem. Regarding the read more hack (I’ve never used that hack actually) — I’d create a separate unique css style class for it so there’s no conflict with the layout.

That should avoid any problems.

P.S. I like how you’ve setup your blog and even translated it! 🙂


   
lady on Feb 7, 2008, 7:13 pm  

you don’t have to be sorry david..

i love my template now. im satisfied with the look of my blog and I thank you wholeheartedly for all your help.. thak you so much!

🙂


   
David Cowgill on Feb 8, 2008, 8:13 am  

@Lady

I think I figured it out for you. I went to your blog and saw what needed to be fixed. It’s an h2 class=’title’ that needs to be set. Paste this code into the .css section and it should hopefully fix it.

.title h2 {
background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/hdr-bgr5.gif) no-repeat scroll left center;
color:#F2170B;
font-size:16px;
letter-spacing:-1px;
padding:20px 0px 14px 48px;
text-transform:uppercase;
}


   
TonNet on Feb 9, 2008, 11:28 am  

Great job! See it live in our page. I wonder how come I could find your blog earlier.

Thanks, subscribed!


   
Azel on Feb 9, 2008, 1:05 pm  

How do it change the format on blog post – Posted on (Date) instead of (Time)?


   
TonNet on Feb 9, 2008, 1:39 pm  

I do know Blogger doesn’t have Popular Posts. Anyway, is there a good way to port it from Wodrpress to this Polaroid template or work it out any ideas?

Please…


   
David Cowgill on Feb 9, 2008, 8:27 pm  

Hi TonNet – There’s no popular posts widget that I’m aware of. It would be hard to make since there’s no real way to know which posts are popular or not. Blogger isn’t very flexible in this aspect.


   
David Cowgill on Feb 9, 2008, 8:38 pm  

@ Azel – If you go into your Blogger “Settings” => “Formatting” => “Timestamp Format” you can select whatever format you want. It will update the “Posted on” date/time on the blog post.


   
Azel on Feb 11, 2008, 2:23 pm  

Hi David
I would like to use image of text on header1 but it seems it will also remove the search box? How do i add the search box separately?


   
David on Feb 13, 2008, 5:40 am  

@Azel, As you found out, the way the template is currently designed, it will not allow an image to be added to the header. The search box would have to be moved into a separate section and widget in order for it to work. Are you thinking about using it for your kilheeny.com site? Your current template seems pretty nice as is. 🙂


   
Milan on Feb 14, 2008, 1:03 am  

I can’t edit the links in the top menu navigation bar. I tried a few times but when I have to upload afterwards, I always get an error code. Like an // isn’t closed or something, but that’s not the case. I don’t no why it does so, 🙁


   
alex samsoe on Feb 16, 2008, 2:00 pm  

hi there,i just find this template and now i used.but i`ve got some problem about put my adsense code.how can i put my ads code on the ads spot 125×125.and my post look so bad.anybody can help me ?


   
Azel on Feb 16, 2008, 9:10 pm  

Hey David,
Thank you! I am planning to redo my website design and probably use this theme frame layout to fit my own. I guess I will take on your suggestion for the search box.


   
David on Feb 17, 2008, 6:30 am  

@alex, it might be easier to just add a separate adsense widget instead of trying to replace the sample banner spots. I’m not sure what the issue could be but using adsense’s javascript can sometimes be a problem.


   
Tessa on Feb 17, 2008, 12:54 pm  

Imtrying to use your template but im testing it on a hidden blog that i have and for somereason i cant edit the header text boxes…
can you help


   
Tessa on Feb 17, 2008, 1:31 pm  

i figured it out…somewhat 😛 if i usee it in IE its fine…i was editing in firefox before ..thanks


   
tessa on Feb 17, 2008, 6:27 pm  

:mrgreen:
Me again…sooo i figured out everything but the google adsense….
You say that imageshave to be hosetd somewhere…but the script that iget for my ads dont refer to any images…
what am i missing


   
David on Feb 17, 2008, 6:54 pm  

Hi Tessa, Some ad units don’t require you to host the images separately. If that’s the case (which it sounds like for you) then just paste in the ad script and it should work. Did you try it already?


   
Sadek Jake Alam on Feb 18, 2008, 3:22 pm  

hi, i really liked the template. but the problem is, i dont see the blogger bar at the top of the page. as far as i know, its against blogspot policy to remove the bar. so i think i am risking the deletion of my blog. pls anwer regarding this. thanks. 🙄


   
David on Feb 18, 2008, 8:30 pm  

@Sadek, as of now, it’s not against Google’s policy to hide the blogspot bar. If you feel more comfortable having it, you can easily bring it back. Edit your template and look at the top section. You’ll want to remove 5 lines of code. Everything from: #navbar-iframe { all the way to }. Then your nav bar will return.


   
Sadek Jake Alam on Feb 19, 2008, 7:25 am  

thanks for the really quick response. 🙂
you are great, man. thanks.


   
Sadek Jake Alam on Feb 19, 2008, 9:14 am  

well David ca you tell me how to add a page to my blogspot blog (for e.g. the another page) so that the page becomes a part of my blog, and the main site shares all the reputation and page rank of the other pages? sorry i am nebie, and having hard times understanding these. thanks again.


   
tessa on Feb 19, 2008, 4:00 pm  

me again…i love this layout.,..but ..im having aproblem with my previous post links..theyre not showing up…what did di do?