UK Wedding Directory > Wedding Widgets

Wedding Blog Templates

If you are planning to set up a Blog prior to your wedding day to talk about how the plans are going, provide info for guests or anything else, then you have come to the right place.

Over time, we are going to scour the web; searching for the best freely downloadable wedding blog templates and provide them here for your use (fully credited to the original creator).

Our first template is from Isnaini Dot Com and is designed for use with Google’s Blogger:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title><$BlogPageTitle$></title> <$BlogMetaData$> <style type="text/css"> /* Blogger Template Style Name: Bloggerized Adsense Author: Isnaini Dot Com URL: www.isnaini.com Date: 24 September 2005 */ body { margin: 0px; padding: 0px; font-family: Verdana, sans-serif; color: #000000; background: #597B8D; } blockquote { padding: 10px 0 0 20px; font-size: 10px; line-height: 1.5em; color: #666; margin: 0px; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; border-bottom: 1px dotted; } code { color: #f63; } hr { display: none; } img { border: none; } a:link, a:active, a:visited { color: #256E8E; text-decoration: none; } a:hover { text-decoration: underline; color: #CC9900; } .main-content { line-height: 1.5em; margin: 0px; text-align: left; } .ads { width: 160px; padding: 4px; color: #FFFFFF; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; margin: 0px; } .sidebar { line-height: 1.4em; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; margin: 10px 0px 0px; text-align: left; } .sidebar h2 { padding-top: 2px; padding-bottom: 4px; padding-left: 30px; font-size: 1.5em; height: 20px; background-color: #1B6685; margin-left: 10px; background-attachment: scroll; background-image: url(http://img169.imageshack.us/img169/3681/bbackkopjd5.gif); background-repeat: no-repeat; background-position: left center; font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #FFFFFF; margin-right: 0px; } .sidebar ul { margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; padding: 0px 0px 10px; width: 200px; } .sidebar li { margin-left: 20px; } li.description { margin-left: 20px; list-style-type: none; font-weight: bold; } h2.date-header { font-size: 16px; background: #256E8E; font-family: Georgia, "Times New Roman", Times, serif; text-align: right; padding-right: 10px; color: #FFFFFF; margin: 5px; padding-top: 2px; padding-bottom: 4px; } h3.post-title { margin-top: 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; color: #256E8E; } .post { margin: 0px 5px 20px; padding: 4px; background-image: url(http://img99.imageshack.us/img99/5673/bbackpostcb4.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: right top; border: 1px solid #CCCCCC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; } .post-body { } .post-footer { margin: 0px 0px 0px 20px; font-size: 10px; color: #666666; line-height: 1em; border-left-width: 5px; border-left-style: solid; border-left-color: #F1F1F1; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 10px; text-align: left; } .post img { padding: 6px; border: 1px solid #dddddd; background-color: #F1F1F1; } /* comment styles */ .comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; margin: 0px; text-align: left; } .comments h4 { margin: 0px 0 15px; padding: 8px 0 0 40px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 130%; color: #677688; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } .comments ul { margin-left: 0; } .comments li { background: none; margin-left: 10px; text-align: left; } .comment-body { padding: 0 10px 0 25px; background-color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; } .comment-body p { margin-bottom: 0; } .comment-data { margin: 4px 0 0 50px; padding: 0 10px 1em; color: #666666; border-bottom: 1px solid #CCCFD9; font-size: 10px; line-height: 1em; text-align: left; } .deleted-comment { font-style:italic; color:gray; } /* profile block */ .profile-datablock { margin: 0; padding: 5px 20px 0 20px; } .profile-datablock dd { margin: 0; padding: 0; } .profile-img img { float: left; margin: 0 10px 0 0; padding: 4px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; background: #fff; } .sidebar p.profile-link { padding-left: 36px; background: #99FFCC; } .clear { /* to fix IE6 padding-top issue */ clear: both; height: 0; } .technoratitag { font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 20px; margin-top: 20px; width: 100%; } <MainOrArchivePage> span.fullpost {display:none;} </MainOrArchivePage> <ItemPage> span.fullpost {display:inline;} </ItemPage> </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td width="770" valign="top"><table width="770" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td background="http://img247.imageshack.us/img247/5756/adsenser2c1pl4.jpg"> <ItemPage><a href="<$BlogURL$>"></ItemPage> <img src="http://img243.imageshack.us/img243/8706/adsenser1c1bj3.jpg" width="378" height="150" /> <ItemPage></a></ItemPage></td> <td background="http://img167.imageshack.us/img167/3935/adsenser2c2zb8.jpg"><img src="http://img170.imageshack.us/img170/9706/adsenser1c2yb7.jpg" width="184" height="150" /></td> <td background="http://img180.imageshack.us/img180/6905/adsenser2c3vv5.jpg"><img src="http://img96.imageshack.us/img96/3128/adsenser1c3zr4.jpg" width="208" height="150" /></td> </tr> <tr valign="top"> <td background="http://img174.imageshack.us/img174/5662/adsenser2c1fw2.jpg" id="content"> <div id="main-content"> <Blogger> <BlogDateHeader> <h2 class="date-header"><$BlogDateHeaderDate$></h2> </BlogDateHeader>  <div class="post"><a name="<$BlogItemNumber$>"></a> <BlogItemTitle> <h3 class="post-title"> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl> <$BlogItemTitle$> <BlogItemUrl></a></BlogItemUrl> </h3> </BlogItemTitle> <div class="post-body"> <p><$BlogItemBody$><MainOrArchivePage><a href="<$BlogItemPermalinkURL$>"><i>Read more..!</i></a> </MainOrArchivePage> </p> </div> <p class="post-footer">posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> <MainOrArchivePage><BlogItemCommentsEnabled> | <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$></p> </div>   <ItemPage> <div id="comments"> <BlogItemCommentsEnabled><a name="comments"></a> <h4><$BlogItemCommentCount$> Comments:</h4> <ul> <BlogItemComments> <li id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a> <div class="comment-body"> <p><$BlogCommentBody$></p> </div> <p class="comment-data">By <$BlogCommentAuthor$>, at <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$></p> </li> </BlogItemComments> </ul> <p class="comment-data"> <$BlogItemCreate$> <br /><br /> </BlogItemCommentsEnabled> <a href="<$BlogURL$>"><< Home</a> </p> </div> </ItemPage>  </Blogger> <hr /> </div></td> <td background="http://img291.imageshack.us/img291/5107/adsenser2c2hu5.jpg" id="content"> <div class="ads"> Ut enim ad minim veniam, consectetur adipisicing elit, ullamco laboris nisi. Ut labore et dolore magna aliqua. Cupidatat non proident, sunt in culpa velit esse cillum dolore. Qui officia deserunt in reprehenderit in voluptate ullamco laboris nisi. Lorem ipsum dolor sit amet, sunt in culpa eu fugiat nulla pariatur. <p>Sed do eiusmod tempor incididunt velit esse cillum dolore excepteur sint occaecat. Duis aute irure dolor. Ut enim ad minim veniam, excepteur sint occaecat ullamco laboris nisi. Duis aute irure dolor cupidatat non proident, consectetur adipisicing elit.Sed do eiusmod tempor incididunt velit esse cillum dolore excepteur sint occaecat. Duis aute irure dolor. Ut enim ad minim veniam, excepteur sint occaecat ullamco laboris nisi. Duis aute irure dolor cupidatat non proident, consectetur adipisicing elit.</p> </div>  </td> <td background="http://img201.imageshack.us/img201/227/adsenser2c3yc5.jpg" class="sidebar"> <div> <MainOrArchivePage> <ul><h2 >About Blog</h2> <li class="description"><$BlogDescription$></li> </ul> <ul><h2 >About Me</h2>  <li><img src="<$BlogOwnerPhotoUrl$>" width="100" height="100" /></li> <li> <strong>Name:</strong> <$BlogOwnerFullName$></li> <li> <strong>Home:</strong> <$BlogOwnerLocation$></li> <li> <strong>About Me:</strong> <$BlogOwnerAboutMe$></li> <li> <a href="<$BlogOwnerProfileUrl$>">See my complete profile</a> </li>  </ul> </MainOrArchivePage> <ul id="recently"> <h2 >Previous</h2> <BloggerPreviousItems> <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul> <MainOrArchivePage> <ul class="archive-list"><h2 >Archives</h2> <BloggerArchives> <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li> </BloggerArchives> <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage> </ul> </MainOrArchivePage> <ul><h2>Your Title</h2> <li>Lorem ipsum dolor sit amet</li> <li>Consectetur adipisicing elit</li> <li>Sed do eiusmod tempor incididunt</li> </ul> <ul><h2>Your Title</h2> <li>Lorem ipsum dolor sit amet</li> <li>Consectetur adipisicing elit</li> <li>Sed do eiusmod tempor incididunt</li> </ul> <ul> <h2>Design Credits </h2> <DIV ALIGN="center"> <li class="description"> Designer:<br><a href="http://www.isnaini.com" target="_blank"><img src="http://www.isnaini.com/images/pow_isnaini.gif" alt="15n41n1" /></a></li> <li class="description"> Amends:<br><a href="http://www.uk-wedding-directory.com" target="_blank"><img src="http://www.uk-wedding-directory.com/poems/ukwd.gif" alt="UK Wedding Directory" /></a></li> <li class="description"> <a href="http://www.uk-wedding-directory.com/html/blog.html" target="_blank">Get this template for your site</a></li> </ul> </DIV> </div> </td> </tr> <tr> <td><img src="http://img242.imageshack.us/img242/6981/adsenser3c1sf6.jpg" width="378" height="64" /></td> <td><img src="http://img245.imageshack.us/img245/5598/adsenser3c2df1.jpg" width="184" height="64" /></td> <td><img src="http://img166.imageshack.us/img166/5613/adsenser3c3hb5.jpg" width="208" height="64" /></td> </tr> </table></td> <td> </td> </tr> </table> </body> </html>

Copy-and-paste the template contained in the box above into the tamplate tab of Blogger and then customise it as you wish.

Please leave in the sidebar link to both the Designer and the UK Wedding Directory.

Other Tools for Blogging Brides

You might also enjoy: Wedding Idea a Day Script | Wedding Poems Screenshow | Wedding Bouquet Flash Game

Wedding Blog Screenschot

The picture below is a screenshot of what the blog looks like when published to the web. As you can see, it has a simple colour scheme and a three-column layout - with wedding ribbons at the top.

Do come back to this page from time to time, as we will be making more templates available in the future.

If you know about other templates that you think we might like, then please let us know by visiting our Contact Us page.

Bookmark us in: your browser :: google :: myYahoo! :: furl :: del.icio.us :: more