Layouts - All Bali

Layouts

Blogger(157)
LiveJournal(48)
Myspace(2490)
Websites(2)
Xanga(118)
Hi5(155)
Friendster(29)

Scripts

Myspace(1)
Xanga(1)
PHP Scripts(0)

Graphics

Avatars/Icons(241)
Backgrounds(514)
Banners(15)
Photos(21)
Smiley Sets(15)
Wallpapers(272)
Extended Network(17)
Contact Tables(22)
Comments(17)

Tutorials

All Other(78)
CSS(6)
HTML(14)
Javascript(17)
Photoshop(148)

Websites

vBulletin Templates(6)
Clan Templates(0)
Wordpress Themes(64)
Full Websites(704)
phpBB style skins(1)
Flash Sites(45)

All Bali

Your Ad Here

Designer's comments

This Blogger Beta template are ready to use template. Features : - read more - optimise title tag - related article widget - ads placement

Layout Code

Input Into Template

<?xml version="1.0" encoding="UTF-8" ?>
<!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'>

<Variable name="bottomSidebarLinkColor"
             description="Bottom Sidebar Link Color"
             type="color" default="#097801" value="#097801">
   <Variable name="bottomSidebarVisitedLinkColor"
             description="Bottom Sidebar Visited Link Color"
             type="color" default="#097801" value="#097801">
   <Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 105% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 105% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="pageTitleFont" description="Blog Title Font" type="font"
             default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="descriptionFont" description="Description Font" type="font"
             default="normal normal 150% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 150% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="headerFont" description="Sidebar Title Font" type="font"
             default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="postTitleFont" description="Post Title Font" type="font"
             default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
*/

body { padding: 0; margin: 0; font: .75em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #ffffff; color: #454545;}

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
#outer-wrapper {
  width:760px;
  margin:0 auto;
  text-align:left;
  font: $bodyFont;
  }
#main-wrap1 {
  width:405px;
  float:left;
  background:$mainBgColor;
  margin:5px 5px 0;
  padding:0 0 10px;
  color:$mainTextColor;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  }
#main-wrap2 {
  float:left;
  width:100%;
  padding:10px 0 0;
  }
#main { background: #fff url(http://dstudiobali.googlepages.com/bgshade.gif) repeat-x; color: #454545; padding:0;
  }
.sidebar-wrap {
  width:170px;
  float:left;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  }

.main .widget { 
  margin: 0 13px 4px 13px;
}

.main .Blog {
  margin: 0;
}

/* Links
----------------------------------------------- */
a:link {
  color: $mainLinkColor;
  }
a:visited {
  color: $mainVisitedLinkColor;
  }
a:hover {
  color: $mainVisitedLinkColor;
  }
a img {
  border-width:0;
  }

/* Blog Header
----------------------------------------------- */
#header-wrapper { padding:8px 0 0 0; margin:10px 0 0 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background:$titleBgColor url(http://dstudiobali.googlepages.com/bg.gif) repeat-x; color:$titleTextColor; }
#header {
  padding:0 15px 8px;
  }
#header h1 {
  margin:0;
  padding:10px 20px 5px;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
  }
#header a,
#header a:visited {
  text-decoration:none;
  color: $titleTextColor;
  }
#header .description {
  margin:0;
  padding:5px 20px 10px;
  line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  }

/* Posts
----------------------------------------------- */
h2.date-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$dateHeaderColor;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border:1px dotted $borderColor;
  border-width:1px 0;
  }
.post h3 {
  margin:0;
  line-height:1.5em;
  background:url("http://dstudiobali.googlepages.com/post.gif") no-repeat 10px .5em;
  display:block;
  border:1px dotted $borderColor;
  border-width:0 1px 1px;
  padding:2px 14px 2px 29px;
  color: $postTitleColor;
  font: $postTitleFont;
  }
.post h3 a, .post h3 a:visited {
  text-decoration:none;
  color: $postTitleColor;
  }
a.title-link:hover {
  background-color: $borderColor;
  color: $mainTextColor;
  }
.post-body {
  border:1px dotted $borderColor;
  border-width:0 1px 1px;
  border-bottom-color:$mainBgColor;
  padding:10px 14px 1px 29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }

.post-footer {
  background: #eee;
  margin:0;
  padding:2px 14px 2px 29px;
  border:1px dotted $borderColor;
  border-width:1px;
  font-size:100%;
  line-height:1.5em;
  color: #666;
}

.post-footer p { 
  margin: 0;
}

html>body .post-footer {
  border-bottom-color:transparent;
  }

.uncustomized-post-template .post-footer {
  text-align: right;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: left;
  text-align:left;
  margin-right: 4px;
}

.post-footer a { 
  color: $mainLinkColor;
 }
.post-footer a:hover { 
  color: $mainVisitedLinkColor;
 }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://dstudiobali.googlepages.com/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://dstudiobali.googlepages.com/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid $borderColor;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted $borderColor;
  border-width:1px 0;
  padding:5px 15px;
  color: #FF2FB8;
  }
.post blockquote p {
  margin:.5em 0;
  }

#blog-pager-newer-link {
  float: left;
  margin-left: 13px;
 }
 
#blog-pager-older-link {
  float: right;
  margin-right: 13px;
 }
 
#blog-pager {   
  text-align: center; 
 }

.feed-links { 
  clear: both;
  line-height: 2.5em;
  margin-left: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border:1px dotted $borderColor;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted $borderColor;
  font-size:120%;
  line-height:1.4em;
  color:$postTitleColor;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-author {
  background:url("http://dstudiobali.googlepages.com/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-footer {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  }
.comment-footer a:link {
  color: $mainTextColor;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* Profile
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 5px 5px 5px 0;
  border: 4px solid $topSidebarTextColor;
}

.profile-datablock {
  margin:0 15px .5em 0;
  padding-top:8px;
}

.profile-link { 
  background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat 0 .1em;
  padding-left:15px;
  font-weight:bold;
}

.profile-textblock {
  clear: both;
  margin: 0;
}

.sidebar .clear, .main .widget .clear { 
  clear: both;
}

.sidebartop-wrap {
  background:$topSidebarBgColor;
  margin:0px 0px 15px;
  padding:0px 0px 10px;
  color:$topSidebarTextColor;
  }

.sidebartop-wrap2 { 
  padding: 5px 0 0;
  margin:0;
  border-width:0;
 }

#sidebartop h2 {
  line-height:1.5em;
  color:$topSidebarHeaderColor;
  border-bottom: 1px dotted $topSidebarHeaderColor;
  margin-bottom: 0.5em;
  font: $headerFont;
}

#sidebartop a { 
 color: $topSidebarLinkColor;
}

#sidebartop a:hover { 
 color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited {

color: $topSidebarVisitedLinkColor;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget { 
  margin:.5em 13px 1.25em;
  padding:0 0px;
 }

.widget-content { 
  margin-top: 0.5em;
}

.sidebarbottom-wrap1 {
  background:$topSidebarBgColor;
  margin:0 0 15px;
  padding:5px 0 0;
  color: $mainTextColor;
}

.sidebarbottom-wrap2 {
  padding:8px 0px 8px;
}

.sidebar h2 {
  margin:0;
  padding:0 0 .2em;
  line-height:1.5em;
  font:$headerFont;
}

.sidebar ul {
  list-style:none;
  margin:0 0 1.25em;
  padding:0 0px;
}

.sidebar ul li {
  background:url("http://dstudiobali.googlepages.com/lm-li.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted $borderColor;
  line-height:1.4em;
  }
.sidebar p {
  margin:0 0 .6em;
  }

#sidebar h2 { 
  color: $postTitleColor;
  border-bottom: 1px dotted $postTitleColor;
 }

/* Footer
----------------------------------------------- */
#footer-wrap1 {
  clear:both;
  margin:0;
  padding:15px 0 0;
  }

#footer {
  background: #3C6491 url(http://dstudiobali.googlepages.com/footerbg.gif) repeat-x top left;
  padding:8px 15px 8px; color: #FFF;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#ffffff;}

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout .sidebar-wrap,
body#layout #header-wrapper {
  margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper { 
  margin-left:0,
  margin-right: 0;
  padding: 0;
}

body#layout #outer-wrapper { 
  width: 730px;
}

#extreme {
z-index: 1;
visibility: hidden;
position: absolute;
z-index: 10000;
}

body#layout #footer-wrap1 { 
  padding-top: 0;
 }
 
 #rightmenu {
	margin: 0;
	padding: 0;
}

#rightmenu a {
	display: block;
	background: #BF3E18 url(http://dstudiobali.googlepages.com/vmenuarrow.gif) no-repeat center left;
	color: #CCFF66;
	padding: 5px 0 5px 13px;
	margin: 0 0 1px;
	text-decoration: none;
}

#rightmenu a:visited {
	color: #000000;
	text-decoration: none;
}
#rightmenu a:hover {
	color: #FFFFFF;
	background: #822C0F url(http://dstudiobali.googlepages.com/vmenuarrowhover.gif) no-repeat center left;
}
]]></b:skin>
</head>

<b:else/>

<b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

<b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'>View
        my complete profile</a>
    </b:if>

<b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget> 
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
    </div></div>
    
  </div>

<b:if cond='data:olderPageUrl'>
      <a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><data:olderPageTitle/></a>
    </b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'>Home</a>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'> 
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title'>
      <b:if cond='data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>

<div class='post-body'>
      
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>

<span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

<b:include data='post' name='postQuickEdit'/>
      </span>
      </p>

<b:else/> 
    <div id='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' title='Delete Backlink'>
      <span class='delete-comment-icon'> </span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  Subscribe to:
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' title='Edit Post'>
        <span class='quick-edit-icon'> </span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 Comment:
      <b:else/>
        <data:post.numComments/> Comments:
      </b:if>
    </h4>

</dd>
      </b:loop>
    </dl>

<p class='comment-footer'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a>
    </p>

<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>

<b:section id='sidebar5'>
<b:widget id='Blog3' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
</b:includable>
<b:includable id='backlinks' var='post'>
</b:includable>
<b:includable id='post' var='post'>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
</b:includable>
<b:includable id='feedLinks'>
</b:includable>
<b:includable id='status-message'>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
</b:includable>
<b:includable id='comments' var='post'>
</b:includable>
<b:includable id='main'>


<b:if cond='data:blog.pageType == "item"'>
<div class='widget-content'>
<h2>Related Articles</h2>
<div id='data2007'/><br/>

var homeUrl3 = "dstemplatetest.blogspot.com";
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 5;

<b:if cond='data:blog.pageType == "item"'>
maxNumberOfPostsPerLabel = 5;
</b:if>
<b:if cond='data:blog.pageType == "item"'>
maxNumberOfLabels = 5;
</b:if>

function listEntries10(json) {
  var ul = document.createElement('ul');
  var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? 
                 json.feed.entry.length : maxNumberOfPostsPerLabel;
  for (var i = 0; i < maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
    var li = document.createElement('li');
    var a = document.createElement('a');
    a.href = alturl;

var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
  }

for (var l = 0; l < json.feed.link.length; l++) {
    if (json.feed.link[l].rel == 'alternate') {
      var raw = json.feed.link[l].href;
      var label = raw.substr(homeUrl3.length+21);
      var k;
      for (k=0; k<20; k++)
       label = label.replace("%20", " ");
      var txt = document.createTextNode(label);
      var h = document.createElement('h4');
      h.appendChild(txt);
      var div1 = document.createElement('div');
      div1.appendChild(h);
      div1.appendChild(ul);
      document.getElementById('data2007').appendChild(div1);
    }
  }
}

function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/'
 + label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
    textLabel = "<data:label.name/>";
    
    var test = 0;
    for (var i = 0; i < labelArray.length; i++)
       if (labelArray[i] == textLabel) test = 1;
    if (test == 0) { 
       labelArray.push(textLabel);
       var maxLabels = (labelArray.length <= maxNumberOfLabels) ? 
              labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {
          search10(homeUrl3, textLabel);
          numLabel++;
       }
    }
  </b:loop>
</b:loop>
</script>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

</div></div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>

<b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            (<span class='post-count'><data:i.post-count/></span>)
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +       "&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>▼ </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +         "&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" + data:toggleopen'>
          <span class='zippy'>► </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>

</b:section>
    </div></div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
      
    </div>
	<div style='text-align: center; padding: 4px'>
<SMALL><A href='http://dstudiobali.com/free-blogger-template/'>Free Blogger Template</A></SMALL>
<SMALL>by <A href='http://dstudiobali.com'>DStudio : Bali Web Design</A></SMALL>
</div>
</div>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
  </div>

</div>
</body>
</html>

Your Ad Here

by dstudio

under Blogger/Newest

View Full Preview

Add To Favourites

Add/View Comments

Tags :

All Bali Blogger Template

Bali Web Design