Johny Goreng

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML expr:dir='data:blog.
languageDirection'> <head> <meta charset='utf-8'/> <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewp ort'/> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type ='text/css'/> <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type ='text/css'/> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | Your Blog Description</title> </b:if> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Your Blog Description here!' name='description'/> <meta content='Your Keywords here!' name='keywords'/> <meta content='Author Name here!' name='Author'/> <meta content='general' name='rating'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='id' name='geo.country'/> <meta content='1 days' name='revisit-after'/> <meta content='Indonesia' name='geo.placename'/> </b:if> <b:skin><![CDATA[ /* ----------------------------------------------Blogger Template Style Name : Johny Wusss Author : Maskolis Url : http://www.maskolis.com/ Updated by: Blogger Team This free Blogger template is licensed under the Creative Commons Attribution 3. 0 License, which permits both personal and commercial use. However, to satisfy t he 'attribution' clause of the license, you are required to keep the footer link s which provides due credit to its authors and supporters. For more specific det ails about the license, you may visit the URL below: http://creativecommons.org/licenses/by/3.0/ ----------------------------------------------- */ #navbar-iframe{height:0;visibility:hidden;display:none} body{background:url(http://3.bp.blogspot.com/-TVSgEiymYKA/UQs6COkgULI/AAAAAAAABi k/0djyvpPgHEM/s1600/bg_body.gif);color:#444;height:100%;font-family:Arial, Helve tica, Tahoma, sans-serif;font-size:14px;font-weight:400;line-height:22px;text-de coration:none;margin:0;padding:0} a,a:link,a:visited{color:#2560aa;text-decoration:none} a:hover,a:active{color:#222;text-decoration:none} h2.date-header{display:none} .header-wrapper{width:960px;color:#333;min-height:100px;overflow:hidden;position :relative;z-index:999;margin:0 auto} #header{max-width:230px;float:left;width:auto;overflow:hidden;z-index:999;min-wi dth:230px;margin:0;padding:0} #header-inner{margin:10px 0 10px;padding:0}
#header h1,#header p{font:30px Oswald;line-height:30px;color:#333;text-shadow:1p x 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee;padding-bottom:10px;margin: 0} #header h1 a,#header h1.title a:hover{color:#48b;text-decoration:none} #header .description{color:#0a2e56;font:Italic 14px Georgia;text-shadow:none} #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto} #header2{float:right;width:728px;margin:6px 0 0} .header2 .widget{margin:0 auto;padding:5px 0} #menu{background:url(http://4.bp.blogspot.com/-w-waPqjZqGE/USHJMpmDDyI/AAAAAAAAC rg/PyojbxuxzDk/s1600/menuse.jpg);color:#eee;height:35px;border-bottom:4px solid #666} #menu ul,#menu li{margin:0 0;padding:0 0;list-style:none} #menu ul{height:35px} #menu li{float:left;display:inline;position:relative;font:bold 12px Oxygen;textshadow: 0 -1px 0 #000;border-right: 1px solid #444;border-left: 1px solid #111;t ext-transform:uppercase} #menu li:first-child{border-left: none} #menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color :#eee;} #menu li:hover > a,#menu li a:hover{background:#111} #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0 ;cursor:pointer} #menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height :36px;text-align:center} #menu label span{font-size:12px;position:absolute;left:35px} #menu ul.menus{height:auto;overflow:hidden;width:180px;background:#111;position: absolute;z-index:99;display:none;border:0;} #menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;} #menu li:hover ul.menus{display:block} #menu a.prett{padding:0 27px 0 14px} #menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-sty le:solid;border-color:#eee transparent transparent transparent;position:absolute ;top:15px;right:9px} #menu ul.menus a:hover{background:#333;} .page-menu{background:#f9f9f9;width:100%;margin:0 auto;padding:0;border-bottom:1 px solid #ddd} .page-menu ul{list-style:none;color:#555;width:960px;margin:0 auto;padding:0} .page-menu ul li{list-style:none;line-height:34px;display:inline-block} .page-menu li a{color:#555;font-size:13px;font-family:Arial,Helvetica,Tahoma,san s-serif;text-decoration:none;text-transform:capitalize;padding:0 10px;border-rig ht:1px solid #ddd} .page-menu li a:hover{color:#000;} .outerpic-wrapper{background:#f4f3f3;width:100%;box-shadow:0 10px 10px #666;-moz -box-shadow:0 10px 10px #666;overflow:hidden;-webkit-box-shadow:0 10px 10px #666 ;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',Direction=125,S trength=6);padding:10px;margin:15px auto} .content-wrapper{position:relative;max-width:960px;margin:0 auto} .outer-wrapper{position:relative;width:100%;padding:0} .main-wrapper{width:630px;margin:0;float:left;word-wrap:break-word;overflow:hidd en;} .clr{clear:both;float:none} h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em} h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height :1.2em;margin:.1em 0} .post{margin:10px 0px;padding:0 10px;border:1px solid #ddd;background:#fff} .post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#444;margin:.0em 0 0;
padding:4px 0} .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.pos t h2 strong{display:block;text-decoration:none;color:#444;} .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#0a2e56} .post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 14px 'Arial', serif;margin:1.0em 0 .75em;line-height:1.3em;} .post-body blockquote{line-height:1.3em} .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial ;line-height:1.4em;margin:.75em 0} .comment-link{margin-left:.1em} .post blockquote{line-height:1.6em;color:#333;background:#eee;border-left:20px s olid #ccc;margin:10px 10px 10px 20px;padding:10px 15px} .post blockquote p{margin:.75em 0} .post img,#header2 img,.sidebar1 img,.sidebar img{max-width:100%;width:auto;-msinterpolation-mode:bicubic;border:0;} .video-container { position:relative; margin:0 0 15px 0;padding-bottom:51%; padd ing-top:30px; height:0; overflow:hidden; border:1px solid #ccc; } .video-container iframe,.video-container object, .video-container embed { positi on:absolute; top:0; left:0; width:100%; height:100%; } #related-posts{float:left;width:100%;border-bottom:1px solid #aaa;border-top:3px solid #bbb;margin:5px 0 10px;padding:15px 0 10px} #related-posts .widget h2,#related-posts h2{font:16px Oswald;color:#111;text-tra nsform:none;margin:0 0 10px;padding:0} #related-posts a{color:#333;font:12px Tahoma} #related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_I zI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0 ;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:3px 0 3px 12px } #related-posts a:hover{color:#2482d6;text-decoration:none} #related-posts .widget{margin:0;padding:0} #related-posts ul{list-style:none;margin:0;padding:0} #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-al ign:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:n one;margin:0;padding:5px 5px;background:#555;border:1px solid #111} .blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;paddin g:15px 10px} .showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowr ap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #999} .showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;backgroun d-color:#444;border:1px solid #000} .showpageOf{display:none;margin:0} .showpagePoint{color:#fff;text-decoration:none;background-color:#444;font-size:1 2px;margin:10px 3px;padding:5px 10px;border:1px solid #000} .feed-links{clear:both;line-height:2.5em} .readmorecontent{float:right;margin:5px 5px 0 0;padding:2px 0} .readmorecontent a{color: #ccc;background: #444; text-decoration:none;font-size :11px;padding:5px 7px} .readmorecontent a:hover{background:#ccc;text-decoration:none;color:#222} .menusearch{width:200px;float:right;margin:0 auto;padding:4px 10px 0 0} .searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;bac kground:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;border:1px solid #ddd} .searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23p x;padding:0;margin:0;} .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;widt h: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;marg in:0;padding:0} .sidebar-wrapper,.sidebar1-wrapper{width:320px;float:right;word-wrap:break-word; overflow:hidden;} .sidebar h2{color:#222;font:16px Oswald;margin:0 10px;padding:5px 0;text-transfo rm:uppercase;border-bottom:3px solid #ddd} .sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial} .sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashe d #ddd} .sidebar .widget,.sidebar1 .widget{background:#fff;margin:10px 0;padding:0;borde r:1px solid #ddd} .sidebar .widget-content{margin:0 auto;padding:0 10px;} .sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decorati on:none} .sidebar li a:hover{color:#015bb3} .sidebar ul{list-style:none;margin:0;padding:5px 0} .sidebar1 ul{list-style:none;padding:0;margin:0;} .sidebar1 .widget-content{margin:0 auto;padding:10px 10px 5px;} #footer{background:#222;border-bottom:1px solid #000;border-top:4px solid #111;w idth:100%;padding:0;} .footer-wrapper{color:#aaa;font:12px Arial;height:100%;line-height:16px;overflow :hidden;padding:0} .footer{float:left;width:31%;margin:10px} .footer .widget{margin-bottom:30px} .footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAA AAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial ;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase ;color:#ddd} .footer .widget-content{line-height:17px} .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAA AAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 4px;font:normal 12px Arial;c olor:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px} .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none} .footer li a:hover{color:#fff} #credit{background:#333;border-top:1px solid #000;font:11px Tahoma;color:#999;wi dth:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px} #credit .left{float:left;text-align:left;margin-left:10px} #credit .right{float:right;text-align:right;margin-right:10px} #credit a{color:#eee;text-decoration:none} #credit a:hover{color:#fc0;text-decoration:none} .comments {margin:5px 0;padding:10px 15px; line-height:1em;background:#fff;borde r:1px solid #ddd } .comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:no rmal; text-align:left; line-height:1.4em; } .comments .comment .comment-actions a { display:inline-block; margin:0; padding: 1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:# E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border -radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,le ft bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-g radient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding :2px 8px; margin-right:10px; } .comments .comment .comment-actions a:hover { text-decoration:none; background:# fff; border:1px solid #5AB1E2; } .comments .comments-content .comment-thread ol { list-style-type:none; padding:0 ; text-align:none; }
.comments .comments-content .inline-thread { padding:0.5em 1em; } .comments .comments-content .comment-thread { margin:8px 0; } .comments .comments-content .comment-thread:empty { display:none; } .comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background:#f6f6f6; } .comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; } .comments .comments-content .comment:first-child { padding-top:16px; } .comments .comments-content .comment:last-child { border-bottom:0; padding-botto m:0; } .comments .comments-content .comment-body { position:relative; } .comments .comments-content .user { font-style:normal; font-weight:bold; } .comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight :bold; text-decoration:none; } .comments .comments-content .icon.blog-author { width:18px; height:18px; display :inline-block; margin:0 0 -4px 6px; } .comments .comments-content .datetime { color:#999999; float:right; font-size:11 px; text-decoration:none; } .comments .comments-content,.comments .comments-content .comment-content { margi n:0 0 8px; } .comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bo ttom:5px; padding:5px; } .comments .comments-content .comment-content { text-align:none; } .comments .comments-content .owner-actions { position:absolute; right:0; top:0; } .comments .comments-replybox { border:none; height:250px; width:100%; } .comments .comment-replybox-single { margin-top:5px; margin-left:48px; } .comments .comment-replybox-thread { margin-top:5px; } .comments .comments-content .loadmore a { display:block; padding:10px 16px; text -align:center; } .comments .thread-toggle { cursor:pointer; display:inline-block; } .comments .continue { cursor:pointer; } .comments .continue a { display:inline-block; margin:0; padding:1px 6px; border: 1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#4 24242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration :none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; bac kground:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,colorstop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin -right:10px; } .comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-t op:3em; } .comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow :hidden; } .comments .thread-chrome.thread-collapsed { display:none; } .comments .thread-toggle { display:inline-block; } .comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width :7px; overflow:visible; margin:0.3em; padding-right:4px; } .comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.c om/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-rep eat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot. com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-r epeat scroll 0 0 transparent; } .comments .avatar-image-container { background-image:url(http://4.bp.blogspot.co m/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background -position:center center; background-repeat:no-repeat; float:left; width:36px; ma x-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align: middle; overflow:hidden; border:1px solid #DDDDDD; } .comments .avatar-image-container img { width:36px; } .comments .comment-block { margin-left:48px; position:relative; }
@media screen and (max-device-width:480px) { .comments .comments-content .commen t-replies { margin-left:0; }} .postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;padding:5px 0;line-height:16px} .author{color:#666;background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk -mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5p x 2px 17px} .clock{color:#666;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlB wI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat;padding:2px 5px 2px 17px} .clock a{color:#666} .clock a:hover{color:#48d} @media screen and (max-width: 960px) { #header{float:none;max-width:none;text-align:center;margin-top:10px} #header-inner{margin-bottom:0} #header h1,#header p{margin-right:0} #header .description{margin:0} .menusearch{float:none;padding:5px 0 10px} .main-wrapper{margin-right:0;width:55%;} .sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 5px;padding:0 10px; } .credit{padding:20px!important} #credit .left,#credit .right{float:none;text-align:center;margin:0} .outerpic-wrapper,.content-wrapper{padding:0} #header2,.page-menu ul{text-align:center;width:100%} } @media screen and (max-width: 768px){ .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none} #header-inner{margin:10px 0} #menu{position:relative} #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;h eight:auto;display:none} #menu ul.menus{width:100%;position:static;padding-left:20px} #menu li{display:block;float:none;width:auto} #menu input,#menu label{position:absolute;top:0;left:0;display:block} #menu input{z-index:4} #menu input:checked + label{color:white} #menu input:checked ~ ul{display:block} .page-menu li a{border-right:0} } @media screen and (max-width: 760px){ .page-menu{margin:0} .outer-wrapper{padding:0} #content{clear:both;border:none;padding:0} .main-wrapper{margin-right:0;width:100%;min-height:0} .sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:b oth;left:auto;width:auto;background:none;} #comment-editor{margin:10px} .footer{width:auto;margin:15px} } @media screen and (max-width: 480px){ #header img{width:100%} .post-comment-link{display:none} } @media screen and (max-width: 320px){ .comments .comments-content .datetime{display:block;float:none} .comments .comments-content .comment-header{height:70px}
} @media screen and (max-width: 240px){ .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none;} #header-inner{margin:10px 0} #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto} .comments .comments-content .comment-replies{margin-left:0} } .post-thumbnail{width:72px;height:72px;float:left;margin-right:10px;} .post-snippet:before{content:attr(data-snippet);} ]]></b:skin> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> h3.date-header,.post-timestamp,.post-footer,.feed-links {display:none} .post {float:left;margin:10px 5px 0;overflow:hidden;padding:7px 7px 5px;positon: relative;width:45.8%;height:95px;} .post h1,.post h2{line-height:1em;margin:0 0 4px;padding:0;font:bold 12px Tahoma } .post-body{font:12px arial;border-top:none;padding-top:0px;background:none;margi n:0;text-align:left} @media screen and (max-width:960px) { .post{margin:5px 0 5px 4px;width:46%;padding:5px;height:auto;} .post h1,.post h2{font:12px Tahoma;} .post-body{font:11px tahoma;} } @media screen and (max-width:460px){ .post{margin:14px 12px 0;width:auto;padding:10px} } @media screen and (max-width:310px){ .post{width:88%;margin:10px;padding:5px} } </style> </b:if></b:if> <script type='text/javascript'> var relatedpoststitle="Related articles"; </script> <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array() ;function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d =c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link .length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link [a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=ne w Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains (b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.len gth-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){fo r(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRe latedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relat edUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.le ngth-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h2>"+ relatedpoststitle+"</h2>")}document.write("<ul>");while(b<relatedTitles.length&& b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTi tles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.writ e("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relat edTitles.length)}; //]]> </script>
</head> <body> <div class='content-wrapper'> <div class='outerpic-wrapper'> <div class='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddele ment='yes'> <b:widget id='Header1' locked='true' title='Johny Goreng (Header)' type='Header' > <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'> <!-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:if cond='data:mobile'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <b:if cond='data:blog.pageType != "item"'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> <b:else/> <p class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </p> </b:if> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='"background-image: url(\"" + data:sour ceUrl + "\"); " + "background-positio n: " + data:backgroundPositionStyleStr + "; &qu ot; + data:widthStyleStr + "m in-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; " ' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <b:if cond='data:blog.pageType != "item"'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1>
<b:else/> <p class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </p> </b:if> </div> <b:include name='description'/> </div> </b:if> <b:else/>  <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:id='data:widget.instanceId + "_he aderimg"' expr:src='data:sourceUrl' style='display: block'/> </a>  <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/>  <div id='header-inner'> <div class='titlewrapper'> <b:if cond='data:blog.pageType != "item"'> <h1 class='title'> <b:include name='title'/> </h1> <b:else/> <p class='title'> <b:include name='title'/> </p> </b:if> </div> <b:include name='description'/> </div> </b:if> </b:includable> </b:widget> </b:section> <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML4' 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> <nav id='menu'> <input type='checkbox'/>
<label>≡<span>Navigation</span></label> <ul> <li><a href='/'>Home</a></li> <li><a href='#'>Menu 1</a></li> <li><a class='prett' href='#'>Drop Menu</a> <ul class='menus'> <li><a href='#'>Drop Menu 1</a></li> <li><a href='#'>Drop Menu 2</a></li> <li><a href='#'>Drop Menu 3</a></li> </ul> </li> <li><a href='#'>Menu 2</a></li> <li><a class='prett' href='#'>Drop Menu 1</a> <ul class='menus'> <li><a href='#'>Drop Menu 1</a></li> <li><a href='#'>Drop Menu 2</a></li> <li><a href='#'>Drop Menu 3</a></li> </ul> </li> </ul> </nav> <div class='page-menu'> <b:section class='page' id='page' showaddelement='no'> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'> <b:includable id='main'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> <div class='menusearch'> <form action='/search' class='searchform' method='get'> <input class='searchfield' id='q' name='q' onblur='if(this.value=='')t his.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.val ue=''' type='text' value='Search here....'/> <input class='searchbutton' src='http://1.bp.blogspot.com/-N_4TWVUmXv4/UDdKJf5Nw CI/AAAAAAAAIgY/AGrKXgwkrTo/s1600/tombolcari.gif' style='cursor:pointer;verticalalign:top' type='image' value='Go'/> </form> </div> </ul> </div> </b:includable> </b:widget> </b:section> </div> <div class='outer-wrapper'> <div class='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde rPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button s b-email' expr:href='data:post.sharePostUrl + "&target=email"' expr :title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-te xt'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisB utton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sh arePostUrl + "&target=blog"' expr:onclick='"window.open(this. href, \"_blank\", \"height=270,width=475\"); return false;&q uot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-butto n-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showT witterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='da ta:post.sharePostUrl + "&target=twitter"' expr:title='data:top.sha reToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.s hareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePos tUrl + "&target=facebook"' expr:onclick='"window.open(this.hr ef, \"_blank\", \"height=430,width=620\"); return false;&quo t;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='sharebutton-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='da ta:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr: href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:t op.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:t op.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class ='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments ' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canon icalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numCommen ts' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.can onicalUrl'> </span> <b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick=' data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:if> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</sp an>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].hr ef); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].valu e; } else if (entry.gd$extendedProperty[k].name == 'blogger.display Time') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false &max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass;
} return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } };
// render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' 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:ba cklink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:wi dget.instanceId + "_backlinks-create-link"' target='_blank'><data:post .createLinkLabel/></a> </p> </b:includable> <b:includable id='mobile-main' var='top'>  <div class='blog-posts hfeed'> <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:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div style='background:#fff;padding:7px 10px; margin:10px 0; line-height:1.4em; border:1px solid #ddd;font:11px tahoma'> <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if> <div class='post hentry'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a> <b:else/> <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/ s1600/no+image.jpg'/></a> </b:if> </b:if></b:if> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.title'> <h2 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> <b:else/> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <div class='post-header'> <div class='post-header-line-1'/>
</div> <b:if cond='data:post.dateHeader'> <h3 class='date-header'><span>Written By <data:post.author/> on <data: post.dateHeader/> | <data:post.timestamp/></span></h3> </b:if> <div class='post-body entry-content' expr:id='"post-body-" + data: post.id'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div class='post-snippet' expr:data-snippet='data:post.snippet'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if> </b:if> <div style='clear: both;'/>  </div> <b:if cond='data:blog.pageType == "item"'>  <b:if cond='data:post.isFirstPost'>  <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  <script type='text/javascript'> (function() { var po = document.createElement('script'); po.type = 'text/javascrip t'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertB efore(po, s); })(); </script>  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getEleme ntById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/w idgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script&quo t;,"twitter-wjs");</script> </b:if>   <div class='horizontal-social-buttons' style='padding:10px 0 10px;'>  <div style='float:left;'> <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-rela ted='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url ' href='https://twitter.com/share'>Tweet</a> </div> 
<div style='float:left;'> <g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/> </div>  <div style='float:left;'> <fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_co unt' send='true' show_faces='false'/> </div>  <b:if cond='data:blog.pageType == "item"'> <div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'> <a data-pin-config='beside' data-pin-do='buttonPin' expr:href='"http://pint erest.com/pin/create/button/?url=" + data:post.url'><img src='//assets.pint erest.com/images/pidgets/pin_it_button.png'/></a> <span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='button Bookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:n one;'/></span> </div> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/> <style type='text/css'> #pin-wrapper > a {background-image:none !important;} </style> </b:if>  </div> <div style='clear: both;'/>  <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + " ?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:loop> <script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> </b:if> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.t itle'><data:post.jumpText/></a> </div> </b:if> <div class='post-footer'> <b:if cond='data:blog.pageType != "static_page"'> <div class='post-footer-line post-footer-line-1'> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span> </div> </b:if>
<div class='post-footer-line post-footer-line-3'> <span class='post-location'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post .location.name/></a> </b:if> </b:if> </span> </div> </div> </div> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <b:include data='post' name='iframe_comments'/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> <b:else/> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link&q uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p ost.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comments' var='post'> <b:include name='threaded_comment_css'/> <div class='comments' id='comments'> <a name='comments'/> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs g'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe rPageTitle'><data:newerPageTitle/></a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde rPageTitle'><data:olderPageTitle/></a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/ ></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/>
<data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <data:post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn'> <a expr:href='data:post.authorProfileUrl' rel='author' tit le='author profile'> <data:post.author/> </a> </span> <b:else/> <span class='fn'><data:post.author/></span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='boo kmark' title='permanent link'><abbr class='published' expr:title='data:post.time stampISO8601'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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.comme ntLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sha re-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyT ag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> </div> </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' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.co m/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='main' var='top'> <b:if cond='data:top.showDummy'> <script expr:src='data:top.dummyUrl'/> </b:if> <b:if cond='data:mobileindex'>  <div class='blog-posts hfeed'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isFirstPost == "false"'> </div> </b:if> <div class="mobile-date-outer date-outer"> <div expr:onclick='data:post.indexOnclick'> <b:include data='post' name='mobile-index-post'/> </div> <b:if cond='data:post.trackLatency'>
<data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div> </b:if> </div> <b:else/>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <b:if cond='data:mobile == "false"'> <div class='inline-ad'> <data:adCode/> </div> </b:if> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/>
</b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> </b:if>  <b:if cond='data:mobile'> <b:include name='mobile-nextprev'/> <b:else/> <b:include name='nextprev'/>  <b:include name='feedLinks'/> </b:if> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1", {"locale": & quot;<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='d ata:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/>  <div class='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='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p ost.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_css'> </b:includable> <b:includable id='mobile-index-post' var='post'> <b:if cond='data:post.dateHeader'> <div class='mobile-index-date'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </div> </b:if> <div class='mobile-post-outer'> <div class='mobile-index-title-outer'> <h3 class='mobile-index-title entry-title'> <a href='javascript:void(0)'><data:post.title/></a> </h3> </div> <div> <div class='mobile-index-arrow'> <a href='javascript:void(0)'>&rsaquo;</a> </div> <div class='mobile-post-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'>
<img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </div> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:o nclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 < data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelP lural/></b:if></a> </b:if> </b:if> </b:if> </b:if> </div> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO nclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <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:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink Url'><data:post.oldestLinkText/></a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'><data:post.olderLinkText/></a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU rl'><data:post.newerLinkText/></a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink Url'><data:post.newestLinkText/></a> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper" '> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorCla ss' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin -bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comme nt.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comm ent.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink Url'>
<data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU rl'> <data:post.olderLinkText/> </a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU rl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink Url'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo mmentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> <script type='text/javascript'> var postperpage=6; var numshowpage=4; var upPageWord ='« Previous '; var downPageWord ='Next »';
var urlactivepage=location.href; var home_page="/"; </script> <script src='http://yourjavascript.com/218437119/halamanav.js' type='text/javasc ript'/> </div></div> <div class='sidebar1-wrapper'> <b:section class='sidebar1' id='sidebar1' preferred='yes'> <b:widget id='HTML5' 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 class='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' showaddelement='yes'> <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularP osts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <div class='item-title'><a expr:href='data:post.href'><data:post.tit le/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'>  <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr :src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div> </div> <div style='clear: both;'/> <b:else/>
 <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr :src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchiv e'> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'>▼ </span> </a> <b:else/> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> <b:if cond='data:blog.languageDirection == "rtl"'> ◄ <b:else/> ► </b:if> </span> </a> </b:if> </b:if> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='i'> <ul class='hierarchy'> <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' dir='ltr'>(<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='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/>)</opt ion> </b:loop> </select> </b:includable> <b:includable id='flat' var='data'> <ul class='flat'> <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='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: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> </div> </b:includable> </b:widget> </b:section> </div> <div class='clr'/> <div class='content-wrapper'> <div id='footer'> <div class='footer-wrapper'> <b:section class='footer' id='footer1' preferred='yes'> <b:widget id='HTML1' locked='false' title='Test Footer' 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> <b:section class='footer' id='footer2' preferred='yes'> <b:widget id='HTML2' locked='false' title='Random post' 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> <b:section class='footer' id='footer4' preferred='yes'> <b:widget id='HTML3' locked='false' title='Template information' 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 class='clr'/> </div> <div id='credit'> <div class='left'> <strong>Support :</strong> <a href='#'>Your Link</a> | <a href='#'>Your Link</a> | <a href='#'>Your Link</a ><br/> Copyright © 2013. <a class='sitename' expr:href='data:blog.homepageUrl' exp r:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved </div> <div class='right'> Template Created by <a href='http://www.maskolis.com/'>Creating Website</a> Publ ished by <a href='http://www.mastemplate.com/'>Mas Template</a><br/> Proudly powered by <a href='http://www.blogger.com'>Blogger</a></div></div> </div> </div></div></div> </body> </HTML>

Johny Goreng

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Johny Goreng

Hochgeladen von

Copyright:

Verfügbare Formate

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML expr:dir='data:blog.

Das könnte Ihnen auch gefallen