TEMPLATE UNTUK BLOG | [̲̅̅Go̲̅b̲̅l̲̅o̲̅g̲̅]

TEMPLATE UNTUK BLOG TEMPLATE UNTUK BLOG

Diposting oleh ⏜⎝⏝G.O.B.L.O.G.⏝⎠⏜ di 02.09 ·

Hasil curian dari teman monggo di copas,..

Full Template : AQUA BLUE

<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 />     <title><data:blog.pageTitle/></title><br />     <b:skin><![CDATA[/*  /* Theme Information   Theme Name: Aqua Blue  Theme URI: http://www.themespanel.com/aqua-blue-theme/  Description: Aqua blue theme with 2 columns. Theme options include Twitter and feed integration, advanced automatic thumbnails, custom style and more. Drop-down menu and Ad-sense ready. Tested on WP 3.0 using Firefox, IE7, IE8, Google Chrome, Safari and Opera.   Version: 2.00  Author: ThemesPanel.com  Author URI: http://www.ThemesPanel.com/  Tags: two-columns, blue, fixed-width, right-sidebar, widget-ready, theme-options, threaded-comments, sticky-post */ /* [ Basic HTML ]                                                  */<br /> <br /> #navbar, #navbar-iframe {display: none;}<br /> body {<br />  font-size: 12px;<br />  font-family: Arial, Helvetica, Sans-Serif;<br />  color:#17586D;<br />  background:#175E92 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPbauCe_xwFwbefcuXXJAjfm8tfzdZ-6zzmCp5SboOd48Md7PxCzV3_C7MUL8U4N06PQUmOC4Ru_Oi4lMuA63UHh3dhOgS3wl1bKRri5pP-re0176OrpPeNgIAuoMgEzc1zM3dhiQwMJFH/s1600/bg_repeat.jpg') repeat-y center top;<br /> }<br /> <br /> a { color:#17586D; text-decoration:none;}<br /> a:hover { color:#EE5003; text-decoration:underline;}<br /> <br /> h1 {font-size:30px;}<br /> h2 {font-size:26px;}<br /> h3 {font-size:21px;}<br /> h4 {font-size:17px;}<br /> h5 {font-size:14px;}<br /> h6 {font-size:12px;}<br /> <br /> hr { height:1px; border:none; border-top:1px dashed #17586D; width:95%; }<br /> del { color:red; }<br /> ins { color:green; }<br /> code { font:1.1em 'Courier New', Courier, Fixed; }<br /> <br /> blockquote {<br />  clear:left;<br />  text-align:justify;<br />  padding:0px 0px 0px 22px;<br />  margin:10px 10px 10px 10px;<br />  border-left:2px solid #17586D;<br /> }<br /> input,select,textarea {<br />  font-size:12px;<br />  font-family:Arial, Helvetica, Sans-Serif;<br /> }<br /> <br /> ol { list-style:decimal; }<br /> ul { list-style:disc; }<br /> li { margin-left:20px; }<br /> <br /> p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {<br />  margin-bottom:20px;<br /> }<br /> <br /> /* [ Predefined Class ]                                            */<br /> .alignleft { float:left; }<br /> .alignright { float:right; }<br /> .aligncenter {<br />  display:block;<br />  margin-left:auto;<br />  margin-right:auto;<br /> }<br /> img.alignleft {<br />  margin:0 8px 8px 0;<br />  display:inline;<br /> }<br /> <br /> img.alignright {<br />  margin:0 0 8px 8px;<br />  display:inline;<br /> }<br /> <br /> img.centered {<br />  display:block;<br />  margin-left:auto;<br />  margin-right:auto;<br /> }<br /> .clear { clear:both; }<br /> .spacer { height:30px; }<br /> .hide-div { display:none; }<br /> /*.indent{ display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px; }*/<br /> <br /> /* [ Layout ]                                                      */<br /> #bg_top{<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihut5vzlAcUUSl3OzTAtkCVtL6hi-e2ylrprc_DnQxoRJu9TozECaYpY1vsLAGPLrB3Jmz8sj6p8QDEyl-laC5BsFc7WolEzSuES0MYCTGSxUVOFX0X85IdJLBd7s8r66eOSMM04aOFo-x/s1600/bg_top.jpg') no-repeat center top;<br /> }<br /> #bg_btm{<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxxpFmCS-NoztjwU0h6VAWK4vCbX2PspXCTzTSi2AiRhOTwrs7d2sgexs0HRazOKQhPOYuOwFylijHXX1p39qJ1li9pGQYJpmdS02vbN87GU3lBWeSEzBbVL_UU2Fy7J_nB60NolsB2JTq/s1600/bg_bottom.jpg') no-repeat center bottom;<br /> }<br /> #base {<br />  position:relative;<br />  margin:0px auto;<br />  width:980px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQzxQtl0VYFiqbEVGF95tldPP4Z3DPvfV5-o7JrkRMOSQNUrceeRzaVX3XixywCjV5MBTVeXNQfGGeMsKs0MaQPtQT2XyysPdf-03JMrXlhYg5TQFi2mkr3WfPrbVj_HQX3P7u2sBD2uZk/s1600/bg_center_repeat.jpg') repeat-y center top;<br /> }<br /> #headerarea {<br />  position:relative;<br />  height:280px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJ-pZl0rvs-s4_iZnGzX9UPR2G4AumrtlKeWPgDwJTLll852BjodV9kpoZ37wx4rA0SqQBsWMv0oVkS_KqT18xhngE0hKa6sUSYUAEJgt9a5yNNlbQoTPkZ1VjeAcxG_KhO-l8IGC7U7J/s1600/bg_header.jpg') no-repeat center top;<br /> }<br /> #container {<br />  overflow:hidden;<br />  position:relative;<br />  width:980px;<br />  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc7UfY3fTxmmjD2bhbh69b9SdI-5FahA1ssBbptHaL6paXnlW77boQFJXO4Xj74kw613GfkoIJ75LyVSU88GX5DcAstiUWyLIuASfaM1C96ATWNgrX4D4P9ro7Eq7gE1thqOQecqSGQHhN/s1600/bg_container_top.jpg) no-repeat top center;<br /> }<br /> #menubar {<br />  position:absolute;<br />  bottom:0px;<br />  left:6px;<br />  width:800px;<br />  height:36px;<br /> }<br /> #content {<br />  float:left;<br />  display:inline;<br />  overflow:hidden;<br />  width:655px;<br />  margin:4px 0 0 23px;<br />  padding:13px 0px 0 0px;<br /> }<br /> <br /> #featured {<br />  padding:30px 0px 0px 0px;<br />  margin:0;<br /> }<br /> <br /> #sidebar {<br />  position:relative;<br />  float:right;<br />  overflow:hidden;<br />  display:inline;<br />  width:280px;<br />  padding:0;<br />  margin:0 10px 0 0px;<br /> }<br /> <br /> #footer {<br />  overflow:hidden;<br />  color:#FFF;<br />  font-size:12px;<br />  line-height:1.1em;<br />  height:42px;<br />  padding:390px 365px 0 35px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqA5lE6HwdPHxvRZfxM5O8TmlJlFRU79ziLLGtN0eI5rov6HmjhV-jitCFYeALrjmqfdTnI9w_rA0sRehC3sKYyvQfwb1mKubTWX_KfvTseZH3-I3I_v8bXCSaAy5BKBnfac025Niof_QC/s1600/bg_footer.jpg') no-repeat center bottom;<br /> }<br /> #footer a {<br />  color:#FFF;<br /> }<br /> <br /> /* [ Header ] Blog Title, Description                              */<br /> #header h1 {<br />  position:relative;<br />  width:700px;<br />  font-family:Arial, Helvetica, Sans-Serif;<br />  font-size:40px;<br />  font-weight:bold;<br />  padding:85px 0 10px 210px;<br />  margin:0;<br />  text-shadow: #523013 0px 0px 2px;<br /> }<br /> #header a, #header a:hover {<br />  font-family:Arial, Helvetica, Sans-Serif;<br />  color:#004B7C; <br />  text-decoration:none;<br /> }<br /> .description {<br />  position:relative;<br />  width:650px;<br />  font-family:Arial, Helvetica, Sans-Serif;<br />  font-size:14px; <br />  color:#3B7B8C;<br />  font-weight:normal;<br />  padding:0px 0 5px 220px;<br />  margin:0;<br />  text-shadow: #523013 0px 0px 2px;<br /> }<br /> #headerarea .indent {<br />  display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px;<br /> }<br /> #headerarea .home {<br />  position:absolute;<br />  margin:0px;<br />  padding:0px;<br />  left:0px;<br />  top:0px;<br />  width:800px;<br />  height:240px;<br /> }<br /> <br /> /*  [ Container ] Search Box                                        */<br /> .mainsearch {<br />  position:relative;<br />  overflow:hidden;<br />  width:256px;<br />  height:74px;<br />  margin: 10px 0 10px 10px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Qya5rd35uTUYGeZ-M0eaTJIIdGIYJp1ami3Th9XdRkY_8-wr_j9v6nO8UWfphQglgyefuNxp7uv5nzq9sPRLvZBFGvfTVT-1vIAeHCAGtso51KLCi4gtSrVd353rXNBpWjuMoYdm16TH/s1600/bg_search.png') no-repeat 0px 0;<br /> }<br /> .mainsearch .keyword {<br />  position:absolute;<br />  top:26px;<br />  left:66px;<br />  width:162px;<br />  height:20px;<br />  margin:0 0 0 0;<br />  font-size:14px;<br />  line-height:14px;<br />  font-family:Arial, Helvetica, Sans-Serif;<br />  font-weight:bold;<br />  text-transform: uppercase;<br />  color:#293A28; <br />  border:none;<br />  background:transparent;<br /> }<br /> .mainsearch .submit {<br />  position:absolute;<br />  cursor:pointer;<br />  border:none;<br />  top:20px;<br />  left:20px;<br />  height:40px;<br />  width:40px;<br />  background:transparent;<br /> }<br /> /* [ RSS ]                                              */<br /> .rss {<br />  position:absolute;<br />  overflow:hidden;<br />  display:block;<br />  top:207px;<br />  left:805px;<br />  width:67px;<br />  height:67px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZc5jj9LDNwv6jL-Zv8Zfdh_CkCzL4YwwmrDqnpcc4Nm1uHq3y9ytVdeDnCNxrTX-AFfqzRyahBVPXvMTXeMgf0sqIFvhOBctvR70TXHsmz4k1fv-HHmGrO0fIlJAS8l0WzhSQ5U6L5OhN/s1600/bg_rss.png') no-repeat 0 0;<br /> }<br /> .rss:hover {<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZc5jj9LDNwv6jL-Zv8Zfdh_CkCzL4YwwmrDqnpcc4Nm1uHq3y9ytVdeDnCNxrTX-AFfqzRyahBVPXvMTXeMgf0sqIFvhOBctvR70TXHsmz4k1fv-HHmGrO0fIlJAS8l0WzhSQ5U6L5OhN/s1600/bg_rss.png') no-repeat 0 -67px;<br /> }<br /> /* [ Twitter ]                                          */<br /> .twitter {<br />  position:absolute;<br />  top:194px;<br />  left:880px;<br />  display:block;<br />  width:59px;<br />  height:78px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheij0C8K2cNgRvADXOj1yvY0d8kcFgzB3Jvj5o5j4ZVwQMH1BoOi6YPtluxpdaFNR_kyzzk1RZ9jL8X70R0_MjutW0zKRQax4mfG3lklzUskUec0MUE47T6cPa40jnFH1NX_uDRo4nhY9A/s1600/bg_twitter.png') no-repeat 0 0;<br />  z-index:9997;<br />  overflow:hidden;<br /> }<br /> <br /> .twitter:hover{<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheij0C8K2cNgRvADXOj1yvY0d8kcFgzB3Jvj5o5j4ZVwQMH1BoOi6YPtluxpdaFNR_kyzzk1RZ9jL8X70R0_MjutW0zKRQax4mfG3lklzUskUec0MUE47T6cPa40jnFH1NX_uDRo4nhY9A/s1600/bg_twitter.png') no-repeat 0 1px;<br /> }<br /> /* [ Menu ]  Level 1                                               */<br />  /* if possible, give menu dynamic width*/<br /> #menu {<br />  position:absolute;<br />  list-style:none;<br />  top:0px;<br />  left:4px;<br />  width:800px;<br />  height:36px;<br />  margin:0;<br />  padding:0;<br />  z-index:9999;<br /> }<br /> #menu li {<br />  position:relative;<br />  float:left;<br />  font-size:11px;<br />  font-family:Verdana, Arial, Helvetica, Sans-Serif;<br />  font-weight:bold;<br />  margin:0px;<br /> }<br /> <br /> #menu li a {<br />  display:block;<br />  overflow:hidden;<br />  /*width:100px;*/<br />  height:28px;<br />  line-height:14px;/*set for IE7*/<br />  color:#000000;<br />  padding:8px 10px 0 10px;<br />  margin:0 0 0 0;<br />  text-align:center;<br />  text-transform:uppercase;<br />  text-decoration:none;<br />  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO3YdInbiRuUIjT8CBO85TsutahU8-GA9TUv20rhdPKpRdVOKKalNtP_nF_F96c7utiaz6ifAFhVBRvA9tMB3MBM3YFlzNqmgl8lMlD9qER2dBAdcka1QCVzcjzl2T-Lfzwf6MzhmiYpF2/s1600/bg_menu_item.png) no-repeat 0 0;<br /> }<br /> #menu li a:hover,#menu > li.current_page_item > a {<br />  color:#AC5C6F;<br /> }<br /> #menu li.hover {<br /> }<br /> /*  [ Menu ]  Level 2                                        */<br /> #menu li ul {<br />  position:absolute;<br />  visibility:hidden; <br />  list-style:none;<br />  margin:0;<br />  padding:0;<br />  top:95%; <br />  left:0;<br />  border-top:1px solid #828C90;<br />  border-left:1px solid #828C90;<br />  border-right:1px solid #828C90;<br /> }<br /> <br /> #menu li ul li {<br />  float:none;<br />  color:#000;<br />  margin:0;<br />  padding:0;<br /> }<br /> #menu li ul li a {<br />  display:block;<br />  color:#000;<br />  padding:10px 10px 10px 10px;<br />  margin:0;<br />  width:180px;<br />  height:auto;<br />  border-bottom:1px solid #828C90;<br />  background:#E3F5F7;<br /> }       <br /> #menu li ul li a:hover {  <br />  color:#AC5C6F;<br />  height:auto; <br />  background:#E3F5F7;<br /> }<br /> <br /> /* level 3*/<br /> #menu ul ul { left:100%; top:-1px;}<br /> #menu li:hover > ul { visibility:visible; }<br /> <br /> <br /> /* [ Content ] Post                                                */<br /> .post, #content .page {<br />  overflow:hidden;<br />  width:655px;<br />  margin:0 0 20px 0px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP-NtIYAoj4tuSRxgEt17oJpLC_UrbKIptbWdVzKrdoz9aKRRGvRngJqoO82aK28n4GUqGub8-5MZuwVIOUYcORzOWEjZzEJqH2_NEcha44fnZlWxwG-H2ha8QPnE1ta4IyEZF9MEhSmSz/s1600/bg_post_title.jpg') no-repeat;<br /> }<br /> .post_title {<br />  float:left;<br />  width:530px;<br />  height:40px;<br />  margin:0;<br />  padding:30px 0 0px 10px;<br /> }<br /> <br /> .post_title a {<br />  color: #CD581F;<br />  text-decoration:none;<br /> }<br /> .post_title a:hover {<br />  text-decoration:underline;<br /> }<br /> .post_title h1, .post_title h2 {<br />  font-size:22px;<br />  font-weight:normal;<br />  font-family: Times New Roman, Times, Serif;<br />  margin:0;<br />  padding:0;<br /> }<br /> <br /> .post_date {<br />  float:right;<br />  width:60px;<br />  height:45px;<br />  padding:36px 33px 0 0;<br />  font-family:Arial, Helvetica, Sans-Serif;<br />  font-size:10px;<br />  font-weight:bold;<br />  text-transform:uppercase;<br />  line-height:18px;<br />  color:#E1DC9F; <br />  text-align:center;<br />  text-shadow:#000 1px 1px 1px;<br /> }<br /> .post_date_d {<br />  font-size:25px;<br />  font-family:Arial, Helvetica, Sans-Serif;<br />  font-weight:bold;<br />  color:#E1DC9F;<br />  padding: 0 2px 0 0;<br /> }<br /> .post_author {<br />  /*float:left;*/<br />  font-size:12px;<br />  padding:20px 0px 0 10px;<br />  text-align:left;<br />  height:15px;<br />  color:#17586d;<br /> }<br /> .post_author a {<br />  color:#17586d;<br /> }<br /> .page .post_date, .page .post_author{<br />  display:none;<br /> }<br /> .page .post_title{<br />  padding-bottom:20px;<br /> }<br /> .sticky {<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEied3WnYJpduOA6UjUXn32zsUu8m43FhBn39r2QrLVxh-afTDK_NwPRJndKJ0EkxIo62_YbTpnHX5Mk2mViDYIi7hTFlZSc3nABJDJ3h6Zbho7OZZFEaQM8-27Z_75wCqQfctQwe8-vGyFD/s1600/bg_post_title_sticky.jpg') no-repeat 0px 0px;<br /> }<br /> <br /> .sticky .post_date {<br />  color:#E8E1C4;<br /> }<br /> <br /> .sticky .post_title a {<br />  color:#636363;<br /> }<br /> .sticky .post_date_d {<br /> }<br /> <br /> .sticky .post_author a {<br />  color:#17586D;<br /> }<br /> <br /> /*  [ Content ] Entry                                            */<br /> img.post_thumb {<br />  float:left;<br />  display:block;<br />  padding:5px;<br />  margin:6px 10px 0 0;<br />  /* width:142px; */ /* don't limit the width and height better*/<br />  /* height:142px; */ <br />  border:1px solid #17586D;<br />  background:transparent;<br /> }<br /> <br /> .entry {<br />  overflow:hidden;<br />  color:#17586D;<br />  width:620px;<br />  line-height:1.7em;<br />  padding:10px 10px 0px 10px;<br />  margin:0 0 0px 0;<br /> }<br /> .entry a {<br />  color:#17586D;<br />  text-decoration:underline;<br /> }<br /> .entry a:hover {<br />  color:#EE5003;<br />  text-decoration:underline;<br /> }<br /> /*  [ Content ] Post Info                                        */<br /> .info {<br />  line-height:1.7em;<br />  font-size:11px;<br />  padding:5px 10px 0 10px;<br />  margin:0px 30px 0 0px;<br />  color:#17586D;<br /> }<br /> .info a {<br />  color:#17586D;<br /> }<br /> .info a:hover {<br />  color:#EE5003;<br />  text-decoration:underline;<br /> }<br /> <br /> .info_category {<br />  font-size:10px;<br />  margin:0px 0px 0px 0px;<br />  padding:0px 0px 4px 20px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizkU_muFSQi6J7UNWc43myqh1MNgS6_nhYK5_oNt5mSQjzac9dcKVXsKXccZg7SO2Yyh-lQgIxq8DKbBnxIzD9U6pn6qBk3LQcExx41VrOmAwkHhakgu7kyGLaZC83XsqvhUwo2LGl-pSp/s1600/icon_category.png') no-repeat top left;<br /> }<br /> <br /> .info_tag {<br />  font-size:10px;<br />  margin:0px 0px 0px 0px;<br />  padding:0px 0px 4px 20px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgthZ2VkEn4rKdYRd-lR7y1bfCPlbp33bqtJDi5fbjr9NOfDN0FmDFmhyphenhyphenADqdXctxn6ajhTwedq_34Ds11LChhuBOH02d-MtqYhGrkDyHXgSR10hsfjhFUcMp4_X1GaCqBfAgPHhleHf-oe/s1600/icon_tag.png') no-repeat top left;<br /> }<br /> <br /> .info_comment {<br />  font-size:10px;<br />  margin:0px 0px 0px 0px;<br />  padding:0px 0px 4px 20px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB1MlCJeLOhcmBSdqzn_i8gnidPoKZsq15scTLlkQuMTJAd4YqavIj3B33Tlwn8SX9xgiWu-7MDHnIC1h_sAggqgJN49i8lIhetmOZ59GRyKyixR3LodndITAD83ZRvNA389Gj8iV7A3E4/s1600/icon_comment.png') no-repeat top left;<br /> }<br /> /* [ Comment ] General                                             */<br /> #postmetadata {<br />  font-size:11px;<br />  margin:10px 0px 20px 0px;<br />  padding:5px 15px 5px 10px;<br />  border:2px #17586D solid;<br />  background:none;<br /> }<br /> #postmetadata a {<br />  text-decoration:underline;<br /> }<br /> .nocomments { background:none; padding:10px;}<br /> <br /> #comments {<br />  font-size:13px;<br />  text-align:left;<br />  font-weight:bold;<br />  margin:0px 0px 0px 0px;<br />  padding:0px;<br />  font-variant:normal;<br />  border-bottom:2px solid #17586D;<br /> }<br /> <br /> ol.commentlist {<br />  position:relative;<br />  list-style:none;<br />  margin:5px 0px 5px 0px;<br />  padding:5px 0px 5px 0px;<br />  font-size:12px;<br />  background:none;<br />  border:none;<br /> }<br /> ol.commentlist .comment a {<br />  text-decoration:none;<br />  border-bottom:1px #17586D dotted;<br /> }<br /> ol.commentlist .comment,<br /> ol.commentlist .trackback,<br /> ol.commentlist .pingback {<br />  margin:10px 0 0 0;<br />  padding:0;<br /> }<br /> <br /> ol.commentlist .children {<br />  list-style:none;<br />  padding:0;<br />  margin:0 0 0 15px;<br /> }<br /> <br /> ol.commentlist .comment div, <br /> ol.commentlist .trackback div, <br /> ol.commentlist .pingback div {<br />  border:1px #17586D solid;<br />  border-left:3px #17586D solid;<br />  padding:5px;<br />  background:none;<br /> }<br /> <br /> ol.commentlist .trackback div, <br /> ol.commentlist .pingback div {<br />  border:1px #17586D dashed;<br /> }<br /> <br /> ol.commentlist .comment div div,<br /> ol.commentlist .trackback div div, <br /> ol.commentlist .pingback div div {<br />  background:none;<br />  padding:0;<br />  border:none;<br /> }<br /> <br /> ol.commentlist .says {<br />  display:none;<br /> }<br /> ol.commentlist .avatar {<br />  position:relative;<br />  float:left;<br />  margin:0px 5px 0px 0px;<br />  padding:0;<br />  border:none;<br /> }<br /> <br /> ol.commentlist .fn { <br />  font-weight:bold;<br />  font-size:11px;<br /> }<br /> ol.commentlist .fn a {<br />  text-decoration:none;<br />  border:none;<br /> <br /> }<br /> ol.commentlist .fn a:hover {<br />  text-decoration:underline;<br /> }<br /> <br />  /* can remove if set in jQuery*/<br />  /* ie6 not support */<br /> ol.commentlist .bypostauthor>div>div>.fn,<br /> ol.commentlist .bypostauthor>div>div>.fn a,<br /> ol.commentlist .bypostauthor>div>div>.fn a:hover {<br />  text-decoration:underline;<br />  border:none;<br /> }<br /> <br /> ol.commentlist .comment .comment-meta,<br /> ol.commentlist .trackback .comment-meta, <br /> ol.commentlist .pingback .comment-meta {<br />  border-bottom:1px dashed #17586D;<br />  margin:0 0 10px 0px;<br />  padding:5px 0 10px 0;<br />  font-size:10px;<br /> }<br /> /* can enable if avatar is big<br /> ol.commentlist .comment .comment-meta:after{<br />  content: ".";<br />     display: block;<br />     height: 0;<br />     clear: both;<br />     visibility: hidden;<br /> }*/<br /> ol.commentlist .comment .comment-meta a, <br /> ol.commentlist .trackback .comment-meta a, <br /> ol.commentlist .pingback .comment-meta a {<br />  text-decoration:none;<br />  border:none;<br /> }<br /> ol.commentlist .comment .reply {<br />  position:relative;<br />  clear:both;<br />  overflow:hidden;<br />  margin:5px -5px -5px 0;<br />  padding:0px;<br />  font-size:10px;<br />  text-align:center;<br /> }<br /> ol.commentlist a.comment-reply-link {<br />  float:right;<br />  display:block;<br />  font-size:10px;<br />  padding:5px;<br />  background:#17586D;<br />  color:#EFF7F9;<br />  text-decoration:none;<br />  border:0;<br /> }<br /> ol.commentlist .trackback a.comment-reply-link, <br /> ol.commentlist .pingback a.comment-reply-link {<br />  display:none;<br /> }<br /> <br /> <br /> /*  [ Comment ] Form                                             */<br /> #respond {<br />  clear:both;<br />  padding:5px 5px 5px 5px;<br />  margin:10px 0px 0px 0px;<br />  font-size:11px;<br />  border:2px #17586D solid;<br />  background:none;<br /> }<br /> .commentlist #respond { /*when click reply*/<br />  margin-right:0;<br /> }<br /> #respond .cancel-comment-reply a {<br />  color:#17586D;<br /> }<br /> #respond a, #respond a:hover {<br /> }<br /> <br /> #commentform {<br />  margin:0;<br />  padding:10px 0 0 0;<br /> }<br /> #email, #author, #url {<br />  font-size: 11px;<br />  padding-left: 2px;<br />  vertical-align: middle;<br />  border: 1px solid #17586D;<br />  font-family: Arial, Helvetica, Sans-Serif;<br /> }<br /> #comment {<br />  width:98%;<br />  font-size:12px;<br />  font-family:Arial, Helvetica, Sans-Serif;<br />  color:#17586D;<br />  border:1px solid #17586D;<br />  padding:2px 2px 2px 2px;<br />  margin-left:5px;<br />  background:none;<br /> }<br /> #submit {<br />  cursor:pointer;<br />  height:20px;<br />  color:#EFF7F9;<br />  font-weight:bold;<br />  font-size:11px;<br />  margin:0px 0px 0px 0px;<br />  padding:0px 15px 2px 15px;<br />  border:1px solid #17586D;<br />  background:#17586D;<br />  font-family:Arial, Helvetica, Sans-Serif;<br /> }<br /> /* [ Sidebar ] General                                             */<br /> #sidebar select {<br />  margin:10px 0px 0px 25px;<br />  font-size:11px;<br />  width:230px;<br />  overflow:hidden;<br /> }<br /> <br /> /*  [ Sidebar 1]                                                */<br /> #sidebar1 {<br />  position:relative;<br />  padding-top:10px;<br /> }<br /> #sidebar1 a { color:#45637C; text-decoration:none;}<br /> #sidebar1 a:hover { color:#EE5003; text-decoration:underline;}<br /> #sidebar1 h2 {<br />  width:190px;<br />  min-height:44px;<br />  color:#125990;<br />  font-family:Times New Roman, Times, Serif;<br />  font-size:18px;<br />  line-height:24px;<br />  font-weight:bold;<br />  letter-spacing:0px;<br />  font-variant:normal;<br />  margin:0px 0px -5px 0px;<br />  padding:20px 30px 0px 60px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXoDWINPGvo2ESkun1EGdvsXcbBIgI1PLhQxyysmXQNnFEb8maL2cFlY2eI1TL6T9BI8fQBnGfT2R0wHQCxqYrMDJFfMrrC4-liT6ezW19tHqSWMxwiw5FYbDxYcJHxGGFU3tNof4bY4RS/s1600/bg_sb_head.png') no-repeat left top;<br /> }<br /> #sidebar1 .sidebarwidget .widget .widget-content {<br />  margin:0px 5px 0 5px;<br />  padding:2px 0 0 0;<br /> }<br /> #sidebar1 .sidebarwidget {<br />  position:relative;<br />  list-style-type:none;<br />  margin:0 0 0 0; <br />  padding:0;<br /> }<br /> #sidebar1 .sidebarwidget .widget {<br />  list-style-type:none;<br />  margin:0px 0px 0px 0px;<br />  padding:0px 0px 0px 0px;<br /> }<br /> #sidebar1 .sidebarwidget ul {<br />          margin:0px;<br />          padding:0px;<br />          list-style-type:none;<br /> }<br /> #sidebar1 .sidebarwidget ul li, #sidebar1 .sidebarwidget li {<br />  list-style-type:none;<br />  line-height:1.6em;<br />  padding:0px 15px 0px 15px;<br />  margin:0 0 0 25px;<br />  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOsevZ9D-2eWSuDG95d8tN6SwT5OKEUDIpzw6NIZjwMs8sVtVFBIpGmP3aSkdzekvut_sbvrya0aONNZb11-aZdy5cEJKZOTmMGHOgXUITstFtcV0S0b00alrplgykABaGTH9RrTBTFv-t/s1600/bg_sb_arrow.png') no-repeat 0px 5px;<br /> }<br /> #sidebar1 ul ul ul li{<br />  margin:0;<br /> }<br /> .textwidget {<br />  margin:0px 5px 0 5px;<br /> }<br /> #akismetwrap {<br />  margin:2px 0 2px 10px;<br /> }<br /> .rsswidget img {<br />  display:none;<br /> }<br /> <br /> #sidebar h4 a.rsswidget {<br />  margin-left:0px;<br />  overflow:hidden;<br />  text-decoration:none;<br /> }<br /> /* http://meyerweb.com/eric/tools/css/reset/ */<br /> /* v1.0 | 20080212 */<br /> <br /> html, body, div, span, applet, object, iframe,<br /> h1, h2, h3, h4, h5, h6, p, blockquote, pre,<br /> a, abbr, acronym, address, big, cite, code,<br /> del, dfn, em, font, img, ins, kbd, q, s, samp,<br /> small, strike, strong, sub, sup, tt, var,<br /> b, u, i, center,<br /> dl, dt, dd, ol, ul, li,<br /> fieldset, form, label, legend,<br /> table, caption, tbody, tfoot, thead, tr, th, td {<br />  margin: 0;<br />  padding: 0;<br />  border: 0;<br />  outline: 0;<br />  font-size: 100%;<br />  vertical-align: baseline;<br /> }<br /> body {<br />  line-height: 1;<br /> }<br /> ol, ul {<br />  list-style: none;<br /> }<br /> blockquote, q {<br />  quotes: none;<br /> }<br /> blockquote:before, blockquote:after,<br /> q:before, q:after {<br />  content: '';<br />  content: none;<br /> }<br /> <br /> /* remember to define focus styles! */<br /> :focus {<br />  outline: 0;<br /> }<br /> <br /> /* remember to highlight inserts somehow! */<br /> ins {<br />  text-decoration: none;<br /> }<br /> del {<br />  text-decoration: line-through;<br /> }<br /> <br /> /* tables still need 'cellspacing="0"' in the markup */<br /> table {<br />  border-collapse: collapse;<br />  border-spacing: 0;<br /> }<br /> .avatar-image-container avatar-stock img,.avatar-image-container img{float:left;width:50px;height:50px;}<br /> .avatar-image-container{border-right:solid 1px #DDD;border-bottom:solid 1px #DDD;width:50px;height:50px;float:left;padding:2px;margin-right:10px;}<br /> .widget-item-control{<br /> display:none;<br /> }<br /> .quickedit{<br /> display:none;<br /> }<br /> #blog-pager-newer-link{float:left;margin-right:20px;}<br /> #blog-pager-older-link{float:right;margin-left:20px;}<br /> .home-link{text-align:center;}<br /> #blog-pager{float: left; padding:10px 0 10px 30px; width:90%; display:block; margin:0 auto;}<br /> <br /> <br /> ]]></b:skin><br />   </head><br /> <br /> <body class='home blog'><br /> <div id='bg_top'>
<div id='bg_btm'>
<div id='base'>
 <div id='headerarea'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='Aqua Blue (Header)' type='Header'><br /> <b:includable id='main'><br /> <br />   <b:if cond='data:useImage'><br />     <b:if cond='data:imagePlacement == "BEHIND"'><br />       <br />       <b:if cond='data:mobile'><br />           <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/><br />               </h1>
</div>
<b:include name='description'/><br />           </div>
<b:else/><br />           <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/><br />               </h1>
</div>
<b:include name='description'/><br />           </div>
</b:if><br />     <b:else/><br />       <br />       <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'><br />           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><br />         </a><br />         <br />         <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'><br />           <b:include name='description'/><br />         </b:if><br />       </div>
</b:if><br />   <b:else/><br />     <br />     <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/><br />         </h1>
</div>
<b:include name='description'/><br />     </div>
</b:if><br /> </b:includable><br /> <b:includable id='title'><br />   <b:if cond='data:blog.url == data:blog.homepageUrl'><br />     <data:title/><br />   <b:else/><br />     <a expr:href='data:blog.homepageUrl'><data:title/></a><br />   </b:if><br /> </b:includable><br /> <b:includable id='description'><br />   <div class='descriptionwrapper'>
    <p class='description'>
<span><data:description/></span></p>
</div>
</b:includable><br /> </b:widget><br /> </b:section><br /> <a class='home' expr:href='data:blog.homepageUrl' title='Home'/><br />   <div id='menubar'>
   <ul id='menu'>
<li class='page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li class='page_item'><a href='#' title='Edit this link'>Edit</a></li>
</ul>
</div>
<a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='RSS Feed'/><br />   <a class='twitter' href='http://www.twitter.com/Your_Twitter_ID' title='Follow me'/> <br />                 </div>
<div id='container'>
<div id='content'>
        <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'><br /> <b:includable id='nextprev'><br />   <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'><br />       <span id='blog-pager-newer-link'><br />       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br />       </span><br />     </b:if><br /> <br />     <b:if cond='data:olderPageUrl'><br />       <span id='blog-pager-older-link'><br />       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br />       </span><br />     </b:if><br /> <br />     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br /> <br />   </div>
<div class='clear'/>
</b:includable><br /> <b:includable id='shareButtons' var='post'><br />   <b:if cond='data:post.sharePostUrl'><br />       <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><br />         <span class='share-button-link-text'><data:top.emailThisMsg/></span></a><br />       <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><br />         <span class='share-button-link-text'><data:top.blogThisMsg/></span></a><br />       <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><br />         <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a><br />       <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><br />         <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a><br />       <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'><br />         <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a><br />   </b:if><br /> </b:includable><br /> <b:includable id='backlinks' var='post'><br />   <a name='links'/><h4>
<data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'><br />
<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'><br />             <span class='backlink-toggle-zippy'> </span><br />             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a><br />             <b:include data='backlink' name='backlinkDeleteIcon'/><br />           </dt>
<dd class='comment-body collapseable'>             <data:backlink.snippet/>           </dd>           <dd class='comment-footer collapseable'>             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>           </dd>         </div>
</b:loop>     </dl>
</b:if><br />   <p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a><br />   </p>
</b:includable><br /> <b:includable id='post' var='post'><br /> <div class='post' id='post'>
    <div class='post_title'>
    <a expr:name='data:post.id'/><br />     <b:if cond='data:post.title'><br />       <h2>
     <b:if cond='data:post.link'><br />        <a expr:href='data:post.link'><data:post.title/></a><br />      <b:else/><br />         <b:if cond='data:post.url'><br />           <a expr:href='data:post.url'><data:post.title/></a><br />         <b:else/><br />           <data:post.title/><br />         </b:if><br />      </b:if><br />       </h2>
</b:if><br />     </div>
<div class='post_date'>
<script type='text/javascript'>         var timestamp = "<data:post.timestamp/>";         if (timestamp != '') {                 var timesplit = timestamp.split(",");                 var date_yyyy = timesplit[2];                 var timesplit = timesplit[1].split(" ");                 var date_dd = timesplit[2];                 var date_mmm = timesplit[1].substring(0, 3);         } </script><br /> <span class='post_date_d'><script type='text/javascript'>document.write(date_dd);</script></span><br/><br /> <script type='text/javascript'>document.write(date_mmm);</script>  <script type='text/javascript'>document.write(date_yyyy);</script><br />                                 </div>
<div class='clear'/>
<br />     <div class='post_author'>
<data:post.author/></div>
<div class='entry'>
 <br />                           <p>
<data:post.body/></p>
<div class='clear'/>
    </div>
<br />     <b:if cond='data:post.hasJumpLink'><br />       <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a><br />       </div>
</b:if><br /> <br />     <div class='info'>
<span class='info_category'><b:if cond='data:post.labels'><br />           <data:postLabelsLabel/><br />           <b:loop values='data:post.labels' var='label'><br />             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br />           </b:loop><br />         </b:if></span><br />           <span class='info_comment'><b:if cond='data:blog.pageType != "item"'><br />           <b:if cond='data:blog.pageType != "static_page"'><br />             <b:if cond='data:post.allowComments'><br />               <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br />             </b:if><br />           </b:if><br />         </b:if></span><br /> <br />     <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
<div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/><br />       </div>
</div>
<br />       <div class='post-footer-line post-footer-line-2'/>
<br />       <div class='post-footer-line post-footer-line-3'>
<span class='post-location'><br />         <b:if cond='data:top.showLocation'><br />           <b:if cond='data:post.location'><br />             <data:postLocationLabel/><br />             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a><br />           </b:if><br />         </b:if><br />       </span> </div>
</div>
</div>
</div>
</b:includable><br /> <b:includable id='status-message'><br />   <b:if cond='data:navMessage'><br />   <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/><br />     </div>
<div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
  </b:if><br /> </b:includable><br /> <b:includable id='comment-form' var='post'><br />   <div id='respond'>
    <a name='comment-form'/><br />     <b><data:postCommentMsg/></b><br />     <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/><br />     <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />     <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/><br />     <data:post.friendConnectJs/><br />     <data:post.cmtfpIframe/><br />     <b:if cond='data:showCmtPopup'><br />       <div id='comment-popup' style='width:100px;height:20px;'/>
    </b:if><br />     <script type='text/javascript'>       BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');     </script><br />   </div>
</b:includable><br /> <b:includable id='backlinkDeleteIcon' var='backlink'><br />   <span expr:class='"item-control " + data:backlink.adminClass'><br />     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'><br />       <img src='//www.blogger.com/img/icon_delete13.gif'/><br />     </a><br />   </span><br /> </b:includable><br /> <b:includable id='postQuickEdit' var='post'><br />   <b:if cond='data:post.editUrl'><br />     <span expr:class='"item-control " + data:post.adminClass'><br />       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><br />         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/><br />       </a><br />     </span><br />   </b:if><br /> </b:includable><br /> <b:includable id='main' var='top'><br /> <br />   <b:if cond='data:top.showPlusOne'><br />     <script expr:src='data:top.plusOneJsUrl'/>   </b:if>       <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:include data='post' name='comments'/>       </b:if>       <b:if cond='data:blog.pageType == "item"'>         <b:include data='post' name='comments'/>       </b:if>       </div>
<b:if cond='data:post.includeAd'>         <b:if cond='data:post.isFirstPost'>           <data:defaultAdEnd/>         <b:else/>           <data:adEnd/>         </b:if>         <div class='inline-ad'>
           <data:adCode/>         </div>
<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:include name='nextprev'/>       <b:include name='feedLinks'/>    <b:if cond='data:top.showStars'>     <script src='//www.google.com/jsapi' type='text/javascript'/>     <script type='text/javascript'>       google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});       function initialize() {         google.annotations.setApplicationId(<data:top.blogspotReviews/>);         google.annotations.createAll();         google.annotations.fetch();       }       google.setOnLoadCallback(initialize);     </script><br />   </b:if><br /> </b:includable><br /> <b:includable id='commentDeleteIcon' var='comment'><br />   <span expr:class='"item-control " + data:comment.adminClass'><br />     <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><br />       <img src='//www.blogger.com/img/icon_delete13.gif'/><br />     </a><br />   </span><br /> </b:includable><br /> <b:includable id='feedLinks'><br />   <b:if cond='data:blog.pageType != "item"'> <br />     <b:if cond='data:feedLinks'><br />       <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/><br />       </div>
</b:if><br /> <br />     <b:else/> <br />     <div class='post-feeds'>
      <b:loop values='data:posts' var='post'><br />         <b:if cond='data:post.allowComments'><br />           <b:if cond='data:post.feedLinks'><br />             <b:include data='post.feedLinks' name='feedLinksBody'/><br />           </b:if><br />         </b:if><br />       </b:loop><br />     </div>
</b:if><br /> </b:includable><br /> <b:includable id='feedLinksBody' var='links'><br />   <div class='feed-links'>
  <data:feedLinksMsg/><br />   <b:loop values='data:links' var='f'><br />      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a><br />   </b:loop><br />   </div>
</b:includable><br /> <b:includable id='comments' var='post'><br />   <div class='comments' id='comments'>
    <a name='comments'/><br />     <b:if cond='data:post.allowComments'><br />       <h4>
        <b:if cond='data:post.numComments == 1'><br />           1 <data:commentLabel/>:<br />         <b:else/><br />           <data:post.numComments/> <data:commentLabelPlural/>:<br />         </b:if><br />       </h4>
<br />       <b:if cond='data:post.commentPagingRequired'><br />         <span class='paging-control-container'><br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br />            <br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br />            <br />           <data:post.commentRangeText/><br />            <br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br />            <br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br />         </span><br />       </b:if><br /> <br />           <b:loop values='data:post.comments' var='comment'><br />  <ol class='commentlist'>
<li class='comment' id='comment'><br />     <div class='comment-body' id='div-comment'>
    <div class='comment-author vcard'>
  <b:if cond='data:comment.favicon'><br />                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/><br />               </b:if><br />               <a expr:name='data:comment.anchorName'/><br />               <b:if cond='data:blog.enabledCommentProfileImages'><br />                 <data:comment.authorAvatarImage/><br />               </b:if><br />   <cite class='fn'><b:if cond='data:comment.authorUrl'><br />                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br />               <b:else/><br />                 <data:comment.author/><br />               </b:if></cite> <span class='says'><data:commentPostedByMsg/>:</span>  </div>
<br />   <div class='comment-meta'>
<a expr:href='data:comment.url' title='comment permalink'><br />                   <data:comment.timestamp/><br />                 </a><br />                 <b:include data='comment' name='commentDeleteIcon'/></div>
<br />               <b:if cond='data:comment.isDeleted'><br />                 <span class='deleted-comment'><data:comment.body/></span><br />               <b:else/><br />                 <p>
<data:comment.body/><br />                 </p>
</b:if><br /> <br />     </div>
</li>
</ol>
</b:loop><br /> <br />       <b:if cond='data:post.commentPagingRequired'><br />         <span class='paging-control-container'><br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><br />             <data:post.oldestLinkText/><br />           </a><br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><br />             <data:post.olderLinkText/><br />           </a><br />            <br />           <data:post.commentRangeText/><br />            <br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><br />             <data:post.newerLinkText/><br />           </a><br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><br />             <data:post.newestLinkText/><br />           </a><br />         </span><br />       </b:if><br /> <br />       <p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'><br />           <b:if cond='data:post.allowNewComments'><br />             <b:include data='post' name='comment-form'/><br />           <b:else/><br />             <data:post.noNewCommentsText/><br />           </b:if><br />         <b:else/><br />           <b:if cond='data:post.allowComments'><br />             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />           </b:if><br />         </b:if><br /> <br />       </p>
</b:if><br /> <br />     <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'><br />          <b:include data='post' name='backlinks'/><br />        </b:if><br />     </div>
</div>
</div>
</b:includable><br /> </b:widget><br /> </b:section><br /> </div>
<div id='sidebar'>
 <form action='/search' class='mainsearch' method='get'>
  <input class='keyword' id='s' name='q' onblur='if (this.value == "") {this.value = "SEARCH";}' onfocus='if (this.value == "SEARCH") {this.value = "";}' type='text' value='SEARCH'/><br />   <input class='submit' type='submit' value=''/><br />  </form>
<br /> <div id='sidebar1'>
        <b:section class='sidebarwidget' id='sidebarwidget' preferred='yes'><br /> <b:widget id='Label1' locked='false' title='Labels' type='Label'><br /> <b:includable id='main'><br />   <b:if cond='data:title'><br />     <h2>
<data:title/></h2>
</b:if><br />   <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'><br />       <ul>      <b:loop values='data:labels' var='label'>
<li><br />           <b:if cond='data:blog.url == data:label.url'><br />             <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />           <b:else/><br />             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />           </b:if><br />           <b:if cond='data:showFreqNumbers'><br />             <span dir='ltr'>(<data:label.count/>)</span><br />           </b:if><br />         </li>
</b:loop>       </ul>
<b:else/><br />       <b:loop values='data:labels' var='label'><br />         <span expr:class='"label-size label-size-" + data:label.cssSize'><br />           <b:if cond='data:blog.url == data:label.url'><br />             <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />           <b:else/><br />             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />           </b:if><br />           <b:if cond='data:showFreqNumbers'><br />             <span class='label-count' dir='ltr'>(<data:label.count/>)</span><br />           </b:if><br />         </span><br />       </b:loop><br />     </b:if><br />     <b:include name='quickedit'/><br />   </div>
</b:includable><br /> </b:widget><br /> <b:widget id='HTML1' locked='false' title='Another Templates' type='HTML'><br /> <b:includable id='main'><br />   <br />   <b:if cond='data:title != ""'><br />     <h2 class='title'>
<data:title/></h2>
</b:if><br />   <div class='widget-content'>
    <data:content/><br />   </div>
<br />   <b:include name='quickedit'/><br /> </b:includable><br /> </b:widget><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'><br /> <b:includable id='main'><br />   <b:if cond='data:title'><br />     <h2>
<data:title/></h2>
</b:if><br />   <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'><br />      <b:include data='data' name='interval'/><br />     </b:if><br />     <b:if cond='data:style == "FLAT"'><br />       <b:include data='data' name='flat'/><br />     </b:if><br />     <b:if cond='data:style == "MENU"'><br />       <b:include data='data' name='menu'/><br />     </b:if><br />   </div>
</div>
<b:include name='quickedit'/><br />   </div>
</b:includable><br /> <b:includable id='flat' var='data'><br />   <ul class='flat'>    <b:loop values='data:data' var='i'>
<li class='archivedate'><br />         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)<br />       </li>
</b:loop>   </ul>
</b:includable><br /> <b:includable id='menu' var='data'><br />   <select expr:id='data:widget.instanceId + "_ArchiveMenu"'><br />     <option value=''><data:title/></option><br />     <b:loop values='data:data' var='i'><br />       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option><br />     </b:loop><br />   </select><br /> </b:includable><br /> <b:includable id='interval' var='intervalData'><br />   <b:loop values='data:intervalData' var='i'><br />       <ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'><br />           <b:include data='i' name='toggle'/><br />           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a><br />             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span><br />           <b:if cond='data:i.data'><br />             <b:include data='i.data' name='interval'/><br />           </b:if><br />           <b:if cond='data:i.posts'><br />             <b:include data='i.posts' name='posts'/><br />           </b:if><br />         </li>
</ul>
</b:loop><br /> </b:includable><br /> <b:includable id='toggle' var='interval'><br />   <b:if cond='data:interval.toggleId'><br />   <b:if cond='data:interval.expclass == "expanded"'><br />     <a class='toggle' href='javascript:void(0)'><br />       <span class='zippy toggle-open'>▼ </span><br />     </a><br />   <b:else/><br />     <a class='toggle' href='javascript:void(0)'><br />       <span class='zippy'><br />         <b:if cond='data:blog.languageDirection == "rtl"'><br />           ◄ <br />         <b:else/><br />           ► <br />         </b:if><br />       </span><br />     </a><br />   </b:if><br />  </b:if><br /> </b:includable><br /> <b:includable id='posts' var='posts'><br />   <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><br /> </b:widget><br /> </b:section><br /> </div>
</div>
<div class='clear'/>
 </div>
<br />  <div id='footer'>
   2010 - <a expr:href='data:blog.homepageUrl'><data:blog.title/></a><br/><br />   Theme Designed by <a href='http://www.themespanel.com/'>ThemesPanel.com</a> | <a href='http://bloggertemplateplace.com' rel='bookmark' title='Blogger Template'>Blogger Template</a> by <a href='http://bloggertemplateplace.com' title='Blogger Template Place'>Blogger Template Place</a><br />  </div>
</div>
</div>
</div>
<div class='hide-div'/>
 <br /> <br /> </body><br /> </html>

Yang Lainya Dunlud sini saja gan cape ngetiknya,..

Color3.xml
Darkness-Fall.xml
Delta_Red_Full_Version.xml
Design.xml
Gamester.xml
Gold-Moon.xml
Mis-Romances-EN.xml
Mis-Romances-ES.xml
My Folder.rar
Ninja-Assassin.xml
Transformers-Autobot.xml

Template yang simpel tapi keren Template By.ғь[̲̅̅N̲̲̅̅̅a̲̅m̲̅̅a̲̅] [̲̅̅Panj̲̅̅a̲̲̅̅̅n̲̲̅̅̅g̲̅]™ di sini:

<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html><br /> <html b:version='2' class='v2' 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 />     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/><br />     <b:if cond='data:blog.isMobile'><br />       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/><br />     <b:else/><br />       <meta content='width=1100' name='viewport'/><br />     </b:if><br />     <b:include data='blog' name='all-head-content'/><br />     <title><data:blog.pageTitle/></title><br /> <br /> <link href='http://2.bp.blogspot.com/_bBL9ze_JZsw/TTkfFTP1LiI/AAAAAAAAALM/88pCEE5Ck0M/s1600/rock.gif' rel='shortcut icon' type='image/x-icon'/><br /> <br /> <meta content='xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginners guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide' name='Keywords'/><br /> <meta content='I wasn't like every other kid, you know, who dreams about being an astronaut, I care desperately about what I do. Do I know what I'm doing today? No. But I'm here, and I'm gonna give it my best shot.' name='Description'/><br /> <br /> <link href='http://www.w3schools.com/stdtheme.css' rel='stylesheet' type='text/css'/><br /> <br /> <b:skin><br /> <![CDATA[  div {   width:auto; }  .bungkusLuar {   margin:auto;   padding:0px;   border:0px; }  table tr td.tengah .widget, table tr td.kanan .widget {   width:520px;  -moz-border-radius:20px 20px 50px 10px; border-radius:20px 20px 50px 10px;   border:1px outset white;   padding:10px;   margin:0px 0px 5px 0px;   background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TULYxvyKIUI/AAAAAAAAANE/9nrpKKLH1fE/s1600/white50.png); }  table tr td.kanan .widget {   width:250px; }  a, a:link, a:visited {   text-decoration:none; }  ]]><br /> </b:skin><br /> <br />   </head><br /> <br /> <body expr:class='"loading" + data:blog.mobileClass'><br />   <table class='bungkusLuar'>
<tr><td class='tengah' style='vertical-align:top'><br /> <br />     <b:section class='header' id='header'/><br /> <br />     <b:section class='main' id='main'><br />       <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/><br />     </b:section><br /> <br />   </td><td class='kanan' style='vertical-align:top'><br /> <br />     <b:section class='rightSideBar' id='rightSideBar'/><br /> <br />   </td></tr>
</table>
<br /> </body></html>