WSB magazine 1

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

if(document.location.protocol=='http:'){

var Tynt=Tynt||[];Tynt.push('bDhfOAgKGr4ldqadbi-bnq');

(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();

}

</script>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == "item"'>

<b:else/><title><data:blog.pageTitle/></title></b:if>

<b:skin><![CDATA[/*

===================================

Blogger Template Style

Name: magazine 1

Designer: Blogger Templates

URL: http://blogtemplate4u.com

Date: 23 april 2008

===================================

/* Variable definitions

====================

<Variable name="bgcolor" description="Page Background Color"

type="color" default="#fff" value="#ffa500">

<Variable name="bgoutercolor" description="Outer background Color"

type="color" default="#fff" value="#ffffff">

<Variable name="bgheadercolor" description="Header background Color"

type="color" default="#fff" value="#000000">

<Variable name="textcolor" description="Text Color"

type="color" default="#333" value="#0B0B0B">

<Variable name="linkcolor" description="Link Color"

type="color" default="#58a" value="#336699">

<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#666" value="#004c99">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#999" value="#0B0B0B">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#c60" value="#cc6600">

<Variable name="bordercolor" description="Border Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#999" value="#999999">

<Variable name="sidebarh2color" description="Sidebar Title h2 Color"

type="color" default="#999" value="#6f3c1b">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#666" value="#0B0B0B">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#999" value="#999999">

<Variable name="shadow" description="Shadow Color"

type="color" default="#fff" value="#ffffff">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 88% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

<Variable name="startSide" description="Side where text starts in blog language"

type="automatic" default="left" value="left">

<Variable name="endSide" description="Side where text ends in blog language"

type="automatic" default="right" value="right">

*{margin:0;padding:0;}

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

body {background:#666600 no-repeat top center fixed;margin:0px;padding:0px;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}

a:link {color:$linkcolor;text-decoration:none;}

a:visited{color:$linkcolor;text-decoration:none;}

a:hover{color:$titlecolor;text-decoration:underline;}

a img{border-width:0;}

/* Header */

#header-wrapper{background:$bgheadercolor url(http://i672.photobucket.com/albums/vv86/agusmincom/wsb_Banner.gif);width:900px;margin:0 auto;height:100px;}

#header-inner{width:900px;background-position: center;margin-$startSide: auto;margin-$endSide: auto;}

#header{margin:0px auto;text-align:right;color:$pagetitlecolor;}

#header h1{margin:0px auto;padding:80px 0px .25em;line-height:1.2em;text-transform:uppercase;letter-spacing:0em;font: $pagetitlefont;font-size:250%;text-shadow: 2px 2px 2px $shadow;}

#header a{color:$pagetitlecolor;text-decoration:none;}

#header a:hover{color:$pagetitlecolor;}

#header .description{margin:0 auto;padding:0 0px 15px 0px;text-transform:none;letter-spacing:.2em;line-height: 1.4em;font: $descriptionfont;font-size:110%;color: $descriptioncolor;max-width:700px;text-shadow: 1px 1px 1px $shadow;}

#header img {margin-$startSide: auto;margin-$endSide: auto;}

/* Tab Menu */

.NavbarMenu{background:#FF4500 repeat-x top left;width: 898px;height: 37px;color: #000000;margin: 0 auto;padding: 0;font: bold 8px Arial, Tahoma, Verdana;clear:both;border-left:1px solid #333;border-right:1px solid #333}

.NavbarMenuleft{width: 75%;float:left;margin:0;padding:0;}

.nav{margin:0;padding:0;}

.nav ul{float: left;list-style:none;margin:0;padding:0;}

.nav li{list-style:none;margin:0;padding:0;}

.nav li a, .nav li a:link, .nav li a:visited {color:#ffffff;display:block;text-transform:capitalize;margin:0;padding:11px 25px 8px;font:normal 12px Georgia, Times New Roman;text-decoration: none;border-left:1px solid #4b4b4b;border-right:1px solid #7d7d7d}

.nav li a:hover, .nav li a:active{background:#ff4500 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;color:#FFF;margin:0;text-decoration: none;}

.nav li li a, .nav li li a:link, .nav li li a:visited{background:#ff4500 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsZKjvpslvto0MbEltkMxU-yNCumIbBtIV0LohiWUy1iZHcAe8hb9m3g0HztbAB7Gw7aS5FPUSj0REekaU0S0MoX5vvWM11EkVi_bRRX4hoiG-4BeYOn8rSmjKcQjEMjLO1JVOVrp85sg/s400/button1.gif) repeat-x top left;width:200px;color:#ff4500;text-transform:capitalize;float:none;margin:0;padding:7px 10px;border-bottom:1px solid #0d2601;border-left:1px solid #0d2601;border-right:1px solid #0d2601;font: normal 14px Georgia, Times New Roman;}

.nav li li a:hover, .nav li li a:active{background:#102427 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;color:#fff;}

.nav li{float:left;padding:0;}

.nav li a.enclose, .nav li a.enclose:visited{border-top:1px solid #000;}

.nav li ul{z-index: 9999;position:absolute;left:-999em;height:auto;width:170px;margin:0;padding:0;}

.nav li ul a{width:140px;}

.nav li ul ul{margin: -1px 0 0 220px;}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul{left:-999em;}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {left:auto;}

.nav li:hover, .nav li.sfhover {position:static;}

#search{width: 20%;font-size: 11px;float: right;margin: 0;padding:0;}

#searchform{margin:0;padding:0;overflow:hidden;display:inline;}

#searchbox{background:#ddd;padding:0;margin:0;}

#search input {background:transparent;color:#ffffff;float:left;font-size:12px;margin: 7px 0 0 10px;width: 120px;padding:3px 7px;border: 1px solid #fff;font: normal 10px arial, verdana, Times New Roman;}

#search .btn{margin:7px 0 0;padding:0;width:auto;border:0;}

/* Outer-Wrapper */

#outer-wrapper{width: 900px;margin:30px auto;padding:15px;text-align:$startSide;font: $bodyfont;border:4px double $bordercolor;background:$bgoutercolor;}

#leftcolumn{width:585px;float:$startSide;background:$bgoutercolor; margin:0px;padding:0px;}

#main-wrapper, #blog-pager{width: 585px;float:$startSide;background:$bgoutercolor; margin:0px;padding:0px;;word-wrap: break-word;overflow: hidden;}

#sidebar-wrapper{width: 300px;float: $endSide;margin:0px;padding:0px;word-wrap: break-word;overflow: }

#leftsidebar_1,

#leftsidebar_3 {width: 280px;float: $startSide;margin:0px;padding:0px;}

#leftsidebar_2,

#leftsidebar_4{width: 290px;float:$startSide;margin-$startSide:15px;padding:0px;}

/* Headings */

h2{margin:0px;font:$headerfont;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor;}

/* Posts */

h2.date-header{margin:1.5em 0 .5em;}

.post{margin:.5em 0 1em;border-bottom:3px double $bordercolor;padding-bottom:1.5em;text-align:justify;line-height: 1.7em}

.post h3{margin:.1em 0 .2em 0;padding:0;font-size:150%;font-weight:normal;line-height:1.4em;color:$titlecolor;margin:.5em 0 .5em 0;}

.post h3 a, .post h3 a:visited, .post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:normal;}

.post h3 strong, .post h3 a:hover{color:$textcolor;}

.post p{margin:0 0 .75em;line-height:1.8em;}

.post-footer{margin: .75em 0;color:$sidebarcolor;letter-spacing:.1em;font: $postfooterfont;line-height: 1.4em;}

.comment-link{margin-$startSide:.6em;}

.post img{padding:2px;border:0px;}

.post blockquote{padding: 15px; background: #eaeaea; margin: 15px 0px; color:#424343; border-top: solid 2px #bfbfbf; border-bottom: solid 1px #bfbfbf;}

.post blockquote p {margin:.75em 0;}

/* Comments */

#comments h4{margin:1em 0;font-weight: normal;line-height: 1.4em;letter-spacing:.2em;color: $sidebarcolor;}

#comments-block{margin:1em 0 1.5em;line-height:1.6em; }

#comments-block .comment-author {margin:.5em 0 0 0;padding:7px 10px;}

#comments-block .comment-body{margin:0 0 .3em 0;background:#f5f5f5;padding:10px 10px 2px 10px;border:1px solid #e7e7e7}

.comment-body-author {background: #d5d5d5;margin:0 0 .3em 0;padding:10px;border:1x solid #c3c3c3}

#comments-block .comment-footer{margin:-.25em 0 2em;line-height: 1.4em;letter-spacing:.1em;}

#comments-block .comment-body p {margin:0 0 .75em;}

div.comment-form-block{width:605px;margin:0 auto;}

.deleted-comment{font-style:italic;color:gray;}

.avatar-image-container img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYrxhwVDyHp8TT-YIY08Tnhiune2b1RzJaOweEY3wesU8zmi4mmRDTS0ZzH8q-4g-veV8lu5BFqeglWIdIA_S5wJiCH3cE1J_70wcnjkmKhct8aj_TTdiMmRBbRAYDY4Hc2bKdcIBkXZJE/)no-repeat;height:35px;width:35px;}

#blog-pager-newer-link{float: $startSide;}

#blog-pager-older-link{float:$endSide;}

#blog-pager{text-align: center;}

.feed-links{display:none;}

/* Sidebar Content */

.sidebar{color: $sidebartextcolor;line-height: 1.5em;font-size:100%;}

.sidebar h2{font-size:110%;margin-bottom:10px;padding: 3px;text-align:left;font-family:'times';line-height: 1.4em;text-transform:none;letter-spacing:.2em;color:$sidebarh2color;font-weight:bold;border-top : 3px double $bordercolor;border-bottom: 4px double $bordercolor;}

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

.sidebar li{margin:0;padding-top:0;padding-$endSide:0;padding-bottom:.25em;padding-$startSide:25px;text-indent:-15px;line-height:1.5em;}

.sidebar li a{padding:0 0 0 10px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIBcK-I5Cpi2V5A0tgbgegWGeMtevr9QFbYXB4aIqB8U4gddVxK3w1R18dzOlu_LfTdNh9Z7sultM6rwpBr6jnghJxQjfwOcB_jD7Ki0vellrR75kHDiK9IhW-MF3XQn3K7R_bDikUxVOz/s400/img4.gif) no-repeat left center;text-decoration: none;}

.sidebar ul li{list-style:none;margin:5px 0 0 0;padding:0 0 3px 15px;border-bottom : 1px dashed $bordercolor;}

.main .widget, .leftcolumn .widget{margin:0 0 1.5em;padding:0;}

.footer .widget{padding-top:5px;margin:.5em 0 .5em 0;background:#ccc}

.sidebar .widget{margin:0 0 .5em 0;padding:0 0 .5em 0;background:$bgoutercolor;}

.main .Blog{border-bottom-width:0;}

/* Profile */

.profile-img{float: $startSide;margin-top: 0;margin-$endSide: 5px;margin-bottom: 5px;margin-$startSide: 0;padding: 4px;border: 1px solid $bordercolor;}

.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font: $postfooterfont;color: $sidebarcolor;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: $postfooterfont;text-transform: uppercase;letter-spacing: .1em;}

/* footer */

#footer{width:900px;position:relative;clear:both;margin:0 auto;color: $sidebartextcolor;float:$startSide;background:$bgoutercolor;padding:0;}

#footer h2{font-size:110%;margin-bottom:13px;padding: 3px;text-align:center;font-family:'times';line-height: 1.4em;text-transform:none;letter-spacing:.1em;color:$sidebarh2color;font-weight:normal;border-top : 3px double $bordercolor;border-bottom: 4px double $bordercolor;}

#footer1{width:220px;float: $startSide;padding:0;margin:0px;}

#footer2{width: 215px; float: $startSide;padding:0;margin-$startSide:10px;}

#footer3{width:215px; float:$startSide;padding:0;margin-$startSide:10px;}

#footer4{width:220px;float:$startSide;padding:0;margin:0px 0px 0px 10px;}

/* credits */

#credits{font-size:85%;margin:0px;padding:10px;border-top:1px solid $bordercolor;}

#credits a, credits a:hover, credits a:visited{color:$linkcolor;text-decoration:none;}

.copyright{float:left}

.creditlink{float:right}

#spacer{ height:10px; clear:both; }

body#layout #leftcolumn, body#layout #main-wrapper{width:570px;float:left}

body#layout #sidebar{width:300px;float:right}

body#layout #leftsidebar_1, body#layout #leftsidebar_3{width:260px;float:left}

body#layout #leftsidebar_2, body#layout #leftsidebar_4 {width: 260px;float:right}

.indentmenu{

font: bold 11px Arial;

width: 100%; /*leave this value as is in most cases*/

}

.indentmenu ul{

margin: 2px;

padding: 0;

float: left;

/* width: 80%; width of menu*/

background: transparent;

}

.indentmenu ul li{

display: inline;

}

.indentmenu ul li a{

float: center;

margin: 2px;

color: #6666ff; /*text color*/

padding: 5px 11px;

text-decoration: none;

border: 1px solid #ccc;

}

.indentmenu ul li a:hover{

background:#ddd;

}

.indentmenu ul li a:visited{

color: white;

}

.indentmenu ul li a.selected{

color: white !important;

padding-top: 6px; /*shift text down 1px*/

padding-bottom: 4px;

border: 1px solid #6666ff;

background:#6666ff;

}

.tabcontentstyle{ /*style of tab content container*/

border: 1px solid gray;

width: 450px;

margin-bottom: 1em;

padding: 10px;

}

.tabcontent{

display:none;

}

@media print {

.tabcontent {

display:block !important;

}

/* hilangkan navbar

----------------------------- */

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

]]></b:skin>

var myMenu = new UvumiDropdown("dropdown-menu");

</script>

//<![CDATA[

//** Tab Content script v2.0- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)

//** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements:

// -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected

// -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted

// -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st)

// -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container

//** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically

//** Updated April 8th, 08 to version 2.2: Adds support for expanding a tab using a URL parameter (ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0)

////NO NEED TO EDIT BELOW////////////////////////

function ddtabcontent(tabinterfaceid){

this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container

this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container

this.enabletabpersistence=true

this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container

this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array

this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)

this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)

this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")

}

ddtabcontent.getCookie=function(Name){

var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair

if (document.cookie.match(re)) //if cookie found

return document.cookie.match(re)[0].split("=")[1] //return its value

return ""

}

ddtabcontent.setCookie=function(name, value){

document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/)

}

ddtabcontent.prototype={

expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers

this.cancelautorun() //stop auto cycling of tabs (if running)

var tabref=""

try{

if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr

tabref=document.getElementById(tabid_or_position)

else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr

tabref=this.tabs[tabid_or_position]

}

catch(err){alert("Invalid Tab ID or position entered!")}

if (tabref!="") //if a valid tab is found based on function parameter

this.expandtab(tabref) //expand this tab

cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )

if (dir=="next"){

var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0

}

else if (dir=="prev"){

var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1

}

if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function

this.cancelautorun() //stop auto cycling of tabs (if running)

this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])

setpersist:function(bool){ //PUBLIC function to toggle persistence feature

this.enabletabpersistence=bool

setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")

this.selectedClassTarget=objstr || "link"

getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to

return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref

urlparamselect:function(tabinterfaceid){

var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL

return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index

expandtab:function(tabref){

var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand

//Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through

var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""

this.expandsubcontent(subcontentid)

this.expandrevcontent(associatedrevids)

for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"

this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""

}

if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers

ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)

this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array

expandsubcontent:function(subcontentid){

for (var i=0; i<this.subcontentids.length; i++){

var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)

subcontent.style.display=(subcontent.id==subcontentid)? "block" : "none" //"show" or hide sub content based on matching id attr value

}

expandrevcontent:function(associatedrevids){

var allrevids=this.revcontentids

for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface

//if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it

document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "block" : "none"

}

setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)

for (var i=0; i<this.hottabspositions.length; i++){

if (tabposition==this.hottabspositions[i]){

this.currentTabIndex=i

break

}

autorun:function(){ //function to auto cycle through and select tabs based on a set interval

this.cycleit('next', true)

cancelautorun:function(){

if (typeof this.autoruntimer!="undefined")

clearInterval(this.autoruntimer)

init:function(automodeperiod){

var persistedtab=ddtabcontent.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)

var selectedtab=-1 //Currently selected tab index (-1 meaning none)

var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index

this.automodeperiod=automodeperiod || 0

for (var i=0; i<this.tabs.length; i++){

this.tabs[i].tabposition=i //remember position of tab relative to its peers

if (this.tabs[i].getAttribute("rel")){

var tabinstance=this

this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers

this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)

this.tabs[i].onclick=function(){

tabinstance.expandtab(this)

tabinstance.cancelautorun() //stop auto cycling of tabs (if running)

return false

}

if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element

this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))

}

if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){

selectedtab=i //Selected tab index, if found

}

} //END for loop

if (selectedtab!=-1) //if a valid default selected tab index is found

this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)

else //if no valid default selected index found

this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr

if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){

this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)

}

} //END int() function

} //END Prototype assignment

//]]>

</script>

</head>

<body>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Warung Soto Banjar (Header)' type='Header'>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

</b:if>

</b:includable>

<b:includable id='description'>

</div>

</b:includable>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "REPLACE"'>

</a>

</div>

<b:else/>

<!--

Show image as background to text. You can't really calculate the width

reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the

user is not using shrink to fit then we expand the header.

-->

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

<ul>

<ul>

</ul></li>

</ul></li>

</ul>

</li>

</ul></div>

</form>

</div></div>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

</div>

<b:if cond='data:blog.pageType != "item"'>

<b:section class='sidebar' id='sidebar1' preferred='yes'>

<b:widget id='HTML9' locked='false' title='Masih Hangat' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

<b:includable id='main'>

<b:if cond='data:feedbackSurveyLink'>

<data:feedbackSurveyLink/>

</div>

</b:if>

<b:if cond='data:attribution != ""'>

<data:attribution/>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar2' preferred='yes'>

<b:widget id='HTML15' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Text2' locked='false' title='' type='Text'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:else/>

<b:if cond='data:newerPageUrl'>

</b:if>

</div>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:post.sharePostUrl'>

</b:if>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='mobile-main' var='top'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<b:if cond='data:post.hasJumpLink'>

</div>

</b:if>

</div>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

</b:if>

</span> <span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.numComments == 1'>1

<data:top.commentLabel/>

<b:else/>

<data:post.numComments/>

<data:top.commentLabelPlural/>

</b:if></a>

</b:if>

</span>

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

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

</span> <span class='post-backlinks post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.showBacklinks'>

</b:if>

</span>

</div>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span> </div>

</div>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='comment-form' var='post'>

<data:blogTeamBlogMessage/>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='mobile-nextprev'>

<b:if cond='data:newerPageUrl'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<data:post.body/>

</div>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

</b:if>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

<b:if cond='data:top.showDummy'>

</b:if>

</div>

<b:if cond='data:blog.pageType == "static_page"'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comments'/>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='main' var='top'>

<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'><data:post.title/></div></a><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:post.includeAd'>

<data:adEnd/>

<data:adCode/>

<data:adStart/>

</b:if>

</b:loop>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

</a>

</span>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

<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:loop>

</div>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.dateHeader'>

</div>

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<b:if cond='data:post.thumbnailUrl'>

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</a>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.numComments != 0'>

</b:if>

</div>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='comments' var=';post'>

<b:if cond='data:post.allowComments'>

<h4><b:if cond='data:post.numComments == 1'>1

<data:commentLabel/>:<b:else/><data:post.numComments/>

<data:commentLabelPlural/>:

</b:if>

</h4>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.author == data:post.author'>

</dd>

<b:else/>

<b:if cond='data:comment.isDeleted'>

<data:comment.body/>

</span><b:else/>

</b:if></dd>

</b:if>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

</b:if>

</p>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML7' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:if cond='data:blog.pageType != "item"'>

<b:section class='sidebar' id='sidebar100' preferred='yes'>

<b:widget id='HTML19' locked='false' title='Tempat Wisata' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML20' locked='false' title='Potensi Sumber Daya Alam' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML8' locked='false' title='Universitas/Perguruan Tinggi' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML4' locked='false' title='Sarana/Prasarana' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Feed1' locked='false' title='Recent Comments' type='Feed'>

<b:includable id='main'>

</span>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML16' locked='false' title='Media Informasi' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Followers1' locked='false' title='Kakawalan' type='Followers'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

<b:if cond='data:codeSnippet != ""'>

<b:else/>

<b:if cond='data:totalFollowerCount != ""'>

</b:if>

<b:if cond='data:codeSnippet != ""'>

<data:codeSnippet/>

</div>

<b:else/>

<b:if cond='data:totalFollowerCount == ""'>

</span>

</span>

<b:else/>

<b:if cond='data:followingLinkPresent'>

<data:followThisMessage/>

</a>

</div>

<data:stopFollowingMessage/>

</a>

</div>

</b:if>

<b:if cond='data:totalFollowerCount == 0'>

<data:emptyFollowersMessage/>

</div>

</b:if>

<!--

Relies on the js written out in navbar.gxp

-->

<b:loop values='data:followers' var='follower'>

</a>

</div>

</b:loop>

</div>

<data:followersFooterMessage/>

<data:viewAllMessage/>

</a>

</span>

<data:manageFollowersMessage/>

</a>

</span>

</div>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar200' preferred='yes'>

<b:widget id='HTML17' locked='false' title='Hotel / Akomodasi' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML21' locked='false' title='Kuliner' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML3' locked='false' title='Pahlawan dan Tokoh' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML12' locked='false' title='PoliSosBud' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML1' locked='false' title='Pemerintahan' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML10' locked='false' title='Traffic Blog' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Text3' locked='false' title='Kamus Bahasa Banjar' type='Text'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='CustomSearch1' locked='false' title='' type='CustomSearch'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

</div>

#uds-searchControl .gs-result .gs-title,

#uds-searchControl .gs-result .gs-title *,

#uds-searchControl .gsc-results .gsc-trailing-more-results,

#uds-searchControl .gsc-results .gsc-trailing-more-results * {

color:<data:linkColor/>;

}

#uds-searchControl .gs-result .gs-title a:visited,

#uds-searchControl .gs-result .gs-title a:visited * {

color:<data:visitedLinkColor/>;

}

#uds-searchControl .gs-relativePublishedDate,

#uds-searchControl .gs-publishedDate {

color: <data:dateColor/>;

}

#uds-searchControl .gs-result a.gs-visibleUrl,

#uds-searchControl .gs-result .gs-visibleUrl {

color: <data:urlColor/>;

}

#uds-searchControl .gsc-results {

border-color: <data:borderColor/>;

background-color: <data:backgroundColor/>;

}

#uds-searchControl .gsc-tabhActive {

border-color: <data:borderColor/>;

border-top-color: <data:activeBorderColor/>;

background-color: <data:backgroundColor/>;

color: <data:textColor/>;

}

#uds-searchControl .gsc-tabhInactive {

border-color: <data:borderColor/>;

background-color: transparent;

color: <data:linkColor/>;

}

#uds-searchClearResults {

border-color: <data:borderColor/>;

}

#uds-searchClearResults:hover {

border-color: <data:activeBorderColor/>;

}

#uds-searchControl .gsc-cursor-page {

color: <data:linkColor/>;

}

#uds-searchControl .gsc-cursor-current-page {

color: <data:textColor/>;

}

</style>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='PopularPosts1' locked='false' title='Populer Posts' type='PopularPosts'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='data:showThumbnails == "false"'>

<b:if cond='data:showSnippets == "false"'>

<b:else/>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == "false"'>

<b:if cond='data:post.thumbnail'>

</a>

</div>

</b:if>

</div>

<b:else/>

<b:if cond='data:post.thumbnail'>

</a>

</div>

</b:if>

</div>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML6' locked='false' title='Panderan di warung' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='Gadget1' locked='false' title='Jar Buhannya' type='Gadget'>

<b:includable id='main'>

<b:if cond='data:renderingUrl != ""'>

<b:if cond='data:title != ""'>

</b:if>

<b:if cond='data:gadgetSnippet != ""'>

<data:gadgetSnippet/>

<b:else/>

<b:if cond='data:nonSocialFragment != ""'>

<data:nonSocialFragment/>

</b:if>

</div>

</b:if>

<b:else/>

<data:errorMessage/>

</b:if>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<b:section class='sidebar' id='footer1' preferred='yes'/>

<b:section class='sidebar' id='footer2' preferred='yes'/>

<b:section class='sidebar' id='footer3' preferred='yes'/>

<b:section class='sidebar' id='footer4' preferred='yes'/>

</div>

</div>

<!-- Please don't remove the credits below. We worked many hours to make this beautiful template available free for you. All we ask is to keep the links below intact

blogtemplate4u.com

-->

</div>

Template by <a href='http://warungsotobanjar.blogspot.com' title='Habar Banua'>SoBaN templates</a><script src='http://widgets.amung.us/small.js' type='text/javascript'/><script type='text/javascript'>WAU_small('01q1nuw57azi')</script><a href='http://www.mypagerank.net' target='_blank'><img alt='Google Pagerank Powered by MyPagerank.Net' border='0' src='http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=de470c43a1e8679b168efc9a5f2f14101f47063ba267e51531103e9e8fe10ff8874b36a2'/></a><a alt='automatic backlink creator powered by http://www.getfreebacklinks.com' href='http://www.getfreebacklinks.com' target='_blank'><img border='0' src='http://www.getfreebacklinks.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C171323442713DC9253F2224C73C88A35C48B0A3371BCFC74D' title=''/></a>

</div>

</body>

</html>

Mincom Free Template

Saturday, November 12, 2011

0 comments:

Post a Comment

Entri Populer

Followers

Blog Archive