Template Menarik : 3Dlue V2 Blogger Template ~ Kelola Blogspot

Ada sebuah template yang sangat menarik yang saya kutip dari Blogtemplate4u beberapa waktu lalu. Penampilannya adlah seperti gambar di atas.

Kode XML untuk template tersebut adalah sebagai berikut :

<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html lang='en' xml:lang='en' 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 />   <br /> <head><br /> <br />   <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><br />   <meta content='blogger' name='generator'/><br /> <br />   <link href='/atom.xml' rel='alternate' title='BLOG TITLE- Atom' type='application/atom+xml'/><br />   <link href='/rss.xml' rel='alternate' title='BLOG TITLE - RSS' type='application/rss+xml'/><br /> <link href='http://fonts.googleapis.com/css?family=Paytone+One' rel='stylesheet' type='text/css'/><br /> <br />     <b:if cond='data:blog.pageType == &quot;index&quot;'><br />     <title><data:blog.title/></title><br />     <b:else/><br />     <title><data:blog.pageName/> | <data:blog.title/></title><br />     </b:if><br /> <meta content='YOUR DESCRIPTION' name='Description'/><br /> <meta content='YOUR KEYWORD' name='Keywords'/><br /> <link expr:href='data:blog.url' rel='canonical'/><br /> <br />     <b:skin><![CDATA[<br /> <br /> /*<br /> Name:     3Dlue Template<br /> Designer: Juansah<br /> URL:      http://oketrik.blogspot.com/<br /> Date:     8 July 2011<br /> */<br /> <br /> /** Reset **/<br /> *{margin:0; padding:0;}<br /> ul,ol{margin:0 0 0 40px;}<br /> .status-msg-wrap, .feed-links {display: none;}<br /> <br /> /* Use this with templates/template-twocol.html */<br /> body{ background:#BFE4EA;  margin:0;  color:#999;  font:Arial,Tahoma,Verdana;  font-size:12px;  text-align:center}<br /> a:link{ color:#999;  text-decoration:none}<br /> a:visited{ color:#999;  text-decoration:none}<br /> a:hover{ color:#fff;  text-decoration:underline}<br /> a img{ border-width:0}<br /> <br /> #header-wrapper{ width:980px;  float:center;  text-align:center;  margin:0 auto;  padding:0 0;  height:110px}<br /> #header-inner{ background-position:center;  margin-left:auto;  margin-right:auto}<br /> #header{ margin:5px;  color:#000}<br /> #header h1, #header p{ line-height:1.2em;  text-align:center;  text-transform:uppercase;  letter-spacing:.1em;  Font-size:48px;  font-family:'Paytone One',arial,serif; }<br /> #header h1 a:hover, #header p a:hover{color:#fff;text-shadow:  1px 0px #ccc, 0px 1px #ccc, 2px 1px #ddd, 1px 2px #bbb, 3px 2px #ddd, 2px 3px #bbb, 4px 3px #ddd, 3px 4px #bbb, 5px 4px #ddd, 4px 5px #bbb, 6px 5px #ddd, 5px 6px #bbb, 7px 6px #ddd, 6px 7px #bbb, 8px 7px #ddd, 7px 8px #bbb, 8px 8px #ddd;}<br /> #header a{ color:#000;  text-decoration:none}<br /> #header .description{ color:#666;  font-size:14px;  font-style:italic;  letter-spacing:.2em}<br /> #header img{ margin-left:auto;  margin-right:auto}<br /> <br /> #outer-wrapper{ text-align:left}<br /> #content-wrapper{ width:980px;  margin:20px auto}<br /> #main-wrapper{ width:615px;  float:left;  padding:2px;  word-wrap:break-word;  overflow:hidden}<br /> #sidebar-wrapper{ width:350px;  float:right;  color:#999;  padding:2px;  word-wrap:break-word;  overflow:hidden}<br /> #footer-wrapper{ width:960px;  clear:both;  margin:20px auto  line-height:1.6em;   letter-spacing:.1em;}<br /> <br /> .post{ background:#222; padding:0.5em;  font-family:Arial,Tahoma,Verdana;  margin-left:30px;  margin-right:31px;  border:3px solid #333;  color:#999;  -moz-border-radius:15px 15px 15px 15px}<br /> .post h1, .post h2{ margin:5px 0 0;  padding:0 0 2px;  text-transform:capitalize;  text-align:left;  font:bold 27px Times,Tahoma,Verdana text-decoration:bold;  color:#fff;  line-height:1.4em}<br /> .post h1, .post h2 a{ display:block;  font-decoration:bold;  color:#fff}<br /> .post h1, .post h2 a:hover{ text-decoration:underline}<br /> .post h1, .post h2 a:visited{ text-decoration:none}<br /> .post h1, .post h2{ font-size:140%;  font-family:Arial,Tahoma,Verdana;  font-weight:400;  margin:.4em 0 0;  padding:0 0 10px}<br /> .post-body{ margin:0 0 .75em;  line-height:1.7em}<br /> .post-body a{ text-decoration:underline}<br /> .post-body blockquote{ line-height:1.3em;   border-left:2px solid #ccc;  padding:5px 10px;  color:#666;  font-style:italic}<br /> .post-footer{ margin:.75em 0;  color:#999;  letter-spacing:.1em;  font:Georgia;  line-height:1.4em}<br /> .post-header-line-1{ margin:0 0 1.8em;  color:#888;  letter-spacing:.1em;  font:Arial;  font-size:11px;  line-height:1.4em}<br /> .comment-link{ margin-left:1px}<br /> .post img{ padding:4px;  margin:2px 8px 2px 0}<br /> .post a img{ border:1px solid #333}<br /> .post a:hover img{ border:1px solid #999}<br /> .post blockquote{ margin:1em 20px}<br /> .post blockquote p{ margin:.75em 0}<br /> .jump-link{ text-align:right;  margin:5px}<br /> .post-body ol li ol{list-style-type:lower-alpha}<br /> .blockquote{display:block; border-left:2px solid #aadd27; margin:0px 0 0 30px; padding:3px}<br /> <br /> #comments h4{ margin:1em 0;  font-size:18px;  font-weight:bold;  line-height:1.4em;  text-transform:uppercase;  letter-spacing:.2em;  color:#000}<br /> #comments-block{ margin:1em 0 1.5em;  font-family:Arial,Tahoma,Verdana;  padding:10px;  line-height:1.6em}<br /> .comment-author{ margin:.5em 0;  font-size:23px;  padding-left:3px;  padding-top:5px;  height:30px;  background:#069}<br /> #comments-block{ margin:.5em 0}<br /> #comments-block .comment-body{ margin:.25em 0 0;  background:#222; color:#999; border:3px solid #333; -moz-border-radius:15px 15px 15px 15px}<br /> #comments-block .comment-footer{ margin:-.25em 0 2em;  line-height:1.4em;  text-align:right;  text-transform:uppercase;  letter-spacing:.1em}<br />  #comments-block .comment-body p{ margin:0 0 .75em 30px}<br /> .comment-timestamp{ font-size:10px;  text-align:right}<br /> .deleted-comment{ font-style:italic;  text-align:right;  color:gray}<br /> <br /> .feed-links{ clear:both;  line-height:2.5em}<br /> <br /> .sidebar{  line-height:1.5em;     -moz-border-radius:15px 15px 15px 15px;   margin:0 23px 0 23px;   padding:10px;     border:3px solid #333;     background:#222; font-family:Arial,Tahoma,Verdana}<br /> <br /> .sidebar h2{  margin:1.5em 0 .75em -36px;   font-size:120%;   background:url(http://oketrik.googlecode.com/files/bgsdi.png) no-repeat;  height:50px;  width:360px;  padding-top:3px;  text-align:center;  line-height:1.4em;  letter-spacing:.1em}<br /> <br /> .sidebar ul, .footer-column ul{ list-style:none;  margin:0 0 0;  padding:0 0 0}<br /> .sidebar li, .footer-column li{ margin:0;  color:#069;  list-style:disc inside;  padding-top:0;  padding-right:0;  padding-bottom:.25em;  padding-left:15px;  text-indent:-15px; border-bottom:1px solid #333; line-height:1.5em}<br /> .sidebar .widget, .main .widget, .footer-column .widget{ margin:0 0 1.5em;  padding:0 0 1.5em}<br /> .main .Blog{ border-bottom-width:0}<br /> <br /> .footer-column {padding:0.5em;  font-family:Arial,Tahoma,Verdana;  margin-left:10px;  margin-right:30px; background:#222; border:3px solid #333;  color:#999;  -moz-border-radius:15px 15px 15px 15px;}<br /> <br /> .footer-column h2{  margin:5px 0 2px -32px;   font-size:120%;   background:url(http://oketrik.googlecode.com/files/bgsdi.png) no-repeat;  height:50px;  width:280px;  padding-top:3px;  text-align:center;  line-height:1.4em;  letter-spacing:.1em}<br /> <br /> .profile-img{ float:left;  margin-top:0;  margin-right:5px;  margin-bottom:5px;  margin-left:0;  padding:4px;  border:1px solid #333}<br /> .profile-data{ margin:0;  text-transform:uppercase;  letter-spacing:.1em;  font:sans-serif;  color:#999;  font-weight:bold;  line-height:1.6em}<br /> .profile-datablock{ margin:.5em 0 .5em}<br /> .profile-textblock{ margin:0.5em 0;  line-height:1.6em}<br /> .profile-link{ font:Georgia;  text-transform:uppercase;  letter-spacing:.1em}<br /> <br /> #siteinfo{ font-size:12px;  width:980px;  Font-family:Verdana,Tahoma;  text-align:right;  color:#000;  padding:10px;  margin:2px auto}<br /> #siteinfo a{color:#000}<br /> <br /> .showpageArea{float:center;font-family:Tahoma; font-size:12px; padding:6px 10px; text-align:center; font-weight:700}<br /> .showpageNum a{color:#000; text-decoration:none; border:1px solid #999; margin:0 3px; padding:2px 5px}<br /> .showpageNum a:hover{border:1px solid #069}<br /> .showpagePoint{margin:0 3px; padding:2px 5px}<br /> .showpageOf{margin:0 8px 0 0}<br /> .showpage a{color:#000; text-decoration:none; border:1px solid #999; padding:2px 5px}<br /> .showpage a:hover{border:1px solid #fff}<br /> <br /> .post-labels{color:#fff}<br /> .post-labels a{color:#BF0000}<br /> <br /> #related-posts{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px}<br /> <br /> #related-posts h2{font-size:1.6em; font-weight:bold; color:black; font-family:Arial,Tahoma,Verdana; margin-bottom:0.75em; margin-top:0em; padding-top:0em}<br /> #related-posts a{color:#999; text-align:center}<br /> #related-posts a:hover{color:#fff; background-color:#069}<br /> <br /> #nav-element{width:910px; margin:0 auto; padding:0}<br /> #nav-left{float:left; display:inline; width:710px; padding-left:0; padding-top:5px}<br /> #nav-right{float:right; display:inline; width:200px; padding-top:8px; margin:0}<br /> *-- CURRENT MENU --*/<br /> #nav{height:28px; padding:0; margin-bottom:0; clear:both; margin:0 auto}<br /> #nav{clear:both; margin:0 auto; text-transform:normal}<br /> #nav ul{position:relative; overflow:hidden; padding:0; margin:0; font:1.0em Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px}<br /> #nav li{cursor:pointer; float:left; margin:0 padding:0; height:30px; display:inline}<br /> #nav ul li{float:left; list-style:none}<br /> #nav ul li a, #nav ul li a:visited{border:1px solid #CDCDCD; margin:0 1px 0 0; float:left; padding:8px 15px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:11px; background:#069; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}<br /> #nav ul li a:hover{color:#fff; border:1px solid #CDCDCD}<br /> <br /> #nav-element-bottom{width:910px; margin:0 auto; padding:0}<br /> #nav-element-on-bottom{border:1px solid #CDCDCD; color:#999; background:#222; width:auto; margin:0; padding-left:6px; padding-top:5px; height:30px; -moz-border-radius:0 4px 4px 4px; -khtml-border-radius:0 4px 4px 4px; -webkit-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px}<br /> <br /> #search-onmenu{border:1px solid #C9D7F1;  height:18px; width:160px; padding:0;  background:#f6f4f4}<br /> #search-onmenu input{border:0;  background:none;  color:#575757}<br /> #s-onmenu{font-size:12px; width:120px; padding-left:4px;  margin:0;  background:none}<br /> #topsearch-onmenu #search-onmenu{margin-top:0px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#FFF; border:1px solid #CDCDCD}<br /> #topsearch-onmenu #s-onmenu{width:135px}<br /> .module:after{clear:both; content:"."; display:block; height:0; visibility:hidden}<br /> * html .module{height:1%; overflow:visible}<br /> *+html .module{min-height:1%}<br /> .breadCrumbHolder{font-size:12px; line-height:21px; color:#999; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-variant:normal; font-weight:400; margin:15px 0 5px}<br /> .breadCrumbHolder a{color:#0E82C7; font-size:inherit; font-weight:inherit; text-decoration:none}<br /> .breadCrumb{float:right; height:21px; margin-right:30px; width:535px; border:solid 3px #333; background:#222; padding:5px}<br /> .breadCrumb ul{height:21px; display:block; margin:0; padding:0}<br /> .breadCrumb ul li{display:block; float:left; position:relative; height:21px; overflow:hidden; line-height:21px; font-size:.9167em; background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/TH5OE19eRfI/AAAAAAAAEeI/oQSb_A5WIGY/s800/Chevron.gif) no-repeat 100% 0; margin:0 6px 0 0; padding:0 10px 0 0}<br /> .breadCrumb ul li div.chevronOverlay{position:absolute; right:0; top:0; z-index:2}<br /> .breadCrumb ul li span{display:block; overflow:hidden}<br /> .breadCrumb ul li a{display:block; position:relative; height:21px; line-height:21px; overflow:hidden; float:left}<br /> .breadCrumb ul li.first a{height:16px!important; text-indent:-1000em; width:16px; margin-top:2px; overflow:hidden; background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/TH5OFFVF1kI/AAAAAAAAEeQ/Dr3dADHxd6M/s800/IconHome.gif) no-repeat 0 0; padding:0}<br /> .breadCrumb ul li.first a:hover{background-position:0 -16px}<br /> .breadCrumb ul li.last{background:none; margin-right:0; padding-right:0}<br /> .chevronOverlay{display:none; background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/TH5OFOpTroI/AAAAAAAAEeM/GxOgEVpiMPY/s800/ChevronOverlay.png) no-repeat 100% 0; width:13px; height:20px}<br /> <br /> #containerSlider{ width:550px;  height:300px;  margin:0 auto;  position:relative;  border:10px solid #333;  background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiorxezD7Z22N0qmOI5XyPgazQ03qYGcp2YwcAytVw8qs26vXHOemmNFdXTGeUwaxqg_Y2gZ_Z21rOOH2OETylJxuuSaF7Qnqvy5irTJKXYp9bq4oyX_HLKj5kovSoJhhPMQJNUk89mCbI/s1600/content-slider-back.gif) no-repeat}<br /> #contentSlider{ width:550px height:300px}<br /> #prevBtn, #nextBtn{ display:block;  margin:0;  overflow:hidden;  padding:0;  text-indent:-8000px}<br /> #slider ul, #slider li{ list-style:none;  margin:0;  padding:0;  text-indent:0}<br /> #slider, #slider li{ overflow:hidden;  width:550px;  height:300px;  margin:0 auto}<br /> #slider{ margin-left:0;  background:#000}<br /> #prevBtn, #nextBtn{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8IR0OVYpYu9eazqdGU5wlFpXXnyNkh-UAKcjJuOYkrTqnlVDkPfW_BJl4Cur_YaaKIYXYsK0UfQ_rYyIceTJD7qCvX2RQ-HZXkhyphenhyphenaqkwXd4sYLvaUqJRLygOV9ijfKIzv8wkI8MjD48o/s1600/PRE.png) no-repeat;  display:block;  height:53px;  left:-24px;  position:absolute;  top:200px;  width:150px;  opacity:0.7}<br /> #nextBtn{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlHwc_3LrBUsBc44ABirlX5gZpLIJFy8gSV0zS8-iFMG1xPwPpmm2OMnRCipJkhv91ZsZvlfNMvkAi59DN0eCGUnTPkf_wsnPSJQ6Dr50RzslZwu6xh0lRcRhcFDFNQUon8NLQqtaEvQ/s1600/NEXT.png) no-repeat;  top:50px;  left:439px}<br /> #prevBtn a, #nextBtn a{ display:block;  height:53px;  width:150px}<br /> #slider img{ padding:0;  width:100%;  height:100%}<br /> <br /> .mbtbar{text-shadow:none; float:center; width:100%; float:left}<br />    .mbtbar .count{color:#ccc; font-size:12px; font-weight:bold; font-family:Helvetica,Arial; background:#fff; height:45px; line-height:45px; vertical-align:middle; width:100%; padding:0 10px 0 4px}<br />    .mbtbar .count span.bigcount{color:#F17C18; font-size:18px; font-family:Helvetica,Arial; line-height:49px; vertical-align:top; padding-right:3px}<br />    .mbtbar .subicons{border-bottom:1px solid #262626; margin:0 0 0px 0; float:left; width:100%; font-family:Helvetica,Arial; font-size:14px}<br />    .mbtbar .subicons a{text-decoration:none; color:#ccc}<br />    .mbtbar .subicons a:hover{text-decoration:underline; color:#aadd27}<br />    .mbtbar .subicons .rssicon{border-right:1px solid #262626; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqS4MDlWmPa0TDgwrIgQgATA24HQBUppCjrmM4HZa-EGuxSOLbnI9YNSjrntdafAUvzYd8hp3J-rMBqRMMTG0JyzLoKwGtilymPgD0R6GDwea_JeR0xC0VFp7TO3pLAoRJpAjMTKatUzY/s400/rss.png) no-repeat left center; min-width:20px; height:38px; line-height:57px; vertical-align:middle; float:left; padding:0px 10px 0px 30px; margin:0 0 0 5px}<br />    .mbtbar .subicons .fbicon{border-right:1px solid #262626; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilNlwSCaxJuANF68K0Zy4dBAWJ1nOFBNHohHtA-4WYkOEnkRD0ncBBfsug7UZaOkJEq4GfakDCPm-twvPnLnlCbbdc2yw-NxDfPswNYnq8t3Au0BQ1tvX-4dtLAVp7vczpRm8uwaEYs70/s400/facebook.png) no-repeat left center; min-width:20px; height:38px; line-height:57px; vertical-align:middle; float:left; padding:0px 10px 0px 30px; margin:0 0 0 5px}<br />    .mbtbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpj7ITzxgu2_tMI7hh6UPb0CaZSzCPNI5yIlakj-gSizY4UKd91qXxmkB-GvmYdYBsAf0eM0LtSlySTjn4_x7zDvFqZz1N-r5nyB_fusCPLhaWFcJ8j9bgyf8I0nu-fkyDwyrT5XhbDag/s400/twitter.png) no-repeat left center; min-width:20px; height:38px; line-height:57px; vertical-align:middle; float:left; padding:0px 10px 0px 30px; margin:0 0 0 5px}<br />    .mbtbar .emailsub{border-bottom:1px solid #333; padding:0 0 20px 0; float:left; width:100%; font-family:Helvetica,Arial}<br />    .mbtbar .emailsub .emailicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeB2hqhMFKkf3T8jGW4x4Xz_L8ZvTcInxhCD3Zummv4wmQcFakdhveGz3KatqAuTs_sATmUzUsuOGAs9ZJz6u8dpI8znL2Wq3J4kIKeFkN90vsQXQa5kqpzmJ6402B2LAIKaqbVp83_24/s400/email.png) no-repeat left center; float:left; padding:5px 15px 0px 35px; margin:0 0 0 5px; width:200px; height:28px; line-height:15px; vertical-align:middle; font-size:14px; color:#ccc}<br /> .mbtbar .emailsub .emailupdatesform{margin:15px 0 5px 5px; width:100%; float:left}<br /> .mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important; float:left; border:1px solid #d2d2d2; padding:0px 8px 0px 8px; color:#ccc; font-size:12px; height:25px; width:180px; -moz-border-radius:5px; -webkit-border-radius:5px}<br /> .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#D3EE91 0%,#AADD27 100%); background:-webkit-gradient(linear,left top,left bottom,from(#D3EE91),to(#AADD27)); border:1px solid #aadd27; text-transform:uppercase; color:#000; height:25px; padding:0 12px 0 12px; margin:0 0 0 5px; -moz-border-radius:5px; -webkit-border-radius:5px}<br /> .mbtbar .count span.bigcount{color:#F17C18; font-size:24px; font-family:Helvetica,Arial; line-height:34px; vertical-align:middle}<br /> .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:#0080ff; border:1px solid #0080ff; text-transform:uppercase; color:#fff; font-weight:bold; height:25px; padding:0 12px 0 12px; margin:0 0 0 5px}<br /> <br /> ]]></b:skin><br /> <br /> <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /> <style><br /> .post{margin:.5em 10px 1.5em 20px; width:240px; padding:5px 15px 5px 15px; float:left;}<br /> .post h1, .post h2{ margin:5px 0 0; width:190px;min-height:50px; max-height:50px; padding:0 0 2px;  text-transform:capitalize;  text-align:left; float-left;  font-size:140%;  font-family:Arial,Tahoma,Verdana;  font-weight:400; text-decoration:bold;  color:#fff;  line-height:1.4em}<br /> .post-body{text-align:justify; font-family:&quot;Arial&quot;,Arial Black; font-size:12px; line-height:1.4em; margin:0 0 0.75em; height:150px;}<br /> #blog-pager-newer-link{float:left;}#blog-pager-older-link{float:right;}#blog-pager{width:617px; float:left; text-align:center;}<br /> .comment-bubble{float:right; background:url(http://i46.tinypic.com/df97c4.jpg) no-repeat; width:55px; height:40px; font-size:18px; margin-top:-59px; margin-right:-18px; padding-top:3px; text-align:center}<br /> </style><br /> </b:if></b:if><br /> <br /> <script type='text/javascript'><br /> var thumbnail_mode = &quot;float&quot; ;<br /> summary_noimg = 250;<br /> summary_img = 250;<br /> img_thumb_height = 120;<br /> img_thumb_width = 120;<br /> </script><br /> <br /> <br /> <script type='text/javascript'><br /> //<![CDATA[<br /> /******************************************<br /> Auto-readmore link script, version 2.0 (for blogspot)<br /> <br /> (C)2008 by Anhvo<br /> <br /> visit http://en.vietwebguide.com to get more cool hacks<br /> ********************************************/<br /> function removeHtmlTag(strx,chop){<br /> if(strx.indexOf("<")!=-1)<br /> {<br /> var s = strx.split("<");<br /> for(var i=0;i<s.length;i++){<br /> if(s[i].indexOf(">")!=-1){<br /> s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br /> }<br /> }<br /> strx = s.join("");<br /> }<br /> chop = (chop < strx.length-1) ? chop : strx.length-2;<br /> while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br /> strx = strx.substring(0,chop-1);<br /> return strx+'...';<br /> }<br /> <br /> function createSummaryAndThumb(pID){<br /> var div = document.getElementById(pID);<br /> var imgtag = "";<br /> var img = div.getElementsByTagName("img");<br /> var summ = summary_noimg;<br /> if(img.length>=1) {<br /> imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br /> summ = summary_img;<br /> }<br /> <br /> var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /> div.innerHTML = summary;<br /> }<br /> //]]><br /> </script><br /> <br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/><br /> <script src='http://plugins.jquery.com/files/jquery.easing.1.2.js.txt' type='text/javascript'/><br /> <script src='http://www.comparenetworks.com/developers/jqueryplugins/js/jquery.jBreadCrumb.1.1.js' type='text/javascript'/><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> jQuery(document).ready(function() {<br /> jQuery("#breadCrumb").jBreadCrumb();<br /> });<br /> //]]><br /> </script><br /> <br /> <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/><br /> <br /> <script src='http://oketrik.googlecode.com/files/easySlider1.5.js' type='text/javascript'/><br /> <br /> <script type='text/javascript'><br /> $(document).ready(function(){    <br /> $(&quot;#slider&quot;).easySlider({<br /> auto: true,<br /> continuous: true<br /> });<br /> });<br /> </script><br /> <br /> </head><br />   <br />   <body><br />   <div id='outer-wrapper'><div id='wrap2'><br /> <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 />     <div id='header-wrapper'><br />       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='3Dlue V2 Template (Header)' type='Header'><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'><br />     <p class='description'><span><data:description/></span></p><br />   </div><br /> </b:includable><br /> <b:includable id='main'><br /> <br />   <b:if cond='data:useImage'><br />     <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'><br />       <br />       <div id='header-inner'><br />         <a expr:href='data:blog.homepageUrl' style='display: block'><br />           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><br />         </a><br />       </div><br />     <b:else/><br />       <br />       <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'><br />         <div class='titlewrapper' style='background: transparent'><br />           <b:if cond='data:blog.pageType != &quot;item&quot;'><br />           <h1 class='title' style='background: transparent; border-width: 0px'><br />             <b:include name='title'/><br />           </h1><br /> <b:else/><br />           <p class='title' style='background: transparent; border-width: 0px'><br />             <b:include name='title'/><br />           </p><br /> </b:if><br />         </div><br />         <b:include name='description'/><br />       </div><br />     </b:if><br />   <b:else/><br />     <br />     <div id='header-inner'><br />       <div class='titlewrapper'><br />         <b:if cond='data:blog.pageType != &quot;item&quot;'><br />         <h1 class='title'><br />           <b:include name='title'/><br />         </h1><br /> <b:else/><br />         <p class='title'><br />           <b:include name='title'/><br />         </p><br /> </b:if><br />       </div><br />       <b:include name='description'/><br />     </div><br />   </b:if><br /> </b:includable><br /> </b:widget><br /> </b:section><br />     </div><br />  <br /> <div id='nav-element'><br /> <div id='nav-left'><br /> <div id='nav'><br /> <ul><br /> <li><br /> <a expr:href='data:blog.homepageUrl'>Home</a><br /> </li><br /> <li><br /> <a href='YOUR URL'>About</a><br /> </li><br /> <li><br /> <a href='YOUR URL'>Contac Us</a><br /> <br /> </li><br /> <li><br /> <a href='YOUR URL'>Sitemap</a><br /> </li><br /> <li><br /> <a href='YOUR URL'>Advertise</a><br /> </li><br /> </ul><br /> </div><br /> </div><br /> <div id='nav-right'><br /> <div style='float:right'><br /> <div id='topsearch-onmenu'><br /> <div id='search-onmenu'><br /> <br /> <form action='/search' id='searchform' method='get' name='searchform'><br /> <input class='keyword' id='s-onmenu' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search Here..&quot;;}' onfocus='if (this.value == &quot;Search Here..&quot;) {this.value = &quot;&quot;}' type='text' value='Search Here..'/><br /> <input src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7Dm8qhjXUIN8F5ChT9sswqiC9EfUhD1NfdP0SuiOil8N2oA_sXdwtR0R02uRX2RkGaUBIkX6Jal7bWb_aRKZcf7_lbdWaFTyuiMZ7vCukbeSPXipkahx4lxCVDCsBeJ6JfNRwFw8fpU/s200/search-c.png' style='border: 0pt none ; vertical-align: top; padding-top:3px' type='image'/><br /> </form><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> <div style='clear:both;'/><br /> <div id='nav-element-bottom'><br /> <div class='nav-element-on-bottom section' id='nav-element-on-bottom'><br /> <div style='float:left; padding-top:2px'><br /> </div><br />   <div style='float:right; font-size:11px;padding-top:0; padding-right:10px'><br /> <br /> <span style='margin-right:-45px;'><br /> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><br /> <g:plusone/><br />   </span></div></div></div><br /> <br />     <div id='content-wrapper'><br /> <br />       <div id='crosscol-wrapper' style='text-align:center'><br />         <b:section class='crosscol' id='crosscol' showaddelement='no'/><br />       </div><br /> <br />       <div id='main-wrapper'><br /> <b:if cond='data:blog.url == data:blog.homepageUrl'><br /> <div id='containerSlider'><br />   <div id='contentSlider'><br />    <div id='slider'><br /> <ul><br /> <li><a href='URL SLIDE POST 1'><img alt='Post 1' src='URL IMAGE POST 1'/></a></li><br /> <li><a href='URL SLIDE POST 2'><img alt='Post 2' src='URL IMAGE POST 2'/></a></li><br /> <li><a href='URL SLIDE POST 3'><img alt='Post 3' src='URL IMAGE POST 3'/></a></li><br /> <li><a href='URL SLIDE POST 4'><img alt='Post 4' src='URL IMAGE POST 4'/></a></li><br /> <li><a href='URL SLIDE POST 5'><img alt='Post 5' src='URL IMAGE POST 5'/></a></li><br /> </ul><br />    </div><br />   </div><br /> </div><br /> </b:if><br />         <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'><br /> <br /> <br />   </div><br />   <div class='clear'/><br /> </b:includable><br /> <b:includable id='shareButtons' var='post'><br />   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><br />       <span class='share-button-link-text'><data:top.emailThisMsg/></span><br />   </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><br />       <span class='share-button-link-text'><data:top.blogThisMsg/></span><br />   </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><br />       <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span><br />   </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><br />       <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span><br />   </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><br />       <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span><br />   </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'><br />       <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span><br />   </a></b:if><br />   <b:if cond='data:top.showDummy'><br />     <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div><br />   </b:if><br /> </b:includable><br /> <b:includable id='backlinks' var='post'><br />   <a name='links'/><h4><data:post.backlinksLabel/></h4><br />   <b:if cond='data:post.numBacklinks != 0'><br />     <dl class='comments-block' id='comments-block'><br />       <b:loop values='data:post.backlinks' var='backlink'><br />         <div class='collapsed-backlink backlink-control'><br />           <dt class='comment-title'><br />             <span class='backlink-toggle-zippy'>&#160;</span><br />             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a><br />             <b:include data='backlink' name='backlinkDeleteIcon'/><br />           </dt><br />           <dd class='comment-body collapseable'><br />             <data:backlink.snippet/><br />           </dd><br />           <dd class='comment-footer collapseable'><br />             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span><br />             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span><br />           </dd><br />         </div><br />       </b:loop><br />     </dl><br />   </b:if><br />   <p class='comment-footer'><br />     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a><br />   </p><br /> </b:includable><br /> <b:includable id='post' var='post'><br />   <div class='post hentry uncustomized-post-template'><br />     <a expr:name='data:post.id'/><b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <b:if cond='data:post.title'><br />       <h2 class='post-title entry-title'><br />      <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><br /> </b:if><br /> <b:else/><br />       <h1 class='post-title entry-title'><br />      <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 />       </h1><br /> </b:if><br /> <br />     <div class='post-header-line-1'><br /> <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /> <b:if cond='data:post.allowComments'><br /> <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a><br /> </b:if><br /> <div style='width:230px;height:70px;float:right;text-align:right;padding:5px 10px 5px 10px;margin-left:5px;padding-right:20px;margin-right:-28px;background:#000;color:#fff;font-family: Arial, Tahoma, Verdana;font-size;12px;background:url(http://oketrik.googlecode.com/files/BG%20data2.png) right no-repeat'><br /> <br />       <span class='post-author vcard'><br />         <b:if cond='data:top.showAuthor'><br />           <data:top.authorLabel/><br />           <span class='fn'><data:post.author/></span><br />         </b:if><br />       </span><br /> <br />       <span class='post-timestamp'><br />         <b:if cond='data:top.showTimestamp'><br />           <data:top.timestampLabel/><br />         <b:if cond='data:post.url'><br />           <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a><br />         </b:if><br />         </b:if><br />       </span><br /> <br/><br /> <span class='post-labels'><br />         <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 != &quot;true&quot;'>,</b:if><br />           </b:loop><br />         </b:if><br />       </span><br /> <br /> <div style='float:right;margin-top:5px;'><br /> <br /> <br /> <div><a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='125'/></a><br /> <script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55855363d6632d' type='text/javascript'/></div><br /> <br /> <br /> </div><br /> <br /> <span class='reaction-buttons'><br />         <b:if cond='data:top.showReactions'><br />           <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><br />             <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'><br />               <span class='reactions-label'><br />               <data:top.reactionsLabel/></span>&#160;</td><br />             <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td><br />            </tr></table><br />         </b:if><br />       </span><br />  <br /> </div></b:if></b:if></div><br /> <br />     <div class='post-body entry-content'><br />       <b:if cond='data:blog.pageType != &quot;item&quot;'><br />       <b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br /> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><br /> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read More &gt;&gt;</a></span><br /> </b:if></b:if><br /> <br /> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br /> <br /> <div style='width:645px;margin-left:-43px;height:180px;text-align:left;color:#A87E00;font-family:arial, san-serif;font-size;12px;background:url(http://oketrik.googlecode.com/files/bwpost2.png) no-repeat;'><br /> <div class='separator' style='width:370px;clear: both; text-align: left;'><br /> <img alt='subscribe' src='http://oketrik.googlecode.com/files/Wooden-Mail-128.png' style='float:left;'/><h3 style='padding-top:20px;text-decoration:bold;color:#FFC824;'>Subscribe</h3><br /> <p>Monitor continues to update the latest from This blog directly in your email!</p></div><br /> <br /> <div class='separator' style='margin-right:30px;margin-top:-118px;float:right;width:200px;height:100px;border-left:1px solid #A87E00;clear: both; text-align: right;'><br /> <br />     <div class='emailupdatesform'><br /> <form action='http://feedburner.google.com/fb/a/mailverify' class='emailupdatesform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=oketrik&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input gtbfieldid='10' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;your email here...&apos;;}' onfocus='if (this.value == &apos;your email here...&apos;) {this.value = &apos;&apos;;}' type='text' value='your email here...'/><input name='uri' type='hidden' value='tntbystc'/><input class='joinemailupdates' type='submit' value='Join'/></form></div><br /> <br /> &lt;a href=&quot;http://feeds.feedburner.com/oketrik&quot;&gt;&lt;img src=&quot;http://feeds.feedburner.com/~fc/oketrik?bg=111604&amp;fg=aadd27&amp;anim=1&amp;label=listeners&quot; height=&quot;26&quot; width=&quot;88&quot; style=&quot;border:0;float:right;&quot; alt=&quot;oketrik&quot; /&gt;&lt;/a&gt;<br /> </div><br /> </div><br /> <br /> <div id='related-posts'><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast != &quot;true&quot;'><br /> </b:if><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop><br /> <script type='text/javascript'><br /> var currentposturl=&quot;<data:post.url/>&quot;;<br /> var maxresults=5;<br /> var relatedpoststitle=&quot;Related Posts&quot;;<br /> removeRelatedDuplicates_thumbs();<br /> printRelatedLabels_thumbs();<br /> </script><br /> </div><div style='clear:both'/><br /> </b:if><br />       <div style='clear: both;'/> <br />     </div><br />   <br />     <b:if cond='data:post.hasJumpLink'><br />       <div class='jump-link'><br />         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>  <br />       </div><br />     </b:if><br />     <br />     <div class='post-footer'><br />     <div class='post-footer-line post-footer-line-1'><br />       <br />             <span class='star-ratings'><br />         <b:if cond='data:top.showStars'><br />            <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/><br />         </b:if><br />       </span><br /> <br />       <br /> <br />        <br />        <span class='post-backlinks post-comment-link'><br />          <b:if cond='data:blog.pageType != &quot;item&quot;'><br />            <b:if cond='data:post.showBacklinks'><br />              <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a><br />            </b:if><br />          </b:if><br />        </span><br /> <br />       <span class='post-icons'><br />         <br />         <b:if cond='data:post.emailPostUrl'><br />           <span class='item-action'><br />           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br />               <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/><br />           </a><br />           </span><br />         </b:if><br /> <br />         <br />         <b:include data='post' name='postQuickEdit'/><br />       </span><br />       </div><br /> <br />       <div class='post-footer-line post-footer-line-2'>      </div><br />       <br /> <br />       <div class='post-footer-line post-footer-line-3'><br />       <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><br />       </div><br />     </div><br />   </div><br /> </b:includable><br /> <b:includable id='status-message'><br />   <b:if cond='data:navMessage'><br />   <div class='status-msg-wrap'><br />     <div class='status-msg-body'><br />       <data:navMessage/><br />     </div><br />     <div class='status-msg-border'><br />       <div class='status-msg-bg'><br />         <div class='status-msg-hidden'><data:navMessage/></div><br />       </div><br />     </div><br />   </div><br />   <div style='clear: both;'/><br />   </b:if><br /> </b:includable><br /> <b:includable id='comment-form' var='post'><br />   <div class='comment-form'><br />     <a name='comment-form'/><br />     <h4 id='comment-post-message'><data:postCommentMsg/></h4><br />     <p><data:blogCommentMessage/></p><br />     <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='500'/><br />     <data:post.friendConnectJs/><br />     <data:post.cmtfpIframe/><br />     <script type='text/javascript'><br />       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);<br />     </script><br />   </div><br /> </b:includable><br /> <b:includable id='backlinkDeleteIcon' var='backlink'><br />   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'><br />     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'><br />       <img src='http://www.blogger.com/img/icon_delete13.gif'/><br />     </a><br />   </span><br /> </b:includable><br /> <b:includable id='mobile-nextprev'><br />   <div class='blog-pager' id='blog-pager'><br />     <b:if cond='data:newerPageUrl'><br />       <div class='mobile-link-button' id='blog-pager-newer-link'><br />       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a><br />       </div><br />     </b:if><br /> <br />     <b:if cond='data:olderPageUrl'><br />       <div class='mobile-link-button' id='blog-pager-older-link'><br />       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a><br />       </div><br />     </b:if><br /> <br />     <div class='mobile-link-button' id='blog-pager-home-link'><br />     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />     </div><br /> <br />     <div class='mobile-desktop-link'><br />       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a><br />     </div><br /> <br />   </div><br />   <div class='clear'/><br /> </b:includable><br /> <b:includable id='postQuickEdit' var='post'><br />   <b:if cond='data:post.editUrl'><br />     <span expr:class='&quot;item-control &quot; + 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://www.blogger.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 />   <div class='blog-posts hfeed'><br /> <br />     <b:include data='top' name='status-message'/><br /> <div class='breadCrumbHolder module'><br /> <b:include data='posts' name='breadCrumb'/><br /> </div><br /> <div class='chevronOverlay main'/><br />     <data:defaultAdStart/><br />     <b:loop values='data:posts' var='post'><br />       <b:include data='post' name='post'/><br />       <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />         <b:include data='post' name='comments'/><br />       </b:if><br />       <b:if cond='data:blog.pageType == &quot;item&quot;'><br />         <b:include data='post' name='comments'/><br />       </b:if><br />       <b:if cond='data:post.includeAd'><br />         <b:if cond='data:post.isFirstPost'> <br />           <data:defaultAdEnd/><br />         <b:else/><br />           <data:adEnd/><br />         </b:if><br />         <div class='inline-ad'><br />           <data:adCode/><br />         </div><br />         <data:adStart/><br />       </b:if><br />       <b:if cond='data:post.trackLatency'><br />         <data:post.latencyJs/><br />       </b:if><br />     </b:loop><br />     <data:adEnd/><br />   </div><br /> <br />   <br />   <b:include name='nextprev'/><br /> <br />   <br />   <b:include name='feedLinks'/><br />   <br />   <b:if cond='data:top.showStars'><br />     <script src='http://www.google.com/jsapi' type='text/javascript'/><br />     <script type='text/javascript'><br />       google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});<br />       function initialize() {<br />         google.annotations.setApplicationId(<data:top.blogspotReviews/>);<br />         google.annotations.createAll();<br />         google.annotations.fetch();<br />       }<br />       google.setOnLoadCallback(initialize);<br />     </script><br />   </b:if><br /> </b:includable><br /> <b:includable id='commentDeleteIcon' var='comment'><br />   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'><br />     <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><br />       <img src='http://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 != &quot;item&quot;'> <br />     <b:if cond='data:feedLinks'><br />       <div class='blog-feeds'><br />         <b:include data='feedLinks' name='feedLinksBody'/><br />       </div><br />     </b:if><br /> <br />     <b:else/> <br />     <div class='post-feeds'><br />       <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><br />   </b:if><br /> </b:includable><br /> <b:includable id='breadCrumb' var='posts'><br /> <b:if cond='data:blog.homepageUrl == data:blog.url'><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <div class='breadCrumb module' id='breadCrumb'><br /> <ul><br /> <li><a expr:href='data:blog.homepageUrl' rel='tag'>Beranda</a></li><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == &quot;true&quot;'><br /> <li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li><br /> </b:if><br /> </b:loop><br /> <li><data:post.title/></li><br /> </b:if><br /> </b:loop><br /> </ul><br /> </div><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;archive&quot;'><br /> <div class='breadCrumb module' id='breadCrumb'><br /> <ul><br /> <li><a expr:href='data:blog.homepageUrl'>Home</a></li><br /> <li>Archive For <data:blog.pageName/></li><br /> </ul><br /> </div><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;index&quot;'><br /> <div class='breadCrumb module' id='breadCrumb'><br /> <ul><br /> <b:if cond='data:blog.pageName == &quot;&quot;'><br /> <li><a expr:href='data:blog.homepageUrl'>Home</a></li><br /> <li>All Article</li><br /> <b:else/><br /> <li><a expr:href='data:blog.homepageUrl'>Home</a></li><br /> <li><data:blog.pageName/></li><br /> </b:if><br /> </ul><br /> </div><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable><br /> <b:includable id='mobile-index-post' var='post'><br />   <div class='mobile-date-outer date-outer'><br />     <b:if cond='data:post.dateHeader'><br />       <div class='date-header'><br />         <span><data:post.dateHeader/></span><br />       </div><br />     </b:if><br /> <br />     <div class='mobile-post-outer'><br />       <a expr:href='data:post.url'><br />         <h3 class='mobile-index-title entry-title'><br />           <data:post.title/><br />         </h3><br /> <br />         <div class='mobile-index-arrow'>&amp;rsaquo;</div><br /> <br />         <div class='mobile-index-contents'><br />           <b:if cond='data:post.thumbnailUrl'><br />             <div class='mobile-index-thumbnail'><br />               <div class='Image'><br />                 <img expr:src='data:post.thumbnailUrl'/><br />               </div><br />             </div><br />           </b:if><br /> <br />           <div class='post-body'><br />             <b:if cond='data:post.snippet'><data:post.snippet/></b:if><br />           </div><br />         </div><br /> <br />         <div style='clear: both;'/><br />       </a><br /> <br />       <div class='mobile-index-comment'><br />           <b:if cond='data:post.allowComments'><br />             <b:if cond='data:post.numComments != 0'><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 />       </div><br />     </div><br /> <br />     <b:if cond='data:post.trackLatency'><br />       <data:post.latencyJs/><br />     </b:if><br />   </div><br /> </b:includable><br /> <b:includable id='feedLinksBody' var='links'><br />   <div class='feed-links'><br />   <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><br /> </b:includable><br /> <b:includable id='comments' var='post'><br />   <div class='comments' id='comments'><br />     <a name='comments'/><br />     <b:if cond='data:post.allowComments'><br />       <h4><br />         <b:if cond='data:post.numComments == 1'><br />           1 <data:commentLabel/>:<br />         <b:else/><br />           <data:post.numComments/> <data:commentLabelPlural/> to <data:post.title/> :<br />         </b:if><br />       </h4><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'><data:post.oldestLinkText/></a><br />           &#160;<br />           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br />           &#160;<br />           <data:post.commentRangeText/><br />           &#160;<br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br />           &#160;<br />           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br />         </span><br />       </b:if><br /> <br />       <dl id='comments-block'><br />         <b:loop values='data:post.comments' var='comment'><br />           <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'><br />             <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: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><br />             <data:commentPostedByMsg/><br />           </dt><br />           <dd class='comment-body'><br />             <b:if cond='data:comment.isDeleted'><br />               <span class='deleted-comment'><data:comment.body/></span><br />             <b:else/><br />               <p><data:comment.body/></p><br />             </b:if><br />           </dd><br />           <dd class='comment-footer'><br />             <span class='comment-timestamp'><br />               <a expr:href='data:comment.url' title='comment permalink'><br />                 <data:comment.timestamp/><br />               </a><br />               <b:include data='comment' name='commentDeleteIcon'/><br />             </span><br />           </dd><br />         </b:loop><br />       </dl><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 />           &#160;<br />           <data:post.commentRangeText/><br />           &#160;<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'><br />         <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><br />     </b:if><br /> <br />     <div id='backlinks-container'><br />     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'><br />        <b:if cond='data:post.showBacklinks'><br />          <b:include data='post' name='backlinks'/><br />        </b:if><br />     </div><br />     </div><br />   </div><br /> </b:includable><br /> </b:widget><br /> </b:section><br />       </div><br /> <br />       <div id='sidebar-wrapper'><br />         <b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='HTML1' locked='false' title='Subscribe Template by Email' type='HTML'><br /> <b:includable id='main'><br />   <br />   <b:if cond='data:title != &quot;&quot;'><br />     <h2 class='title'><data:title/></h2><br />   </b:if><br />   <div class='widget-content'><br />     <data:content/><br />   </div><br /> <br />   <b:include name='quickedit'/><br /> </b:includable><br /> </b:widget><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><br />   </b:if><br />   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'><br />     <b:if cond='data:display == &quot;list&quot;'><br />       <ul><br />       <b:loop values='data:labels' var='label'><br />         <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><br />       </b:loop><br />       </ul><br />     <b:else/><br />       <b:loop values='data:labels' var='label'><br />         <span expr:class='&quot;label-size label-size-&quot; + 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 /> <br />   </div><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><br />   </b:if><br />   <div class='widget-content'><br />   <div id='ArchiveList'><br />   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'><br />     <b:if cond='data:style == &quot;HIERARCHY&quot;'><br />      <b:include data='data' name='interval'/><br />     </b:if><br />     <b:if cond='data:style == &quot;FLAT&quot;'><br />       <b:include data='data' name='flat'/><br />     </b:if><br />     <b:if cond='data:style == &quot;MENU&quot;'><br />       <b:include data='data' name='menu'/><br />     </b:if><br />   </div><br />   </div><br />   <b:include name='quickedit'/><br />   </div><br /> </b:includable><br /> <b:includable id='flat' var='data'><br />   <ul class='flat'><br />     <b:loop values='data:data' var='i'><br />       <li class='archivedate'><br />         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)<br />       </li><br />     </b:loop><br />   </ul><br /> </b:includable><br /> <b:includable id='menu' var='data'><br />   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'><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'><br />         <li expr:class='&quot;archivedate &quot; + 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><br />       </ul><br />   </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 == &quot;expanded&quot;'><br />     <a class='toggle' href='javascript:void(0)'><br />       <span class='zippy toggle-open'>&#9660;&#160;</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 == &quot;rtl&quot;'><br />           &#9668;&#160;<br />         <b:else/><br />           &#9658;&#160;<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'><br />     <b:loop values='data:posts' var='i'><br />       <li><a expr:href='data:i.url'><data:i.title/></a></li><br />     </b:loop><br />   </ul><br /> </b:includable><br /> </b:widget><br /> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'><br /> <b:includable id='main'><br />   <b:if cond='data:title'><h2><data:title/></h2></b:if><br />   <div class='widget-content'><br />     <b:if cond='data:mobile'><br />       <select expr:id='data:widget.instanceId + &quot;_select&quot;'><br />         <b:loop values='data:links' var='link'><br />           <b:if cond='data:link.isCurrentPage'><br />             <option expr:value='data:link.href' selected='selected'><data:link.title/></option><br />           <b:else/><br />             <option expr:value='data:link.href'><data:link.title/></option><br />           </b:if><br />         </b:loop><br />       </select><br />       <span class='pagelist-arrow'>&amp;#9660;</span><br /> <br />     <b:else/><br />       <ul><br />         <b:loop values='data:links' var='link'><br />           <b:if cond='data:link.isCurrentPage'><br />             <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li><br />           <b:else/><br />             <li><a expr:href='data:link.href'><data:link.title/></a></li><br />           </b:if><br />         </b:loop><br />       </ul><br />     </b:if><br />     <b:include name='quickedit'/><br />   </div><br /> </b:includable><br /> </b:widget><br /> </b:section><br />       </div><br /> <br />       <br />       <div class='clear'>&#160;</div><br /> <br />      <br /> <br />     <div id='footer-wrapper'><br />       <b:section class='footer' id='footer'/><br /> <div class='footer2' style='width: 33%; float: left; margin:0; text-align: left;'><br /> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'><br /> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'><br /> <b:includable id='main'><br />     <b:if cond='data:title != &quot;&quot;'><br />       <h2><data:title/></h2><br />     </b:if><br />     <div class='widget-content'><br />     <b:if cond='data:team == &quot;true&quot;'> <br />       <ul><br />         <b:loop values='data:authors' var='i'><br />           <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li><br />         </b:loop><br />       </ul><br /> <br />       <b:else/> <br /> <br />       <b:if cond='data:photo.url != &quot;&quot;'><br />         <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a><br />       </b:if><br /> <br />       <dl class='profile-datablock'><br />         <dt class='profile-data'><data:displayname/></dt><br /> <br />         <b:if cond='data:showlocation == &quot;true&quot;'><br />           <dd class='profile-data'><data:location/></dd><br />         </b:if><br /> <br />         <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if><br />       </dl><br />       <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a><br />     </b:if><br /> <br /> <br />     </div><br />   </b:includable><br /> </b:widget><br /> </b:section><br /> </div><br /> <div class='footer3' style='width: 34%; float: left; margin:0; text-align: left;'><br /> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'><br /> <b:widget id='Feed1' locked='false' title='Trick and Tips' type='Feed'><br /> <b:includable id='main'><br />     <h2><data:title/></h2><br />     <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'><br />       <span style='filter: alpha(25); opacity: 0.25;'><br />         <a expr:href='data:feedUrl'><data:loadingMsg/></a><br />       </span><br />     </div><br />     <b:include name='quickedit'/><br />   </b:includable><br /> </b:widget><br /> </b:section><br /> </div><br /> <div class='footer4' style='width: 33%; float: right; margin:0; text-align: left;'><br /> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'><br /> <b:widget id='Feed2' locked='false' title='New Comment' type='Feed'><br /> <b:includable id='main'><br />     <h2><data:title/></h2><br />     <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'><br />       <span style='filter: alpha(25); opacity: 0.25;'><br />         <a expr:href='data:feedUrl'><data:loadingMsg/></a><br />       </span><br />     </div><br />     <b:include name='quickedit'/><br />   </b:includable><br /> </b:widget><br /> </b:section><br /> </div><br /> <div style='clear:both;'/><br />     </div><br /> </div><br /> <div id='info'><div id='siteinfo'><br /> <a href='/'><data:blog.title/></a> Design by <a href='http://oketrik.blogspot.com/' title='Trick and Tips'>Trick and Tips</a><br /> Powered by <a href='http://blogger.com/' rel='generator'>Blogger</a><br /> </div></div><br /> <br />   </div></div> <br /> <br /> <script type='text/javascript'><br /> var pageCount=2;<br /> var displayPageNum=5;<br /> var upPageWord =&#39;Previous&#39;;<br /> var downPageWord =&#39;Next&#39;;<br /> </script><br /> <script src='http://oketrik.googlecode.com/files/Page%20Navblack.js' type='text/javascript'><br /> </script><br /> </body><br /> </html>

Posted in: Template

Categories

Total Tayangan

Texts

Download

Template

Sabtu, 30 Juli 2011

Template Menarik : 3Dlue V2 Blogger Template

0 komentar:

Posting Komentar

Share

Entri Populer

Label

Arsip Blog

My Totality Partner

Blogger Themes

Footer Widget 1

Footer Widget 2

Footer Widget 3