Optimizar títulos Blogger

Por defecto Blogger muestra el título del blog antes que el título de cada Post:

<Titulo del blog>: <Título del post>

Es recomendable cambiar esta estructura, mostrando en primer lugar el título del post, para ello:

Notificar por email formulario contacto

El formulario funciona perfectamente y las respuestas se guardan en una hoja de cálculo dentro de los documentos de Google. El problema importante es que, si no hacemos nada más, no nos enteramos cuando alguien nos ha enviado un mensaje empleando este formulario. Se trata sencillamente de que el contenido del formulario se nos haga llegar a nuestra dirección de correo.
Una vez creado nuestro formulario, vamos a la hoja de cálculo en nuestros Docs de Google y elegimos la opción  Insertar > Secuencia de comandos



En el siguiente panel escribimos Contact Us en la caja de búsquedas y pulsamos el botón Search (Buscar):



El sistema nos encontrará el Contact Us Form Mailer. Pulsamos el botón Install:



Aparecerá un mensaje de error que ignoramos completamente:



Pulsamos en Cerrar:



Ahora nos vamos a editar nuestra secuencia de comandos.
Pulsamos en Herramientas > Editor de secuencia de comandos:



Nos aparecerá el código del comando (clic sobre la imagen para verla a mayor tamaño):



El cambio necesario y el únicamente imprescindible es colocar la dirección de correo electrónico a la que queremos que llegue el formulario en la línea 6.
Quedaría así:



Luego podemos modificar el texto de las líneas 11 y 12 por un mensaje personalizado.
Cambiamos la cadena "sent the following message" por el texto que nos parezca más oportuno:



La línea 14 la podemos seleccionar y borrar completamente:



Y en la línea 15 (ahora será la nueva línea 14) borramos +bodyHTML3 porque hace referencia al comando de la línea que acabamos de borrar.



Finalmente en la nueva línea 15 cambiamos el Contact Us Form por el texto que nos parezca:



Guardamos con Archivo > Guardar




Nos queda todavía activar el comando.
Vamos a Activadores > Activadores de la secuencia de comandos actual:



Pulsamos en No triggers set up...



Y, en el tercer desplegable elegimos la opción On form submit:



Ya sólo queda aceptar el siguiente mensaje:



Para colocar nuestro formulario en un blog o página web, vamos al formulario y elegimos la opción Formulario > Insertar formulario en una página web:



Copiamos el código que nos aparece en la siguiente ventana emergente:



Y lo pegamos en el punto en el que queramos colocarlo.

Secciones de las plantillas de blogger

Básicamente se construyen a partir de esta estructura:

Why A Blog Is Good for Business

Whether you’re a home-based freelancer or the CEO of a brand new start-up, a business blog is one of the most versatile online marketing tools that no small business should be without. Once the preferred medium of teenagers and unpublished authors, blogs are now widely accepted as one of the best and most cost-effective ways to boost your business. Here we take a look at some of the benefits behind blogging, and what you should bear in mind when it comes to creating and posting blogs on your site.

Clic para traducir a español 

Building Trust

If you run a small business the importance of building relationships with your clients cannot be underestimated. By creating a vocal presence for your brand in the form of a blog, you can build a brand your customers can trust and add a more personal touch – especially if your business is purely web-based.

Drive Traffic

If you’ve been struggling to get search engines to pick up your website, by creating an effectively search engine optimised blog you can dramatically boost your digital profile. Research your keywords, populate your blog posts accordingly and you can expect to see a sudden upsurge in your Google rankings. And by being easier to find on the web, you’ll inevitably enhance your sales and promote a sense of credibility.

Open A Dialogue

Sure posters, leaflets and brochures are an effective way of talking to your potential client base. But they present a purely one-sided form of conversation. A blog gives your customers a unique opportunity to communicate directly with your business. By encouraging customers to comment on your posts they can share their opinions, ask questions and interact with other clients in a relationship building manner that other marketing mediums simply don’t allow.

Enhance Your Reputation

By giving away free advice on your blog you can enhance your prestige and kudos. Writing information-rich posts will establish your brand as the go-to authority within your industry. It’s also important to make sure your business expresses an opinion on the latest events and wider issues within your industry – and what better way to project a dynamic and current persona than by using the latest marketing tool to get your voice heard?

Stand Out from the Crowd

Think about brands that are making it big in the business world today and you’ll notice something they all have in common; a strong sense of personality. Whether it’s Innocent smoothies or Apple, their strong tone of voice helps their customer base to engage with their business on a much more intimate level. Now we’re not suggesting you start blogging about your home life, but by letting your personality shine through, your blog can stop your business merging into the background or feeling detached and far-removed from you target market.

Client Collaboration

Extend the appeal of your blog by encouraging your clients to post about their experience of working with you. This will help forge stronger links with your existing client base and encourage repeat business. You can also build your reputation and increase your appeal to new customers through the inclusion of case studies and regular updates about current projects you’re working on.

Picture This

No matter what the nature of your business is, make sure you vary your posts in terms of content. It’s important to remember that people read digital information in a very different way to reading print material. Keep your content copy-light, avoid uploading reams and reams of articles and make sure you break it up with plenty of captivating and compelling imagery – grab your digital camera and get creative with your content!

Recuperar un blog eliminado desde el panel

Blogger ha añadido una nueva función a nuestro panel.
Ya podemos recuperar fácilmente un blog que hayamos eliminado por error o simplemente porque queramos volver a retomarlo. 

Ha sido en el panel de la cuenta donde hago mis pruebas que he podido comprobarlo.

Por descontado que enseguida he pinchado en "Recuperar este blog" y tal como me habían dicho el blog ha vuelto a aparecer en el panel de Blogger.
He accedido al blog y todo estaba tal como estaba antes de ser eliminado, imágenes, entradas, diseño, comentarios... todo en perfecto estado.

Estoy segura que más de uno se alegrará mucho cuando vea en su panel de nuevo el blog que ya daba por perdido... 

No puedo eliminar un blog que sigo

Hace unas semanas me está sucediendo algo muy raro. Resulta que en mi lista de blogs que sigo comencé a ver las actualizaciones de un blog al cual yo estoy seguro que nunca seguí!. El blog es "ways-to-invest-money.blogspot.com". La primera vez que lo vi no le presté mayor atención porque supuse que podía llegar a ser un error y pronto se solucionaría. Las semanas pasaron y la solución nunca llegaba. Entonces con un poco de NO tiempo, decidí sentarme a ver que era lo que estaba pasando.

Como siempre comencé preguntándole a google a ver si sabía que era lo que me estaba pasando, no encontré nada muy interesante por lo que decidí abrir un apartado en el foro. Buscando un poco más me di cuenta que no era el único al que le estaba pasando esto y a partir de ahí las cosas comenzaron a sonarme un poco raras.

Seguí buscando y encontré el nombre del usuario dueño del blog, "duke of Rezki" y las cosas se ponían más misteriosas.

De repente me topé sin saber porque con el feed de un sitio muy conocido y hoy inactivo, ustedes sabrán porqué. Me encontré con algo que se hacía llamar como el feed de "El escaparate de rosa", lo pueden ver acá. Utilizando un servicio de FeedShow, tenía entradas recientes a nombre del sitio que ya les digo está inactivo. Este servicio de feed, al parecer francés ya comenzaba a ser cada vez más raro.

Consulté con algunos referentes del mundo blogger, pero poco supieron decirme. Definitivamente me encontré con el problema. A medida que iba investigando me iba dando cuenta que algo raro estaba pasando y una idea se iba formando un mi cabeza, ¿Se puede robar un feed?. Puede parecer algo sin valor, pero piensen que estamos hablando de un blog con una buena cantidad de seguidores. Así parece que están utilizando o mejor dicho, mal utilizando los usuarios suscriptos a el blog "El escaparate de Rosa".

La solución que encuentro hasta el momento es dejar de seguir el blog de Rosa, pero no es una solución definitiva, acá tendríamos que tomar otras medidas, pero ya escapa de mis posibilidades.
Si se trata de un lector de feeds, debemos cambiar la dirección para eludir a Feedburner; si se trata de los Seguidores, debemos eliminarnos y sumarnos otra vez pero, no debemos usar la URL del blog sino alguna de estas alternativas:

http://elescaparatederosa.blogspot.com/atom.xml?redirect=false
http://elescaparatederosa.blogspot.com/feeds/posts/default?redirect=false
http://www.blogger.com/feeds/8932650177070730831/posts/default

Cambio de look!

Cambiamos la forma!!.. y ahora le damos los toques personalizados...

Campo título obligatorio en blogger

Muchas son las soluciones que se han dado a este problema. El que siempre opté por utilizar y es que a mi parecer influye menos y nos permite mantener la información sin perderla. Es lo siguiente:

Diseño >> Edición de HTML >> Expandir plantillas de artilugios

Ahora presionamos Ctrl+f y buscamos el gadget al que le queremos quitar el título. Dentro de este gadget tiene que haber una línia similar a esta:

<b:include name='title'/>

Ahora simplemente se le agregan las etiquetas de comentado y no se mostrará el título pero si lo tendremos en el código para cuando necesitemos buscar este gadget por alguna razón. Entonces se cambia la línia por esto:

<!--<b:include name='title'/> -->

Plantilla Irresistible

Esta es la platilla que estamos usando actualmente en Solomochila. La verdad que es una plantilla con mucho trabajo, muy dinámica y con muchos rincones.

Nosotros tuvimos un pequeño problema con una de las flechas de entradas anteriores, que para algunos navegadores web flota en un lugar que no tiene que flotar y se pierde atrás de las imágenes de flikr.

A pesar de tener mucho trabajo encima, un detalle que molesta bastante en el menú de "elementos de páginas" no permite trasladar los widgets de una columna a otra y hace muy pesado cuando querés mover algunas cosas de lugar.

En cuando a la información extra vienen todo con el .zip de descarga con la información necesario para hacer todas las configuraciones de las cuentas.

Descargar                                    Demo

Plantilla Sunset

Sunset se llama esta plantilla, la verdad que me gustaba mucho y fue la primera que comenzó a definir un formato cómodo para el blog hasta el momento en el que se cayó el servidor donde estaban alojadas las imágenes que no pudimos conseguir y nos obligó a cambiar una vez más de plantilla en menos de 3 meses.

Hoy en día creo que por ese problema la dieron de baja por lo que no se consigue en la red para poder bajar y/o ver una demo de la plantilla.

Pero como siempre se puede buscar un poco más allá de la web y encontramos algo para que no se queden con las ganas y encontramos una que al parecer la volvieron a subir a otro servidor. Una recomendación para cualquier plantilla que utilicen es que se armen una carpeta con todas las imágenes que una la plantilla para que en caso de emergencia o que se caiga el servidor donde están podamos resolverlo sin problemas.

La plantilla consta de una columna central una columna derecha que se divide en dos dando un final de tres columnas.

Descargar                       Demo

Descarga Sunset

<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(d,i,e){e=e?e:(new Date).getTime();this.t[d]=[e,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;if(a.chrome&&a.chrome.csi)g=Math.floor(a.chrome.csi().pageT);if(g==null)if(a.gtbExternal)g=a.gtbExternal.pageT();if(g==null)if(a.external)g=a.external.pageT;if(g)a.jstiming.pt=g}catch(h){};a.tickAboveFold=function(b){b=b;var d=0;if(b.offsetParent){do d+=b.offsetTop;while(b=b.offsetParent)}b=d;b<=750&&a.jstiming.load.tick("aft")};var j=false;function k(){if(!j){j=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",k,false):a.attachEvent("onscroll",k); })();</script>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<link href='http://sunset-template.blogspot.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Sunset - Atom" href="http://sunset-template.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Sunset - RSS" href="http://sunset-template.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Sunset - Atom" href="http://www.blogger.com/feeds/2540527239246578201/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=2540527239246578201" />
<link rel="me" href="http://www.blogger.com/profile/09275117357119687015" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } })(); </script> <![endif]-->

<title>Sunset</title>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/1892504587-widget_css_bundle.css' />
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=2540527239246578201&zx=b53bc170-d3c8-4dbd-83d4-187a95223fa0"/>
<style type="text/css">#navbar-iframe { display:block }
</style>

<style id='page-skin-1' type='text/css'><!--
/*
-----------------------------------------------
Blogger Template Style
Name:     Sunset
Designer: Amanda @ Blogger Buster
URL:      www.bloggerbuster.com
Date:     20 July 2007
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000">
<Variable name="textcolor" description="Text Color"
type="color" default="#ffc">
<Variable name="linkcolor" description="Link Color"
type="color" default="#f2984c">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#ffc">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#e1771e">
<Variable name="bordercolor" description="Border Color"
type="color" default="#e1771e">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#ffc">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#fc6">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Times, serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 86% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 242% Georgia, Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% Verdana, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% Verdana, sans-serif">
*/
/* Use this with templates/template-twocol.html */
body {
background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK-C50a_xkZhiKx7YPAEdU-l2k2NmVqoW24l1ttArNGz0RKBXSuzdrXxbz3r2pKSihnYb5-E9sPPdw2xDwIlnAyxlE-s0c1oZHyZKJckabFDn5pIyWGMJF_Zu8etCIn2dHZkpmqlHa7Bg/) top center no-repeat;
margin:0;
color:#ffffcc;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#f2984c;
text-decoration:none;
}
a:visited {
color:#ffcc66;
text-decoration:none;
}
a:hover {
color:#e1771e;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:480px;
margin:0 auto 10px;
padding: 200px 10px 0 0;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border-bottom: 1px solid #e1771e;
text-align: center;
color:#ffffcc;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal bold 242% Georgia, Times, serif;
}
#header a {
color:#ffffcc;
text-decoration:none;
}
#header a:hover {
color:#ffffcc;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% Verdana, sans-serif;
color: #ffffff;
}
#header img {
margin-left: auto;
margin-right: auto;
filter: none;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 920px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Times, serif;
}
#main-wrapper {
width: 500px;
float: left;
text-align: left;
margin-right: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#the-sidebar-wrap {
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE8dyjuPOdSTHG3bUlfc4D0jXxyYFtyq32bZgno_XVVm2MuuXMp7E00Lz0d_q7eYby6lhs4IhfJb16luo29cN64Yri6CiT9Aq-qqK4FPZLfZCJgafW6ERa0JG913lvwwFgpm8kDlKs8bs/s800/rails2.gif) top center repeat-y;
float: right;
margin-top: 120px;
padding: 0px;
width: 400px;
}
#the-sidebar-wrap2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTdFQmdEOFOybkqLhp44y4SW0fYGEexsU9g4ccP4tppekal7rGHNRtBeFfe0n1p5UEaQaAszvr1OtO-xAdwhzvpK39TSLpbuJIOxIjaBYaOcuff__r5ynoQLeQQg5CFWp7qnct3bFbpjQ/s800/sidebar_top2.gif) top center no-repeat;
float:right;
width: 400px;
padding: 0px;
}
#the-sidebar-wrap3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIUuk5igmcbsJ90NdfXa6VINv40K8Xfw1rSt8aFWPRqFseB4IgZWooevK195aaGMoxYYJxlF9FHEkHMMiW9Bb9_8mFTqT5ZnFRQC4OdPb7LjdzDJ4ghzSj71hoZxpNn9wqw4KM1iO8Xk/s800/sidebar_bottom2.gif) bottom center no-repeat;
float: right;
margin-top: 20px;
padding-bottom: 20px;
width: 400px;
}
#top-sidebar-wrapper {
width: 370px;
padding: 10px 10px 10px 20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 160px;
float: right;
padding: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
width: 190px;
float: left;
text-align: justified;
padding: 10px 10px 10px 20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:normal bold 86% Verdana, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#ffffcc;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #e1771e;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#e1771e;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#e1771e;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:#ffffcc;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:#ffffcc;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% Verdana, sans-serif;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #e1771e;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #ffffcc;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #ffffff;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted #e1771e;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.left-sidebar .widget, .main .widget {
border-bottom:1px dotted #e1771e;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid #e1771e;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% Verdana, sans-serif;
color: #ffffcc;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:920px;
clear:both;
margin:0 auto;
border-top: 1px solid #e1771e;  padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
#content-wrapper {
text-align:justified;
}
img {
filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=5, StartY=5, FinishX=0, FinishY=0)
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
width: 300px;
}
body#layout #main-wrapper {
width: 300px;
}
body#layout #the-sidebar-wrap {
width: 300px;
}
body#layout #outer-wrapper {
width: 700px;
margin: 0 auto;
}
body#layout #footer-wrapper {
width: 700px;
margin: 0 auto;
}
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

--></style>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [255,255,204];
var minFontSize = 10;
var minColor = [225,119,30];
var lcShowCount = false;
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><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>

<iframe src="http://www.blogger.com/navbar.g?targetBlogID=2540527239246578201&amp;blogName=Sunset&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=LAYOUTS&amp;searchRoot=http%3A%2F%2Fsunset-template.blogspot.com%2Fsearch&amp;blogLocale=en_GB&amp;homepageUrl=http%3A%2F%2Fsunset-template.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
<div></div></div></div>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol section' id='crosscol'></div>
</div>
<div id='main-wrapper'>

<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Sunset
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
</div>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>

<!-- google_ad_section_start(name=default) -->

        <div class="date-outer">
      
<h2 class='date-header'><span>Friday, 20 July 2007</span></h2>

        <div class="date-posts">
      
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a name='8429479977546869683'></a>
<h3 class='post-title entry-title'>
<a href='http://sunset-template.blogspot.com/2007/07/welcome-to-sunset-template.html'>Welcome to the Sunset template demonstration blog!</a>

</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content'>
This template features:<br /><ul><li>3 column layout, with cross-column section above sidebars (suitable for AdSense, blog description, label cloud, etc).</li><li>Label cloud configured with blog colours</li><li>Image filters to blur edges of all uploaded images</li></ul><p>All images and a help file are included in the download file. This is in Zip format for ease of download. You can open zip files with Winzip or Winrar.</p><p>You can download the Sunset template here:</p><p><a href="http://kunoichi.info/bloggerbuster_templates/sunset/sunset_template.zip">Download Sunset Template</a></p><p>You are welcome to modify this template however you like. Please leave the author credits present in the template file. A link back to <a href="http://www.bloggerbuster.com">Blogger Buster</a> is always appreciated!</p><p><span class="technoratitag">Technorati Tags: <a href="http://www.technorati.com/tags/blogger" rel="tag">blogger</a> | <a href="http://www.technorati.com/tags/3" rel="tag">3</a> | <a href="http://www.technorati.com/tags/column" rel="tag">column</a> | <a href="http://www.technorati.com/tags/template" rel="tag">template</a> | <a href="http://www.technorati.com/tags/free" rel="tag">free</a> | <a href="http://www.technorati.com/tags/download" rel="tag">download</a> | <a href="http://www.technorati.com/tags/blogger+buster" rel="tag">blogger+buster</a></span></p>

<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn'>Amanda</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://sunset-template.blogspot.com/2007/07/welcome-to-sunset-template.html' rel='bookmark' title='permanent link'><abbr class='published' title='2007-07-20T05:02:00-07:00'>05:02</abbr></a>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>

</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment.g?blogID=2540527239246578201&postID=8429479977546869683' onclick=''>3
comments</a>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1737999357'>
<a href='http://www.blogger.com/post-edit.g?blogID=2540527239246578201&postID=8429479977546869683' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>

Labels:
<a href='http://sunset-template.blogspot.com/search/label/sunset' rel='tag'>sunset</a>,
<a href='http://sunset-template.blogspot.com/search/label/templates' rel='tag'>templates</a>,
<a href='http://sunset-template.blogspot.com/search/label/themes' rel='tag'>themes</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
<div id="latency-8429479977546869683"></div><script type="text/javascript">if (window['tickAboveFold']) {window['tickAboveFold'](document.getElementById("latency-8429479977546869683")); } </script>

<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a name='1158724721547353574'></a>
<h3 class='post-title entry-title'>
<a href='http://sunset-template.blogspot.com/2007/07/find-more-3-column-blogger-templates.html'>Find more 3 column Blogger templates</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content'>
Here are more 3 column templates you can download from Blogger Buster:<br /><ul><li><a href="http://www.bloggerbuster.com/2007/07/sweet-dreams-blogger-template-available.html">Sweet Dreams</a></li><li><a href="http://www.bloggerbuster.com/2007/07/blues-three-column-template-download.html">Blues (Classic style)</a></li><li><a href="http://www.bloggerbuster.com/2007/07/customised-897-three-column-template.html">3 Column 897</a></li><li><a href="http://www.bloggerbuster.com/2007/07/girly-3-column-blogger-template.html">Girly 3 Column</a></li><li><a href="http://www.bloggerbuster.com/2007/06/customised-3-column-blogger-template.html">Denim style 3 Column</a></li></ul><p><span class="technoratitag">Technorati Tags: <a href="http://www.technorati.com/tags/3" rel="tag">3</a> | <a href="http://www.technorati.com/tags/column" rel="tag">column</a> | <a href="http://www.technorati.com/tags/blogger" rel="tag">blogger</a> | <a href="http://www.technorati.com/tags/templates" rel="tag">templates</a></span></p>

<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn'>Amanda</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://sunset-template.blogspot.com/2007/07/find-more-3-column-blogger-templates.html' rel='bookmark' title='permanent link'><abbr class='published' title='2007-07-20T05:01:00-07:00'>05:01</abbr></a>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>

</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment.g?blogID=2540527239246578201&postID=1158724721547353574' onclick=''>0
comments</a>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1737999357'>
<a href='http://www.blogger.com/post-edit.g?blogID=2540527239246578201&postID=1158724721547353574' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>

Labels:
<a href='http://sunset-template.blogspot.com/search/label/templates' rel='tag'>templates</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
<div id="latency-1158724721547353574"></div><script type="text/javascript">if (window['tickAboveFold']) {window['tickAboveFold'](document.getElementById("latency-1158724721547353574")); } </script>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a name='2889117793557606969'></a>

<h3 class='post-title entry-title'>
<a href='http://sunset-template.blogspot.com/2007/07/credits.html'>Credits</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content'>
Designed by <a href="http://www.bloggerbuster.com">Amanda @ Blogger Buster</a>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by

<span class='fn'>Amanda</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://sunset-template.blogspot.com/2007/07/credits.html' rel='bookmark' title='permanent link'><abbr class='published' title='2007-07-20T05:00:00-07:00'>05:00</abbr></a>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment.g?blogID=2540527239246578201&postID=2889117793557606969' onclick=''>0
comments</a>
</span>
<span class='post-backlinks post-comment-link'>

</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1737999357'>
<a href='http://www.blogger.com/post-edit.g?blogID=2540527239246578201&postID=2889117793557606969' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
Labels:
<a href='http://sunset-template.blogspot.com/search/label/credits' rel='tag'>credits</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>

<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
<div id="latency-2889117793557606969"></div><script type="text/javascript">if (window['tickAboveFold']) {window['tickAboveFold'](document.getElementById("latency-2889117793557606969")); } </script>

          </div></div>
        

        <div class="date-outer">
      
<h2 class='date-header'><span>Thursday, 19 July 2007</span></h2>

        <div class="date-posts">
      
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a name='3195369407851624086'></a>
<h3 class='post-title entry-title'>
<a href='http://sunset-template.blogspot.com/2007/07/example-of-image-filtering.html'>Example of image filtering</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content'>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAaP_1b42cVirXRHmMCH671COWA5xofLUm86DkTtgAjnk5UZgCERR4iL-M-fAGeVHf6Ih6ad9w5FGBv17ckTzE0t_NTwLHZzsOJLv4zOU-HAAM4OQu0MD7gTcueljw8XMHCMUPy-RbHuM/s1600-h/sunset.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAaP_1b42cVirXRHmMCH671COWA5xofLUm86DkTtgAjnk5UZgCERR4iL-M-fAGeVHf6Ih6ad9w5FGBv17ckTzE0t_NTwLHZzsOJLv4zOU-HAAM4OQu0MD7gTcueljw8XMHCMUPy-RbHuM/s320/sunset.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5089271201702213026" /></a>
<div style='clear: both;'></div>
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn'>Amanda</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://sunset-template.blogspot.com/2007/07/example-of-image-filtering.html' rel='bookmark' title='permanent link'><abbr class='published' title='2007-07-19T06:31:00-07:00'>06:31</abbr></a>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-comment-link'>

<a class='comment-link' href='https://www.blogger.com/comment.g?blogID=2540527239246578201&postID=3195369407851624086' onclick=''>2
comments</a>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1737999357'>
<a href='http://www.blogger.com/post-edit.g?blogID=2540527239246578201&postID=3195369407851624086' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
Labels:
<a href='http://sunset-template.blogspot.com/search/label/sunset' rel='tag'>sunset</a>

</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
<div id="latency-3195369407851624086"></div><script type="text/javascript">if (window['tickAboveFold']) {window['tickAboveFold'](document.getElementById("latency-3195369407851624086")); } </script>

      </div></div>
    
<!-- google_ad_section_end -->
</div>

<div class='blog-pager' id='blog-pager'>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://sunset-template.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='the-sidebar-wrap'><div id='the-sidebar-wrap2'><div id='the-sidebar-wrap3'>
<div id='top-sidebar-wrapper'>
<div class='top-sidebar section' id='top-sidebar'><div class='widget HTML' id='HTML2'>
<h2 class='title'>Digital Clock</h2>

<div class='widget-content'>
<div style="padding: 5px;" align="center"><script language="JavaScript1.1" src="http://kunoichi.info/bloggerbuster_templates/digital_clock.js"></script></div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2540527239246578201&widgetType=HTML&widgetId=HTML2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget HTML' id='HTML1'>
<h2 class='title'>Date and Time</h2>
<div class='widget-content'>

<center>
<script language="JavaScript">
  <!--
    var now = new Date();
    var days = new Array(
      'Sunday','Monday','Tuesday',
      'Wednesday','Thursday','Friday','Saturday');
    var months = new Array(
      'January','February','March','April','May',
      'June','July','August','September','October',
      'November','December');
    var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
    function fourdigits(number) {
      return (number < 1000) ? number + 1900 : number;}
    today =  "<b>" + days[now.getDay()] + ", " +
       months[now.getMonth()] + " " +
       date + ", " +
       (fourdigits(now.getYear()) + "</b>");
     document.write(today);
  //-->
</script>
<br/>
<span id="pendule"></span>
<script language="javascript" type="text/javascript">
<!-- Begin
function clock() {
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
document.getElementById('pendule').innerHTML = dispTime;
setTimeout("clock()", 1000);
}
window.onload=clock;
//  End -->
</script>
</center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2540527239246578201&widgetType=HTML&widgetId=HTML1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>

<div class='clear'></div>
</div><div class='widget Label' id='Label1'>
<h2>Label Cloud</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://sunset-template.blogspot.com/search/label/credits'>credits</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://sunset-template.blogspot.com/search/label/sunset'>sunset</a>
<span dir='ltr'>(2)</span>

</li>
<li>
<a dir='ltr' href='http://sunset-template.blogspot.com/search/label/templates'>templates</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://sunset-template.blogspot.com/search/label/themes'>themes</a>
<span dir='ltr'>(1)</span>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>

<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2540527239246578201&widgetType=Label&widgetId=Label1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div></div>
<center><hr color='#e1771e' size='1' width='90%'/></center>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' id='HTML3'>
<div class='widget-content'>
<marquee width="200" height="50">An example of the marquee function</marquee>
</div>
<div class='clear'></div>
<span class='widget-item-control'>

<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2540527239246578201&widgetType=HTML&widgetId=HTML3&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget BlogArchive' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='flat'>
<li class='archivedate'>
<a href='http://sunset-template.blogspot.com/2007_07_20_archive.html'>Jul 20</a> (3)
      </li>

<li class='archivedate'>
<a href='http://sunset-template.blogspot.com/2007_07_19_archive.html'>Jul 19</a> (1)
      </li>
</ul>
</div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2540527239246578201&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));' target='configBlogArchive1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

</div>
</div></div>
</div>
<div id='left-sidebar-wrapper'>
<div class='left-sidebar section' id='left-sidebar'>
<div class='widget Text' id='Text1'>
<h2 class='title'>For more Blogger templates...</h2>
<div class='widget-content'>
Please visit <a href="http://www.bloggerbuster.com/">BloggerBuster.com</a><br/>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2540527239246578201&widgetType=Text&widgetId=Text1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Text1"));' target='configText1' title='Edit'>

<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Text' id='Text2'>
<h2 class='title'>Credits</h2>
<div class='widget-content'>
All template design by Amanda @ Blogger Buster<br/>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2540527239246578201&widgetType=Text&widgetId=Text2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Text2"));' target='configText2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>

</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div>
</div></div></div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer section' id='footer'></div>
</div>
<p align='center'><a href='http://www.bloggerbuster.com'>Design by Amanda @ Blogger Buster</a></p>
</div></div>

<!-- end outer-wrapper -->
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/125596948-widgets.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { BLOG_attachCsiOnload(''); }_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=2540527239246578201', 'http://sunset-template.blogspot.com/','2540527239246578201');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=2540527239246578201', 'iNZras-bzDHqCUH-u4_d47MAnxc:1269524524365');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'Sunset', 'pageType': 'index', 'url': 'http://sunset-template.blogspot.com/', 'homepageUrl': 'http://sunset-template.blogspot.com/', 'enabledCommentProfileImages': true, 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'Sunset', 'encoding': 'UTF-8', 'locale': 'en-GB', 'isPrivate': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Sunset - Atom\42 href\75\42http://sunset-template.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Sunset - RSS\42 href\75\42http://sunset-template.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Sunset - Atom\42 href\75\42http://www.blogger.com/feeds/2540527239246578201/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\0752540527239246578201\42 /\076', 'meTag': '\74link rel\75\42me\42 href\75\42http://www.blogger.com/profile/09275117357119687015\42 /\76\n', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window;function c(b){this.t\75{};this.tick\75function(d,i,e){e\75e?e:(new Date).getTime();this.t[d]\75[e,i]};this.tick(\42start\42,null,b)}var f\75new c;a.jstiming\75{Timer:c,load:f};try{var g\75null;if(a.chrome\46\46a.chrome.csi)g\75Math.floor(a.chrome.csi().pageT);if(g\75\75null)if(a.gtbExternal)g\75a.gtbExternal.pageT();if(g\75\75null)if(a.external)g\75a.external.pageT;if(g)a.jstiming.pt\75g}catch(h){};a.tickAboveFold\75function(b){b\75b;var d\0750;if(b.offsetParent){do d+\75b.offsetTop;while(b\75b.offsetParent)}b\75d;b\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var j\75false;function k(){if(!j){j\75true;a.jstiming.load.tick(\42firstScrollTime\42)}}a.addEventListener?a.addEventListener(\42scroll\42,k,false):a.attachEvent(\42onscroll\42,k); })();\74/script\076'}}]);
_WidgetManager._SetSystemMarkup({'layout': {'varName': '', 'template': '\74div class\75\47widget-wrap1\47\76\n\74div class\75\47widget-wrap2\47\76\n\74div class\75\47widget-wrap3\47\76\n\74div class\75\47widget-content\47\76\n\74div class\75\47layout-title\47\76\74data:layout-title\76\74/data:layout-title\76\74/div\76\n\74a class\75\47editlink\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +       data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 target\75\47chooseWidget\47\76\74data:edit-link\76\74/data:edit-link\76\74/a\76\n\74/div\76\n\74/div\76\n\74/div\76\n\74/div\076'}, 'quickedit': {'varName': '', 'template': '\74div class\75\47clear\47\76\74/div\76\n\74span class\75\47widget-item-control\47\76\n\74span class\75\47item-control blog-admin\47\76\n\74a class\75\47quickedit\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +       data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 expr:target\75\47\46quot;config\46quot; + data:widget.instanceId\47 expr:title\75\47data:edit-link\47\76\n\74img alt\75\47\47 height\75\04718\47 src\75\47http://img1.blogblog.com/img/icon18_wrench_allbkg.png\47 width\75\04718\47/\76\n\74/a\76\n\74/span\76\n\74/span\76\n\74div class\75\47clear\47\76\74/div\076'}, 'all-head-content': {'varName': 'page', 'template': '\74data:blog.latencyHeadScript\76\74/data:blog.latencyHeadScript\76\n\74meta expr:content\75\47\46quot;text/html; charset\75\46quot; + data:page.encoding\47 http-equiv\75\47Content-Type\47/\76\n\74meta content\75\47true\47 name\75\47MSSmartTagsPreventParsing\47/\76\n\74meta content\75\47blogger\47 name\75\47generator\47/\76\n\74link href\75\47http://www.blogger.com/favicon.ico\47 rel\75\47icon\47 type\75\47image/vnd.microsoft.icon\47/\76\n\74link expr:href\75\47data:blog.url\47 rel\75\47canonical\47/\76\n\74data:blog.feedLinks\76\74/data:blog.feedLinks\76\n\74data:blog.meTag\76\74/data:blog.meTag\76\n\74data:blog.openIdOpTag\76\74/data:blog.openIdOpTag\76\n\74data:blog.ieCssRetrofitLinks\76\74/data:blog.ieCssRetrofitLinks\076'}});
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'top-sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'top-sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'top-sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title\47\76\n\74h2\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div expr:class\75\47\46quot;widget-content \46quot; + data:display + \46quot;-label-widget-content\46quot;\47\76\n\74b:if cond\75\47data:display \75\75 \46quot;list\46quot;\47\76\n\74ul\76\n\74b:loop values\75\47data:labels\47 var\75\47label\47\76\n\74li\76\n\74b:if cond\75\47data:blog.url \75\75 data:label.url\47\76\n\74span expr:dir\75\47data:blog.languageDirection\47\76\74data:label.name\76\74/data:label.name\76\74/span\76\n\74b:else\76\74/b:else\76\n\74a expr:dir\75\47data:blog.languageDirection\47 expr:href\75\47data:label.url\47\76\74data:label.name\76\74/data:label.name\76\74/a\76\n\74/b:if\76\n\74b:if cond\75\47data:showFreqNumbers\47\76\n\74span dir\75\47ltr\47\76(\74data:label.count\76\74/data:label.count\76)\74/span\76\n\74/b:if\76\n\74/li\76\n\74/b:loop\76\n\74/ul\76\n\74b:else\76\74/b:else\76\n\74b:loop values\75\47data:labels\47 var\75\47label\47\76\n\74span expr:class\75\47\46quot;label-size label-size-\46quot; + data:label.cssSize\47\76\n\74b:if cond\75\47data:blog.url \75\75 data:label.url\47\76\n\74span expr:dir\75\47data:blog.languageDirection\47\76\74data:label.name\76\74/data:label.name\76\74/span\76\n\74b:else\76\74/b:else\76\n\74a expr:dir\75\47data:blog.languageDirection\47 expr:href\75\47data:label.url\47\76\74data:label.name\76\74/data:label.name\76\74/a\76\n\74/b:if\76\n\74b:if cond\75\47data:showFreqNumbers\47\76\n\74span class\75\47label-count\47 dir\75\47ltr\47\76(\74data:label.count\76\74/data:label.count\76)\74/span\76\n\74/b:if\76\n\74/span\76\n\74/b:loop\76\n\74/b:if\76\n\74b:include name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}}, document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title\47\76\n\74h2\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74div id\75\47ArchiveList\47\76\n\74div expr:id\75\47data:widget.instanceId + \46quot;_ArchiveList\46quot;\47\76\n\74b:if cond\75\47data:style \75\75 \46quot;HIERARCHY\46quot;\47\76\n\74b:include data\75\47data\47 name\75\47interval\47\76\74/b:include\76\n\74/b:if\76\n\74b:if cond\75\47data:style \75\75 \46quot;FLAT\46quot;\47\76\n\74b:include data\75\47data\47 name\75\47flat\47\76\74/b:include\76\n\74/b:if\76\n\74b:if cond\75\47data:style \75\75 \46quot;MENU\46quot;\47\76\n\74b:include data\75\47data\47 name\75\47menu\47\76\74/b:include\76\n\74/b:if\76\n\74/div\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}, 'flat': {'varName': 'data', 'template': '\74ul class\75\47flat\47\76\n\74b:loop values\75\47data:data\47 var\75\47i\47\76\n\74li class\75\47archivedate\47\76\n\74a expr:href\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76\74/a\76 (\74data:i.post-count\76\74/data:i.post-count\76)\n      \74/li\76\n\74/b:loop\76\n\74/ul\076'}, 'menu': {'varName': 'data', 'template': '\74select expr:id\75\47data:widget.instanceId + \46quot;_ArchiveMenu\46quot;\47\76\n\74option value\75\47\47\76\74data:title\76\74/data:title\76\74/option\76\n\74b:loop values\75\47data:data\47 var\75\47i\47\76\n\74option expr:value\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76 (\74data:i.post-count\76\74/data:i.post-count\76)\74/option\76\n\74/b:loop\76\n\74/select\076'}, 'interval': {'varName': 'intervalData', 'template': '\74b:loop values\75\47data:intervalData\47 var\75\47i\47\76\n\74ul class\75\47hierarchy\47\76\n\74li expr:class\75\47\46quot;archivedate \46quot; + data:i.expclass\47\76\n\74b:include data\75\47i\47 name\75\47toggle\47\76\74/b:include\76\n\74a class\75\47post-count-link\47 expr:href\75\47data:i.url\47\76\74data:i.name\76\74/data:i.name\76\74/a\76\n\74span class\75\47post-count\47 dir\75\47ltr\47\76(\74data:i.post-count\76\74/data:i.post-count\76)\74/span\76\n\74b:if cond\75\47data:i.data\47\76\n\74b:include data\75\47i.data\47 name\75\47interval\47\76\74/b:include\76\n\74/b:if\76\n\74b:if cond\75\47data:i.posts\47\76\n\74b:include data\75\47i.posts\47 name\75\47posts\47\76\74/b:include\76\n\74/b:if\76\n\74/li\76\n\74/ul\76\n\74/b:loop\076'}, 'toggle': {'varName': 'interval', 'template': '\74b:if cond\75\47data:interval.toggleId\47\76\n\74b:if cond\75\47data:interval.expclass \75\75 \46quot;expanded\46quot;\47\76\n\74a class\75\47toggle\47 href\75\47javascript:void(0)\47\76\n\74span class\75\47zippy toggle-open\47\76\46#9660;\46#160;\74/span\76\n\74/a\76\n\74b:else\76\74/b:else\76\n\74a class\75\47toggle\47 href\75\47javascript:void(0)\47\76\n\74span class\75\47zippy\47\76\n\74b:if cond\75\47data:blog.languageDirection \75\75 \46quot;rtl\46quot;\47\76\n          \46#9668;\46#160;\n        \74b:else\76\74/b:else\76\n          \46#9658;\46#160;\n        \74/b:if\76\n\74/span\76\n\74/a\76\n\74/b:if\76\n\74/b:if\076'}, 'posts': {'varName': 'posts', 'template': '\74ul class\75\47posts\47\76\n\74b:loop values\75\47data:posts\47 var\75\47i\47\76\n\74li\76\74a expr:href\75\47data:i.url\47\76\74data:i.title\76\74/data:i.title\76\74/a\76\74/li\76\n\74/b:loop\76\n\74/ul\076'}}, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'left-sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('Text1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text2', 'left-sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('Text2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main'));
</script>
</body>
</html>