Bongkar Tempelet

Pada posting kali ini saya mencoba untuk membahas tentang struktu Tempelet Blog. .... lain kali saya jelaskan

.
Contoh tempelet BLOG

<<br /><br /> <?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br />   <head><br />     <b:include data='blog' name='all-head-content'/><br /> <br /> <b:if cond='data:blog.url == data:blog.homepageUrl'><br /> <meta content='utak utik html untuk mempercantik blog' name='description'/><br /> <meta content='blog tutorial, tutorial blog, tempelet blog, blog tempelet, cara bikin blog, bikin blog, edit html, html' name='keywords'/><br /> </b:if><br /> <br /> <br /> <b:if cond='data:blog.pageType == "index"'><br /> <title><data:blog.pageTitle/></title> <br /> <b:else/><br /> <title><data:blog.pageName/> ~ <data:blog.title/></title><br /> </b:if><br /> <br /> <br /> <link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/><br /> <br />     <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name:   Luxury-Yachting Author: Lasantha Bandara URL 1:  http://www.premiumbloggertemplates.com/ URL 2:  http://www.bloggertipandtrick.net/ Date:   November 2010 License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below: http://creativecommons.org/licenses/by/3.0/ ----------------------------------------------- */  /* Variable definitions    ====================    <Variable name="bgcolor" description="Page Background Color"              type="color" default="#fff" value="#ffffff"><br />    <Variable name="textcolor" description="Text Color"              type="color" default="#333" value="#333333"><br />    <Variable name="linkcolor" description="Link Color"              type="color" default="#58a" value="#5588aa"><br />    <Variable name="pagetitlecolor" description="Blog Title Color"              type="color" default="#666" value="#666666"><br />    <Variable name="descriptioncolor" description="Blog Description Color"              type="color" default="#999" value="#999999"><br />    <Variable name="titlecolor" description="Post Title Color"              type="color" default="#c60" value="#cc6600"><br />    <Variable name="bordercolor" description="Border Color"              type="color" default="#ccc" value="#cccccc"><br />    <Variable name="sidebarcolor" description="Sidebar Title Color"              type="color" default="#999" value="#999999"><br />    <Variable name="sidebartextcolor" description="Sidebar Text Color"              type="color" default="#666" value="#666666"><br />    <Variable name="visitedlinkcolor" description="Visited Link Color"              type="color" default="#999" value="#999999"><br />    <Variable name="bodyfont" description="Text Font"              type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"><br />    <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"><br />    <Variable name="pagetitlefont" description="Blog Title Font"              type="font"              default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"><br />    <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"><br />    <Variable name="postfooterfont" description="Post Footer 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"><br />    <Variable name="startSide" description="Side where text starts in blog language"              type="automatic" default="left" value="left"><br />    <Variable name="endSide" description="Side where text ends in blog language"              type="automatic" default="right" value="right"><br /> */<br /> <br /> /* Use this with templates/template-twocol.html */<br /> <br /> ]]></b:skin><br /> <br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>  <script type='text/javascript'> //<![CDATA[  /* ------------------------------------------------------------------------  s3Slider    Developped By: Boban KariÅ¡ik -> http://www.serie3.info/         CSS Help: MÃ©szÃ¡ros RÃ³bert -> http://www.perspectived.com/  Version: 1.0    Copyright: Feel free to redistribute the script/modify it, as       long as you leave my infos at the top. ------------------------------------------------------------------------- */  var $jx = jQuery.noConflict();  (function($jx){        $jx.fn.s3Slider = function(vars) {                         var element     = this;         var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;         var current     = null;         var timeOutFn   = null;         var faderStat   = true;         var mOver       = false;         var items       = $jx("#" + element[0].id + "Content ." + element[0].id + "Image");         var itemsSpan   = $jx("#" + element[0].id + "Content ." + element[0].id + "Image span");                      items.each(function(i) {                  $jx(items[i]).mouseover(function() {                mOver = true;             });                          $jx(items[i]).mouseout(function() {                 mOver   = false;                 fadeElement(true);             });                      });                  var fadeElement = function(isMouseOut) {             var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;             thisTimeOut = (faderStat) ? 10 : thisTimeOut;             if(items.length > 0) {                 timeOutFn = setTimeout(makeSlider, thisTimeOut);             } else {                 console.log("Poof..");             }         }                  var makeSlider = function() {             current = (current != null) ? current : items[(items.length-1)];             var currNo      = jQuery.inArray(current, items) + 1             currNo = (currNo == items.length) ? 0 : (currNo - 1);             var newMargin   = $jx(element).width() * currNo;             if(faderStat == true) {                 if(!mOver) {                     $jx(items[currNo]).fadeIn((timeOut/6), function() {                         if($jx(itemsSpan[currNo]).css('bottom') == 0) {                             $jx(itemsSpan[currNo]).slideUp((timeOut/6), function() {                                 faderStat = false;                                 current = items[currNo];                                 if(!mOver) {                                     fadeElement(false);                                 }                             });                         } else {                             $jx(itemsSpan[currNo]).slideDown((timeOut/6), function() {                                 faderStat = false;                                 current = items[currNo];                                 if(!mOver) {                                     fadeElement(false);                                 }                             });                         }                     });                 }             } else {                 if(!mOver) {                     if($jx(itemsSpan[currNo]).css('bottom') == 0) {                         $jx(itemsSpan[currNo]).slideDown((timeOut/6), function() {                             $jx(items[currNo]).fadeOut((timeOut/6), function() {                                 faderStat = true;                                 current = items[(currNo+1)];                                 if(!mOver) {                                     fadeElement(false);                                 }                             });                         });                     } else {                         $jx(itemsSpan[currNo]).slideUp((timeOut/6), function() {                         $jx(items[currNo]).fadeOut((timeOut/6), function() {                                 faderStat = true;                                 current = items[(currNo+1)];                                 if(!mOver) {                                     fadeElement(false);                                 }                             });                         });                     }                 }             }         }                  makeSlider();      };    })(jQuery);    //]]> </script><br /> <br /> <script type='text/javascript'> //<![CDATA[  jQuery(document).ready(function() {     jQuery(document).ready(function() {             jQuery('#slider').s3Slider({             timeOut: 6000         });     });  });  //]]> </script><br /> <br /> <style type='text/css'> body{margin:0 auto;padding:0 0 0 0;background:#E3E8E0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj6YnPmhW9roq0YYrgLki4UERw-lfxmmB8M_CnjAV39Qsokd8PNqkMriLEzcsRsv4YZ2Q6lwY5c2PPG3xmTH_Ex2kJPOaCjI3Y3aOvh0qkiEDV9qo8_zPENGCs8EP4FcFaSi4tfveoCcg/s0/body.png) repeat-x;font-family:Century gothic,Arial,Tahoma,sans-serif;color:#161514;font-size:13px;} a:link,a:visited{color:#FF0000;outline:none;text-decoration:none;} a:hover{color:#d53030;outline:none;text-decoration:none} a img{border-width:0} .clear{clear:both} /* Header-----------------------------------------------*/ #header-wrapper{width:1000px;margin:0 auto 0;height:135px;background:#f4f4f4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8GfsxF3_1MVGNRBwsNQLqhg1T6OrIXn-ZxgY_Tr-jSfajqAKarQNa1xADglg7y9075m5NWxKXN4k6Q4nucDea8Z4LKb9FJ8VPu4jchmj_dvs2nQzAoiCN6nVNL1A4yhXLn-dC57k0pM/s0/head.png);border-top:1px solid #8EBBF5;}  #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:600px;overflow:hidden;} #header h1{margin:0 5px 0;padding:0px 0 0 10px;font:bold 35px Georgia,Century gothic,Verdana,Tahoma,sans-serif;color:#fff;} #header .description{padding-left:20px;color:#0f2659;} #header h1 a,#header h1 a:visited{color:#fff;text-decoration:none} #header h2{padding-left:15px;color:#736f74;font:14px Arial,Helvetica,Sans-serif} #header2{float:right;width:375px;overflow:hidden;} #header2 .widget{padding:20px 0px 0 10px;float:right} /* Outer-Wrapper----------------------------------------------- */ #outer-wrapper{background:#E3E8E0;width:1000px;margin:0px auto 0px auto;padding:0;text-align:$startSide;font:$bodyfont} #content-wrapper{background:#E3E8E0;padding:0px 0px 10px 0px ;} #main-wrapper{width:635px;margin: 0px 5px 20px 0px;padding:15px 0px 0px 18px;color:#666;font:13px Tahoma,century gothic,Arial,verdana,sans-serif;display:inline;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #rsidebar-wrapper{width:319px;float:right;padding:0px 19px 0px 0;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } /* Headings----------------------------------------------- */ h2{margin:1.5em 0 .75em;font:$headerfont;line-height:1.4em;text-transform:uppercase;color:$sidebarcolor} /* Posts-----------------------------------------------*/ h2.date-header{margin:1.5em 0 .5em} .post{margin: 0px 0 10px 0;border: 1px solid #cfdcc7;padding:10px;background-color:#fff;} .post-title{margin:15px 0 0 0;padding:0 0 10px 0;text-align:left;font:24px Georgia,Arial,century gothic,verdana,sans-serif;font-weight:normal;overflow:hidden;} .post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#5b5b5b;background-color:transparent;} .post-title strong,.post-title a:hover{color:#ac0604;background-color:transparent;} .post-body{margin:0 0 .75em;text-align:justify;padding-top:8px;} .post-body blockquote{overflow:hidden;padding:5px 5px;color:#444;font-style:normal;background:#CFCFCF;border-left:8px solid #FDB101;} .post-footer{margin:.75em 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;line-height:1.4em} .comment-link{margin-$startSide:.6em} .post img{padding:0px;;border:0px solid #bfbdbd;margin:0 4px 4px 0} .clear{clear:both} /* Comments----------------------------------------------- */ #comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor} #comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;} #comment-name-url{width:465px;float:left} #comment-date{width:465px;float:left;margin-top:5px;font-size:10px;} #comment-header{float:left;border:1px solid #dddddd;padding:5px 0 40px 10px;margin:5px;background-color:#fff;position:relative;} .avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif16QwG9xfRPOpcQxLF_1JtA8DE8UDkDXjwObhBT5tccwSs5J0s_SUok7Cmf-QGVi90b0nvjc-_ZznR9ed4ic6gnwUzYVmnEnUEJKsAgWOGcOMFW2MGKq43R9Q3PAd0TFNpSWqjVz3Ri0/s0/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;} .avatar-image-container img{width:32px;height:32px;} a.comments-autor-name{color:#000;font:normal bold 12px Arial,Tahoma,Verdana} a.says{color:#000;font:normal 11px Arial,Tahoma,Verdana} .says a:hover{text-decoration:none} .deleted-comment{font-style:italic;color:gray} #blog-pager-newer-link{float:$startSide} #blog-pager-older-link{float:$endSide} #blog-pager{text-align:center} .feed-links{clear:both;line-height:2.5em} /* Sidebar Content----------------------------------------------- */ .sidebar{padding-bottom:10px;font-size:12px;font-family:Tahoma,Century gothic,Arial,sans-serif;color:#fff;} .sidebar a{text-decoration:none;color:#aaa} .sidebar a:hover{text-decoration:none;color:#eee} .sidebar h2{color:#fff;margin:5px 0 0 0;padding:0 0 0 5px;background:#356BB2;font:bold 14px/30px Georgia,Century gothic,Arial,sans-serif;text-transform:uppercase} .sidebar ul{list-style-type:none;margin:0 0 10px 0;padding:0;} .sidebar ul li{background-color: #42484d;padding: 6px 0px 6px 5px;margin: 0;border-bottom:1px solid #4d575f;} .sidebar1 ul li a {color: #aaa;} .sidebar1 ul li a:hover {color: #eee;} .sidebar ul li:hover{background-color: #333a3f;border-left:5px solid #356bb2;} .sidebar .widget{background-color:#42484d;margin: 0px 0px 15px 0px;} .upsec .widget{margin:10px 0px 10px 0px;padding:0px;background-color:transparent;border:0px solid #cdc3b9;} .main .widget{border-bottom:0 dotted $bordercolor;margin:0 0 5px;padding:0 0 5px} .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} #navbar-iframe{height:0;visibility:hidden;display:none} #catmenucontainer{height:40px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4dTO_7IZTZEavC_cFn9EdKpyMXN7aptVvlsKTZu27-PydiWcBNl0VGJoms_aAtPH-CWvqekONXiJ4vqF3JDeJVcMb7ueKnrv-WMcCSyabuKTJN3aQDLuY-VzRuXVosLXONciqYHQUW-4/s0/catmenu.png) repeat-x;display:block;padding:0 0 0 0;font:10px Tahoma,Century gothic,verdana,Arial,sans-serif;font-weight:normal;text-transform:uppercase} #catmenu{margin:0 23px;padding:0;width:954px;height:35px} #catmenu ul{float:left;list-style:none;margin:0;padding:0} #catmenu li{float:left;list-style:none;margin:0;padding:0} #catmenu li a,#catmenu li a:link,#catmenu li a:visited{color:#FFF;display:block;margin:0;padding:12px 10px 11px 10px} #catmenu li a:hover,#catmenu li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDzPYVUjNwuvDvJoW8amRR7cHEAZRVXuFxN_HCFt9wdKyY0ep7aNbW4KDyRibIYb_AZGbWYaanz2Qn1wo2T6F0EA9TgVK_4u7vrqiGNpr3RmDwZBRrGewDXHfGIlyXKUm3cSdpHW3RJ4c/s0/catmenua.png) repeat-x;color:#003457;margin:0;padding:12px 10px 11px 10px;text-decoration:none} #catmenu li li a,#catmenu li li a:link,#catmenu li li a:visited{background:#2F3A57;width:150px;color:#fae7df;font-family:Tahoma,century gothic,Georgia,sans-serif;font-weight:normal;float:none;margin:0;padding:8px 10px 8px 10px;border-bottom:1px solid #45516F} #catmenu li li a:hover,#catmenu li li a:active{background:#2F3A55;color:#fff;padding:8px 10px 8px 10px} #catmenu li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin:0;padding:0} #catmenu li li{} #catmenu li ul a{width:140px} #catmenu li ul a:hover,#catmenu li ul a:active{} #catmenu li ul ul{margin:-29px 0 0 170px} #catmenu li:hover ul ul,#catmenu li:hover ul ul ul,#catmenu li.sfhover ul ul,#catmenu li.sfhover ul ul ul{left:-999em} #catmenu li:hover ul,#catmenu li li:hover ul,#catmenu li li li:hover ul,#catmenu li.sfhover ul,#catmenu li li.sfhover ul,#catmenu li li li.sfhover ul{left:auto} #catmenu li:hover,#catmenu li.sfhover{position:static} #foxmenucontainer{height:31px;background:#0f2659;display:block;padding:0 0 0 0;font:10px Tahoma,Century gothic,verdana,Arial,sans-serif;font-weight:normal;text-transform:uppercase} #menu{margin:0;padding:0;width:1000px;background:#0f2659;height:31px} #menu ul{float:left;list-style:none;margin:0;padding:0} #menu li{float:left;list-style:none;margin:0;padding:0} #menu li a,#menu li a:link,#menu li a:visited{color:#7DACDF;display:block;margin:0;padding:10px 15px 9px 15px} #menu li a:hover,#menu li a:active{background:#06122e;color:#fff;margin:0;padding:10px 15px 9px 15px;text-decoration:none} #menu li li a,#menu li li a:link,#menu li li a:visited{background:#0F2659;width:150px;color:#77A8E8;float:none;margin:0;padding:8px 10px 7px 10px;border-bottom:1px solid #293F6F} #menu li li a:hover,#menu li li a:active{background:#121212;color:#fff;padding:8px 10px 7px 10px} #menu li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin:0;padding:0} #menu li li{} #menu li ul a{width:140px} #menu li ul a:hover,#menu li ul a:active{} #menu li ul ul{margin:-28px 0 0 170px} #menu li:hover ul ul,#menu li:hover ul ul ul,#menu li.sfhover ul ul,#menu li.sfhover ul ul ul{left:-999em} #menu li:hover ul,#menu li li:hover ul,#menu li li li:hover ul,#menu li.sfhover ul,#menu li li.sfhover ul,#menu li li li.sfhover ul{left:auto} #menu li:hover,#menu li.sfhover{position:static} #search{height:30px;width:auto;padding:30px 10px 0 15px;width:210px;float:right} #search form{margin:0;padding:0} #search fieldset{margin:0;padding:0;border:none} #search p{margin:0;font-size:85%} #s{margin-left:0;float:left;width:160px;padding:6px 2px 6px 5px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRhlf6KLEfE3MbRX3Kr5JUC32_uvruL1TLeZes55CDFt1jHw8w4uK2GIqgmD3dC76mb-03DqsqXo0gqfijIQObPLFmbGycjjwXWhfIPhiM4Sh-xVuF1K3xnYpdgJAItJ0snvrV4ivshbI/s0/sform.png);border:none;font:normal 100% "Tahoma",Arial,Helvetica,sans-serif;color:#3B62B9} #searchsubmit{width:33px;float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWh6iIMqCTQJ4MsrQ-DTbQkia8O3zkhWRZpDnVaz7EYU_4FhE1OL7ZDnHD68fxnSdr4GW2xIOzuJB6mejv8aJKR6wmCacb2rpWBois-0icg0KI4EMiUW9BbAKs1xwTp5NFPm1c3OkbmYg/s0/sbutton.png);border:none;font:14px "century gothic",Arial,Helvetica,sans-serif;color:#FFF;height:28px;line-height:24px} .feed{height:30px;width:auto;margin-bottom:5px;padding:15px 5px 10px 10px;width:288px;border:1px solid #cfdcc7;background:#fff} .feed form{margin:0;padding:0} .feed fieldset{margin:0;padding:0;border:none} .feed p{margin:0;font-size:85%} .input{margin-left:0;float:left;width:205px;padding:5px 2px 5px 5px;background:#E4E4E4;border:none;font:normal 100% "Tahoma",Arial,Helvetica,sans-serif;color:#333;border:1px solid #CFCFCF} .sbutton{width:62px;float:left;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYABXBryNiqUmBu6kRkQT1Nyor5fJJIJAz6V_gxK3X-X-fCccqc8i7fWIgXRpbPZigQuRUu7RvNLW15ZfJjKuUTl_PetBNFZuukLon_0iqf6Ei006X0YtXR_CYO8AcctmvWcI_x_IVNCw/s0/submit.jpg);border:none;font:bold 100% "century gothic",Arial,Helvetica,sans-serif;color:#FFF;height:28px;margin-left:5px} /* FOOTER */ #footer{height:32px;padding:20px 0 0 0;color:#648CA7;text-align:center;letter-spacing:1px;font:normal 11px Tahoma,georgia,Century gothic,Arial,sans-serif;background:#02131F;border-top:5px solid #00263F} #footer a:link,#footer a:visited{color:#648CA7} #footer a:hover{color:#FFF} #bottom{margin:0 auto;width:1000px} .bottomcover{background:#002f4f;margin:0 auto;border-top:5px solid #648ca7;} h3.bothead{height:20px;font-size:18px;padding:10px 0 10px 5px;color:#fff;text-shadow:1px 1px 0 #172C2F} .botwid{float:left;width:300px;padding-bottom:30px;font-size:12px;list-style:none;color:#ddd} .botwid ul{list-style-type:none;margin:0 0 10px 0;padding:0;} .botwid ul li{list-style-type:none;padding: 6px 0px 6px 0px;margin: 0px 20px 0px 0px;border-bottom:1px dotted #07456f;} .botwid ul li a {color: #4c87af;} .botwid ul li a:hover {color: #fff;} .botwid p{padding:7px 10px;margin:0} .botwid table{width:100%;text-align:center;color:#787d7f} /* -- NUMBER PAGE NAVIGATION -- */ .showpageArea {float:left;} .showpageNum a{font:12px Arial,Verdana;padding:3px 6px;margin:0 4px;text-decoration:none;background:#6f6f6f;color:#fff;border:1px solid #39312e} .showpageOf{margin:0 8px 0 0;color:#222;font:12px Arial,Verdana} .showpageNum a:hover{color:#fff;background:#0282dd;border:1px solid #00558f} .showpageArea{margin:10px 0;font:12px Arial,Verdana;color:#111} .showpagePoint{color:#fff;padding:3px 6px;margin:2px;border:1px solid #00558f;background:#0282dd;text-decoration:none} .showpage{padding:3px 3px;margin:0 4px;text-decoration:none;background:#6f6f6f;color:#fff;border:1px solid #39312e;font:12px Arial,Verdana} .showpage a{text-decoration:none;color:#fff;border:0px solid 39312e;font:12px Arial,Verdana} .showpage:hover{padding:3px 6px;margin:0 4px;text-decoration:none;background:#0282dd;color:#fff;border:1px solid #00558f;font:12px Arial,Verdana} .showpage a:hover{text-decoration:none;background:#0282dd;color:#fff;border:0px solid #00558f;font:12px Arial,Verdana} #comment-form iframe{padding:5px;width:500px} .date{font:10px Tahoma,century gothic,Arial,Verdana,Helvitica,sans-serif;padding:0 5px;color:#39525E;text-transform:uppercase} .single{width:635px;overflow:hidden;margin:0 4px 5px 18px;height:100%;color:#666;font:13px Tahoma,century gothic,Arial,verdana,sans-serif;background:#fff;line-height:20px;border:1px solid #cfdcc7} .single h2{margin:0 0 0 0;padding:5px 0 5px 10px;text-align:left;font:20px century gothic,Arial,verdana,sans-serif;font-weight:normal;overflow:hidden} .single h2 a,.single h2 a:link,.single h2 a:visited{color:#5b5b5b;background-color:transparent} .single h2 a:hover{color:#ac0604;background-color:transparent} .author{color:#fff;padding:2px 5px 2px 5px;background:#77a8e8;margin-left:5px} .clock{color:#fff;padding:2px 5px 2px 5px;background:#e08b8b;margin-left:5px} .comm{color:#fff;padding:2px 5px 2px 5px;background:#c2cf67;margin-left:10px} .comm a:link,.comm a:visited{color:#fff} .comm a:hover{color:#fff} .more{padding:0 0 2px 20px;background:url(images/add.png) no-repeat;margin-right:5px;float:right} .more a:link,.more a:visited{color:#AC0604} .more a:hover{color:#d42323} .singleinfo{height:15px;margin:0 0;padding:5px 0 10px 0;font:12px Georgia,Arial,century gothic,verdana,sans-serif} .postmore{padding:0 5px 2px 25px;float:left;font-weight:bold;background:url(images/pmore.jpg) left no-repeat} .postmore a:link,.postmore a:visited{color:#fff} .postmore a:hover{color:#fff} .category{font:10px Tahoma,century gothic,Arial,Verdana,Helvitica,sans-serif;padding:0 5px 5px 10px;text-transform:uppercase} .category a:link,.category a:visited{color:#fff;padding:2px 5px 2px 5px;background:#4C586F} .category a:hover{color:#fff} #welcome{height:177px;margin-bottom:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdh4uqEEPxb35JF7qiwZaXeFdyKq0efkdwELmT3mdDxR0hGvb-UjWxj3HpppmuE4aPyI4uEXT6JvCVa3XjrDzx-cK_SB-F97L7EE1_QjW-hVG21KN-W9HFhleqZMU69jRgfNgIagPdDQ0/s0/welcome.png);font-family:Tahoma,Century gothic,Arial,Tahoma,sans-serif;padding:0 0;width:1000px} .wmessage p{padding:0 0;margin:0 0 0 30px;font:12px Tahoma,Century gothic,verdana,Arial,sans-serif;color:#fff;height:160px;overflow:hidden;width:500px;font-weight:normal;line-height:20px} #slider{width:635px;/* important to be same as image width */ height:250px;/* important to be same as image height */ position:relative;/* important */ overflow:hidden;/* important */ margin:0 0 5px 0px} #sliderContent{width:635px;/* important to be same as image width or wider */ position:absolute;top:0;left:0;background:#111} .sliderImage{float:left;position:relative;display:none} .sliderImage span{position:absolute;padding:5px 10px;width:615px;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;color:#fff;display:none} .clear{clear:both} .sliderImage span strong a:link,.sliderImage span strong a:visited{font:16px Century gothic,Tahoma,Arial,Helvetica,sans-serif;line-height:18px;font-weight:bold;color:#fff;margin:0 0;padding:5px 0} .sliderImage span p{font:11px Tahoma,Arial,Helvetica,sans-serif;line-height:14px;color:#fff;margin:5px 0;padding:0 0} .top{top:0;left:0} .bottom{bottom:0;left:0;padding:0 0} .page-numbers{color:#fff;padding:2px 5px;border:1px solid #17447F;background:#356BB2} .current{color:#CFE4FF} #slider ul{list-style-type:none;margin:0 0;padding:0 0} </style><br /> <br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <b:if cond='data:blog.pageType != "item"'><br /> <style type='text/css'> .post img{padding: 5px 5px;background:#E3E8E0;border: 1px solid #C7CFC2;} </style><br /> </b:if><br /> </b:if><br /> <br />   </head><br /> <br />   <body><br />   <div id='outer-wrapper'><div id='wrap2'><br />     <br />     <span id='skiplinks' style='display:none;'><br />       <a href='#main'>skip to main </a> |<br />       <a href='#sidebar'>skip to sidebar</a><br />     </span><br /> <br /> <br /> <div id='foxmenucontainer'><div id='menu'><ul> <li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>  <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>  <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>    <li><a href='#'>aciform</a><br /> <ul class='sub-menu'><li><a href='#'>echappee</a></li> <li><a href='#'>broder</a></li> <li><a href='#'>asmodeus</a><br />   <ul class='sub-menu'>    <li><a href='#'>Uncategorized</a></li>   </ul></li> </ul></li> <li><a href='#'>Cat A</a><br /> <ul class='sub-menu'> <li><a href='#'>Cat B</a></li>  <li><a href='#'>Cat C</a></li> </ul></li>  <li><a href='#' title='Edit this link'>Edit</a></li>  </ul></div> <br /> </div><div style='clear:both;'/><br />     <div id='header-wrapper'>      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='pastimudeng (Header)' type='Header'/><br /> </b:section><br /> <br /> <div id='header2'><div id='search'><form action='/search' id='searchform' method='get'><input id='s' name='q' type='text' value=''/><br /> <input id='searchsubmit' type='submit' value=''/><br /> </form></div></div><br /> <div style='clear:both;'/><br />     </div><br /> <div id='welcome'><div class='wmessage'><p>Mungkin hanya saya seorang. Bloger yang berangkat dari sama sekali engga ngerti komputer, Ketika pertama kali di ajak temen ke sebuah warnet. Jangankan buka alamat web. Pegang mouse saja tangan ini gemeter e minta ampun, Alhamdulillah karena sering, akhirnya dikit-dikit tau juga gimana caranya ngutak-utik komputer. Dan lewat warnet pula saya ngerti apa itu namanya BLOG. Bagus juga itu manfaat blog, Ibarat kita punya sebuah surat kabar, segala ide dan pemikiran, bisa dituangkan kedia tersebut, dan jangkauanya tak terbatas, semua kolong langit bisa dicapai</p></div></div><div style='clear:both;'/><br /> <div id='catmenucontainer'><div id='catmenu'><ul> <li class='current_page_item'><a expr:href='data:blog.homepageUrl' title='Beranda'>BERANDA</a></li>  <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>  <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>  <li><a href='#' title='Edit this link'>Edit</a></li>  <li><a href='YOUR-LINK-HERE'>Sample Page</a><br /> <ul><li><a href='YOUR-LINK-HERE'>Subpage 1</a></li> <li><a href='YOUR-LINK-HERE'>Subpage 2</a></li> <li><a href='YOUR-LINK-HERE'>Subpage 3</a><br /> <ul><li><a href='YOUR-LINK-HERE'>Subpage 3-a</a></li> </ul></li> </ul></li>   <li><a href='#' title='Edit this link'>Edit</a></li>   </ul></div>  <br /> </div><br /> <div style='clear:both;'/> <br />     <div id='content-wrapper'><br />       <div id='crosscol-wrapper' style='text-align:center'>        <b:section class='crosscol' id='crosscol' showaddelement='yes'/><br />       </div><br />       <div id='main-wrapper'><br /> <br /> <br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <b:if cond='data:blog.pageType != "item"'><br /> <br /> <div id='slider'><ul id='sliderContent'>  <li class='sliderImage'><br /> <a href='http://pastimudeng.blogspot.com/2011/03/posting-pertamaku.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1TPEshvNcvfexLfARN5kkGnRnhvwkdPepscaC86ioruzstSZCvf6QGrq6GbSmtM3fpv5YhA5Yr3v0DDq2X-Vw71iuOAKddv6-y_q0HTq1YEgBQJDrsnmBFkQbLmcjZF60Yt05Cei_578/s0/1.jpg' style='width:635px;height:250px;'/></a><br /> <span class='bottom'><br /> <strong><a href='http://pastimudeng.blogspot.com/2011/03/posting-pertamaku.html'>POSTING PERTAMA KU <br /> </a></strong><br /> <p>Tak bisa di sangkal, Dunia maya adalah media yang sangat berperan dalam menyebarkan berbagai informasi di era mendatang. Dengan berbagai keunggulan yang di milikinya di banding media yang lain. internet nantinya bakal menggeser keberadaan media-media yang saat ini masih eksis. Peran surat kabat, Radio,TV nantinya bakal di ambil alih oleh media internet. Saat ini arah menuju ke sanapun sudah terasa, sebagai contoh, anak muda sekarang lebih memilih media internet dalam menganbil sebuah informasi dari pada memalui media lain.<br /> [...]</p></span><br /> </li>                             <li class='sliderImage'><br /> <a href=' http://pastimudeng.blogspot.com/2011/03/tutorial-lain-dari-pada-yang-lain.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim4RBS1-ZVt6ko-iRPlgNpBTx15jbxjK-rUTJrvKbzPHsC1rZwdlaIubQJCe0gr9rM1MhA5vyTHOSK3aAjSPnYHrasB7kAaTJQzJ3BDAsPAx0HuBe65iQVszie29nfE1nB4_EUsb02Ic8/s0/2.jpg' style='width:635px;height:250px;'/></a><br /> <span class='bottom'><br /> <strong><a href=' http://pastimudeng.blogspot.com/2011/03/tutorial-lain-dari-pada-yang-lain.html'>TUTORIAL LAIN DARI PADA YANG LAIN </a></strong><br /> <p>Setelah melalui proses pemikiran dan perenungan yang panjang, serta di niatkan untuk memanfaatkan media blog ini demi kemajuan perBLOGAN. Dan juga mengendus topik apa yang selalu In dan ramai di cari orang, Serta maafaat yang bisa langsung di rasakan, saya memutuskan untuk memposting tema Tutorial. Ini pun kayaknya sejalan dengan anjuran sobat-sobat yang lebih senior dalam perblogan lewat artikel-artikel yang mereka posting.Yang intinya mereka mengajak rekan-rekan bloger untuk selalu memperbagus blog baik dari segi tampilan maupun isi.[...]</p></span><br /> </li>     <li class='sliderImage'><br /> <a href='SLIDE-3-LINK-HERE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggi1MO0LxG63kniN7NMRSq1SX7hXwF1T6ZeLx7SWb0mE_4Ora-Sq9_m2BIm79WFpv9V_GnD9tig-xFJ_p2w-TaxitRWjcGg-_uBUkOWHmfcw6Lf_O5v_pILkN-5LNIak5Z_fIr_Jg3QNQ/s0/3.jpg' style='width:635px;height:250px;'/></a><br /> <span class='bottom'><br /> <strong><a href='SLIDE-3-LINK-HERE'>SLIDE-3-TITLE-HERE</a></strong><br /> <p>Replace these every slide sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com [...]</p></span><br /> </li>     <li class='sliderImage'><a href='#'><img src='#' style='width:635px;height:250px;'/></a><span class='bottom'><strong><a href='#'>#</a></strong><p>#</p></span></li>              </ul></div><br /> <div style='clear:both;'/><br /> </b:if></b:if><br /> <br /> <br /> <br />         <b:section class='main' id='main' showaddelement='yes'><br /> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/><br /> </b:section><br />       </div><br />       <div id='rsidebar-wrapper'><br /> <br /> <div class='feed' style='padding-right:19px;margin-top:15px;'><br /> <form action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-ID' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == "") {this.value = "Sign Up here for email feed...";}' onfocus='if (this.value == "Sign Up here for email feed...") {this.value = "";}' type='text' value='Sign Up here for email feed...'/><br /> <input name='uri' type='hidden' value=''/><br /> <input class='sbutton' type='submit' value=''/><br /> </form> <br /> </div><br /> <br /> <br /> <b:section class='sidebar upsec' id='sidebarrightup' preferred='yes'><br /> <b:widget id='PageList14' locked='true' title='' type='PageList'/><br /> <b:widget id='PageList16' locked='true' title='Pages' type='PageList'/><br /> </b:section><br /> <br /> <br /> <b:section class='sidebar' id='sidebarright' preferred='yes'><br /> <b:widget id='HTML1' locked='false' title='' type='HTML'/><br /> <b:widget id='Attribution1' locked='true' title='' type='Attribution'/><br /> </b:section><br /> <br /> <p/></div><br />       <br />       <div class='clear'> </div><br />     </div><br /> <br />   </div></div><br /> <br /> <br /> <div class='bottomcover '><div id='bottom'><ul> <li class='botwid'><br /> <b:section class='fcolumn' id='col1' preferred='yes' style='float:left;'><br /> <b:widget id='Label3' locked='false' title='Labels 3' type='Label'/><br /> </b:section><br /> </li>    <li class='botwid'><br /> <b:section class='fcolumn' id='col2' preferred='yes' style='float:left;'><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><br /> </b:section><br /> </li>  <li class='botwid'><br /> <b:section class='fcolumn' id='col3' preferred='yes' style='float:left;'><br /> <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/><br /> </b:section><br /> </li>  </ul><br /> <div class='clear'></div></div></div><br /> <br /> <div id='footer'><div class='fcred'><br /> Copyright  2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - Bloggerized by <a href='http://www.bloggertipandtrick.net/' target='_blank'>Lasantha</a> - <a href='http://www.premiumbloggertemplates.com/' target='_blank'>Premiumbloggertemplates.com</a> | Affordable <a href=' http://www.herotemplates.com' target='_blank'> HTML Templates</a> from Herotemplates.com<br/><br /> Design by <a href='http://www.web2feel.com/' target='_blank'>Web2feel</a> and <a href='http://www.fabthemes.com' target='_blank'>FabThemes.com</a>.<br /> <br /> </div></div><br /> <br /> <br /> <br /> <br /> <script type='text/javascript'> var pageCount=6; var displayPageNum=3; var upPageWord ='« '; var downPageWord =' »'; </script><br /> <script type='text/javascript'> //<![CDATA[ function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage" style="padding: 3px 6px;margin:0 4px;text-decoration:none;font-family: Arial, Verdana;font-size: 12px;text-align:center;"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 3px 6px;margin:0 4px;text-decoration:none;font-family: Arial, Verdana;font-size: 12px;text-align:center;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style="padding: 3px 6px;margin:0 4px;text-decoration:none;font-family: Arial, Verdana;font-size: 12px;text-align:center;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #fff;background:#6f6f6f;border: 1px solid #39312e;font-size: 12px;padding:3px 6px;margin:0 4px;" class="showpageOf"> Pages '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 3px 6px;margin:0 4px;text-decoration:none;background:#6f6f6f;color:#fff; border:1px solid #39312e;font-family: Arial, Verdana;font-size: 12px;text-align:center;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style="padding: 3px 6px;margin:0 4px;text-decoration:none;font-family: Arial, Verdana;font-size: 12px;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #999;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}} //]]> </script><br /> <br /> <br /> <br /> </body><br /> </html><br />                 <br /> /></a></div>

pastimudeng

Pages

Senin, 14 Maret 2011

Bongkar Tempelet

Tidak ada komentar:

Posting Komentar