Semua Tips Ada disini
Anda Ingin Template Magazine 2 Nih Code HTML buat Template Magazine 2 :
<?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 dir="'data:blog.languageDirection'" xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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[/* ======================================= Blogger Template Style Name: Magazine Template 2 Designer: Rohman Abdul Manap URL: www.blogspottutorial.com Date: 19 Sep 2008 ======================================= */ /* Remove this line to appear blogger navbar */ /* start hide navbar */ #navbar-iframe { display : none; height : 0; visibility : hidden; } /* end hide navbar */ body { background: #718fa8; width: 990px; color: #000; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px auto 0px; padding: 0px; } #wrap { background: #718fa8 url(http://i162.photobucket.com/albums/t253/rohman24/bg-1.gif) center repeat-y; width: 990px; margin: 0px auto 0px; padding: 0px; } /*- Hyperlinks -*/ a, a:visited { color: #2255AA; text-decoration: none; } a:hover { color: #CC0000; text-decoration: underline; } a img { border-width:0; } /*- upper -*/ #upper{ width:100%; padding:0px; background:url(http://i162.photobucket.com/albums/t253/rohman24/top-1.gif) no-repeat center top; height:20px; clear:both; } #bg_header{ background:#000; width: 960px; margin: 0px auto 0px; } /*- Header -*/ #header-wrapper { background: #000; width: 900px; height: 140px; font-size: 11px; margin: 0px auto 0px; padding: 0px; overflow: hidden; } #head-inner { width:400px; background-position: left; margin-left: auto; margin-right: auto; padding-top:15px; float:left; } #header { margin: 0px; text-align: left; color:#FFF; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: normal normal 200% Georgia, Serif; } #header a, header a:hover { color:#FFF; text-decoration:none; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: #999; } #header img { margin-left: auto; margin-right: auto; } #r_head{ width:490px; float:right; padding-top:15px; margin;0px; text-align:right; font-size:14px; font-weight:bold; } #r_head a, #r_head a:hover, #r_head a:visited{ color:#FFF; } /*- Navbar -*/ #bg_nav { background: #000; width: 960px; height: 29px; font-size: 11px; font-family: Arial, Tahoma, Verdana; color: #FFF; font-weight: bold; margin: 0px auto 0px; padding: 0px; border-top: 1px solid #333; border-bottom: 1px solid #000; overflow: hidden; } #bg_nav a, #bg_nav a:visited { color: #FFF; font-size: 11px; text-decoration: none; text-transform: uppercase; padding: 0px 0px 0px 3px; } #bg_nav a:hover { color: #FFF; text-decoration: underline; padding: 0px 0px 0px 3px; } #navleft { width: 720px; float: left; margin: 0px; padding: 0px; } #navright { width: 220px; font-size: 11px; float: right; margin: 0px; padding: 6px 5px 0px 0px; } #navright a img { border: none; margin: 0px; padding: 0px; } #nav { margin: 0px; padding: 0px; list-style: none; } #nav ul { margin: 0px; padding: 0px; list-style: none; } #nav a, #nav a:visited { background: #222; color: #FFF; display: block; font-weight: bold; margin: 0px; padding: 8px 15px; border-left: 1px solid #000; } #nav a:hover { background: #6e6d6d; color: #FFFFFF; margin: 0px; padding: 8px 15px; text-decoration: none; } #nav li { float: left; margin: 0px; padding: 0px; } #nav li li { float: left; margin: 0px; padding: 0px; width: 150px; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #333; width: 160px; float: none; margin: 0px; padding: 7px 30px 7px 10px; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #666; padding: 7px 30px 7px 10px; } #nav li ul { position: absolute; width: 10em; left: -999em; } #nav li:hover ul { left: auto; display: block; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /*- Search Form -*/ #searchdiv { margin: 0px; padding: 0px; } #searchform { margin: 0px; padding: 0px; overflow: hidden; display: inline; } #subscribe { margin: 0px; padding: 0px; overflow: hidden; } #s { background: #FFFFFF; width: 165px; color: #000000; font-size: 10px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 4px 0px 2px 5px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; display: inline; } #sbutt { background: #026a73; color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0px 0px 0px 3px; padding: 2px; border: 1px solid #234B69; font-weight: bold; } #subbox { background: #fff; width: 200px; color: #000000; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 10px 0px 0px 0px; padding: 3px; border-top: 1px solid #666666; border-right: 1px solid #ddd; border-left: 1px solid #666666; border-bottom: 1px solid #ddd; display: inline; } #subbutton { background: #2B74B4; color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0px 0px 0px 5px; padding: 2px; border: 1px solid #234B69; font-weight: bold; } #name, #email, #url { background: #FFFFFF; color: #000000; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 4px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; } #submit { background: #2B74B4; color: #FFFFFF; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px; border: 1px solid #234B69; } #words { background: #FFFFFF; width: 460px; color: #000000; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; } /*- Wrapper -*/ #outer-wrapper { width: 960px; margin:0 auto; padding:0px; text-align:left; font: georgia; word-wrap: break-word; overflow: hidden; } #main-wrapper { float: left; width: 590px; margin: 0px 0px 5px 0px; padding: 13px 10px 0px 10px; word-wrap: break-word; overflow: hidden; } /*- Headings -*/ h2 { margin:1.5em 0 .75em; font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:#000; } /*- Posts -*/ h2.date-header { margin:1.5em 0 .5em; } .post { margin:0 0 10px 0; background: #FFF; padding:10px; text-align:justify; border:1px solid #C0C0C0; } .post h3 { margin:0; padding:5px 0px 10px 0px; font-size:155%; font-weight:normal; line-height:1.4em; color:#c60; text-transform:capitalize; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#000; font-weight:normal; } .post h3 strong, .post h3 a:hover { color: #2255AA; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:#999; letter-spacing:.1em; font: georgia; font-size:11px; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:4px; } .post blockquote { background: #E8E8E8; margin: 15px; padding: 10px 15px 10px 15px; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; } .post blockquote p { margin:.75em 0; } .post ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } .post ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; } .post ul ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } .post ul li li { padding: 0px 0px 5px 18px; margin: 0px; } .post ul li ul li { padding: 0px 0px 5px 18px; margin: 0px; } .post-labels, .post-timestamp{ font-family: Arial, Tahoma, Verdana; color:#000; } /*- Comments -*/ #comments h4 { margin:0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: #000; } #bg_commentblock { width: 548px; background: #FFF; float: left; padding:20px; margin:0 0 10px 0; border:1px solid #C0C0C0; } #commentblock { width: 510px; background: #E8E8E8; text-align:left; padding: 20px 20px 10px 20px; margin: 10px 0px 0px 0px; border-top: 2px solid #333; border-bottom: 1px solid #333; } #commentblock ol { list-style-type: square; margin: 0px 0px 0px 10px; padding: 0px 0px 10px 0px; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p { margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .commenttext { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFF url(http://lh4.ggpht.com/kangrohman/SMZb-VqQlYI/AAAAAAAAAOM/RpT6fNN3M88/commentgray_thumb%5B1%5D.gif?imgmax=800) no-repeat top left; } .commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 490px; background: #FFFFFF url(http://lh4.ggpht.com/kangrohman/SMZb-VqQlYI/AAAAAAAAAOM/RpT6fNN3M88/commentgray_thumb%5B1%5D.gif?imgmax=800) no-repeat top left; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float:right; padding-right:5px; } #blog-pager { text-align: center; } .feed-links { display:none; } /*- Sidebar -*/ #sidebar { float: left; width: 320px; margin: 6px 0px 5px 0px; padding:0px; line-height: 18px; display: inline; } #sidebar p { padding: 0px; margin: 0px; } #sidebar a img { border: none; margin: 0px; padding: 0px 0px 15px 0px; } .sidebar h2{ color: #000; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 5px 0px; padding: 4px 5px 4px 10px; border-bottom: 1px solid #C0C0C0; letter-spacing:0em; text-transform:capitalize; background:url('http://lh4.ggpht.com/kangrohman/SMhBAzFIHqI/AAAAAAAAAOk/a1HKOuOid9k/sidebarh2_thumb%5B1%5D.jpg?imgmax=800') repeat-x top left; } .r_sidebar h2, .l_sidebar h2 { color: #000; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 4px 0px; padding: 0px; letter-spacing:0em; text-transform:capitalize; } #sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } #sidebar ul li { list-style-type: none; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 18px; background: #FFF url(http://lh3.ggpht.com/kangrohman/SNJJdBAcWTI/AAAAAAAAAPM/_YR6wHoYXWM/icon_thumb%5B1%5D.png?imgmax=800) no-repeat top left; } #sidebar ul ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } #sidebar ul li li { background: #FFF url(http://lh3.ggpht.com/kangrohman/SNJJdBAcWTI/AAAAAAAAAPM/_YR6wHoYXWM/icon_thumb%5B1%5D.png?imgmax=800) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px; } #sidebar ul li ul li { background: #FFF url(http://lh3.ggpht.com/kangrohman/SNJJdBAcWTI/AAAAAAAAAPM/_YR6wHoYXWM/icon_thumb%5B1%5D.png?imgmax=800) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px; } /* Widget */ .sidebar .widget{ background: #FFF; float: left; width:338px; margin:0 0 1em; padding:6px 0 7px 0; border: 1px solid #C0C0C0; } .sidebar .widget-content{ margin : 0px; padding :0px 10px; } .main .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } .bottom .widget{ width: 285px; background: #FFFFFF; float: left; margin: 0px 0px 10px 13px; padding: 9px 9px 10px 9px; border: 1px solid #C0C0C0; } /*- Profile -*/ .profile-img { float: left; margin-top: 0; margin-right: 15px; margin-bottom: 5px; margin-left: 0; padding: 4px; border: 1px solid #C0C0C0; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font-family: Arial, Tahoma, Verdana; color:#000; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font-family: Arial, Tahoma, Verdana; text-transform: capitalize; letter-spacing: .1em; } /*- bottom -*/ #bottom { width: 100%; position: relative; clear:both; margin: 0px auto 0px; color:#000; float: left; background:#dbdcdd; padding: 10px 0; } #bottom h2 { color: #000000; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 8px 0px; padding: 0px; letter-spacing:0em; text-transform:capitalize; } #bottom ul { padding: 0px; margin: 0px; } #bottom ul li { line-height: 26px; list-style-type: none; border-bottom: 1px dashed #031c5d; } #bottom_1 { width: 300px; float: left; margin:0px; padding:0px; } #bottom_2 { width: 300px; float: left; margin-left:15px; padding:0px; } #bottom_3 { width: 300px; float: left; margin-left:15px; padding:0px; } /*- Footer -*/ #footer { background: #000; width: 960px; height:32px; margin: 0px; padding: 0px; float:left; } #footer p { color: #FFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 0px 10px 0px 10px; } #footer a, #footer a:visited { color: #FFF; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer a img { border: none; margin: 0px 0px 0px 10px; padding: 0px; } #footerleft { width: 650px; float: left; margin: 0px; padding: 12px 0px 0px 0px; } #footerright { width: 260px; float: right; margin: 0px; padding: 7px 0px 0px 0px; text-align: right; } /*- Bottom Footer -*/ #bot_footer { width: 990px; height: 25px; margin: 0px auto 0px; padding: 0px; overflow: hidden; } ]]></b:skin><br /> </head><br /><br /> <body><br /> <div id="'wrap'"><br /><br /> <div id="'upper'/"><br /><br /><div id="'bg_header'"><br /><div id="'header-wrapper'"><br /><div id="'head-inner'"><br /> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"><br /><b:widget id="'Header1'" locked="'true'" title="'Magazine" type="'Header'"><br /><b:includable id="'main'"><br /><br /> <b:if cond="'data:useImage'"><br /> <b:if cond="'data:imagePlacement"><br /> <!--Show just the image, no text--><br /> <div id="'header-inner'"><br /> <a href="'data:blog.homepageUrl'" style="'display:"><br /> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'" style="'display:" /><br /> </a><br /> </div><br /> <b:else/><br /> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --><br /> <div style="'" id="'header-inner'"><br /> <div class="'titlewrapper'" style="'background:"><br /> <h1 class="'title'" style="'background:"><br /> <b:include name="'title'/"><br /> </h1><br /> </div><br /> <b:include name="'description'/"><br /> </div><br /> </b:if><br /> <b:else/><br /> <!--No header image --><br /> <div id="'header-inner'"><br /> <div class="'titlewrapper'"><br /> <h1 class="'title'"><br /> <b:include name="'title'/"><br /> </h1><br /> </div><br /> <b:include name="'description'/"><br /> </div><br /> </b:if><br /></b:includable><br /><b:includable id="'title'"><br /> <b:if cond="'data:blog.url"><br /> <data:title/><br /> <b:else/><br /> <a 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:widget><br /></b:section><br /></div><br /><div id="'r_head'"><br /><b:section class="'r_header'" id="'r_head'" preferred="'yes'/"><br /></div><br /></div><br /><br /><br /><div id="'bg_nav'"><br /><br /><div id="'navleft'"><br /><div id="'nav'"><br /><ul><br /><li><a href="'/'">home</a></li><br /><li><a href="'#'">edit-me</a></li><br /><li><a href="'#'">edit-me</a></li><br /><li><a href="'#'">edit-me</a></li><br /><li><a href="'#'">edit-me</a></li><br /></ul><br /></div><br /></div><br /><br /><div id="'navbarright'"><br /><br /><br /><br /> <br /> <br /><form action="'/search'" id="'searchThis'" method="'get'" style="'display:inline;'"><br /><input id="'searchform'" name="'q'" size="'20'" type="'text'/"> <input id="'sbutt'" type="'submit'" value="'Go'/"><br /></form><br /> <br /><br /> </div><br /><br /><br /></div><!-- end bg_nav --><br /><br /></div><br /><br /><br /><br /> <div id="'outer-wrapper'"><div id="'wrap2'"><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:section class="'main'" id="'main'" showaddelement="'no'"><br /><b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'"><br /><b:includable id="'nextprev'"><br /> <div class="'blog-pager'" id="'blog-pager'"><br /> <b:if cond="'data:newerPageUrl'"><br /> <span id="'blog-pager-newer-link'"><br /> <a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" 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'" href="'data:olderPageUrl'" id="'data:widget.instanceId" title="'data:olderPageTitle'"><data:olderpagetitle/> »»</a><br /> </span><br /> </b:if><br /><br /> <b:if cond="'data:blog.homepageUrl"><br /> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /> <b:else/><br /> <b:if cond="'data:newerPageUrl'"><br /> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /> </b:if><br /> </b:if><br /><br /> </div><br /> <div class="'clear'/"><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"><br /> <dl class="'comments-block'" id="'comments-block'"><br /> <b:loop values="'data:post.backlinks'" var="'backlink'"><br /> <div class="'collapsed-backlink"><br /> <dt class="'comment-title'"><br /> <span class="'backlink-toggle-zippy'"> </span><br /> <a href="'data:backlink.url'" rel="'nofollow'"><data:backlink.title/></a><br /> <b:include data="'backlink'" name="'backlinkDeleteIcon'/"><br /> </dt><br /> <dd class="'comment-body"><br /> <data:backlink.snippet/><br /> </dd><br /> <dd class="'comment-footer"><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'" href="'data:post.createLinkUrl'" id="'data:widget.instanceId" target="'_blank'"><data:post.createlinklabel/></a><br /> </p><br /></b:includable><br /><b:includable id="'post'" var="'post'"><br /> <div class="'post"><br /> <a name="'data:post.id'/"><br /> <b:if cond="'data:post.title'"><br /> <h3 class="'post-title"><br /> <b:if cond="'data:post.link'"><br /> <a href="'data:post.link'"><data:post.title/></a><br /> <b:else/><br /> <b:if cond="'data:post.url'"><br /> <a href="'data:post.url'"><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h3><br /> </b:if><br /><br /> <div class="'post-header-line-1'/"><br /><span class="'post-author"><br /> <b:if cond="'data:top.showAuthor'"><br /> <br /> <span class="'fn'"><data:post.author/>,</span><br /><span class="'date-header'"><data:post.dateheader/></span><br /> </b:if><br /> </span><br /> <div class="'post-body"><br /> <p><data:post.body/></p><br /> <div style="'clear:"> <!-- clear for photos floats --><br /> </div><br /><br /> <div class="'post-footer'"><br /> <div class="'post-footer-line"><br /> <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'" href="'data:post.url'" rel="'bookmark'" title="'permanent"><abbr class="'published'" title="'data:post.timestampISO8601'"><data:post.timestamp/></abbr></a><br /> </b:if><br /> </b:if><br /> </span><br /> <br /> <span class="'reaction-buttons'"><br /> <b:if cond="'data:top.showReactions'"><br /> <table border="'0'" cellpadding="'0'" width="'100%'"><tr><br /> <td valign="'center'"><span class="'reactions-label'"><br /> <data:top.reactionslabel/></span><br /> </td><br /> <td><iframe allowtransparency="'true'" class="'reactions-iframe'" src="'data:post.reactionsUrl'" frameborder="'0'" name="'reactions'" scrolling="'no'/"></td><br /> </tr></table><br /> </b:if><br /> </span><br /><br /> <span class="'star-ratings'"><br /> <b:if cond="'data:top.showStars'"><br /> <div color="'data:backgroundColor'" color="'data:textColor'" url="'data:post.absoluteUrl'" height="'42'" type="'RatingPanel'" width="'280'/"><br /> </b:if><br /> </span><br /><br /> <span class="'post-comment-link'"><br /> <b:if cond="'data:blog.pageType"><br /> <b:if cond="'data:post.allowComments'"><br /> <a class="'comment-link'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><b:if cond="'data:post.numComments">1 <data:top.commentlabel/><b:else/><data:post.numcomments/> <data:top.commentlabelplural/></b:if></a><br /> </b:if><br /> </b:if><br /> </span><br /><br /> <!-- backlinks --><br /> <span class="'post-backlinks"><br /> <b:if cond="'data:blog.pageType"><br /> <b:if cond="'data:post.showBacklinks'"><br /> <a class="'comment-link'" href="'data:post.url"><data:top.backlinklabel/></a><br /> </b:if><br /> </b:if><br /> </span><br /><br /> <span class="'post-icons'"><br /> <!-- email post links --><br /> <b:if cond="'data:post.emailPostUrl'"><br /> <span class="'item-action'"><br /> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"><br /> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_email.gif'/" /><br /> </a><br /> </span><br /> </b:if><br /><br /> <!-- quickedit pencil --><br /> <b:include data="'post'" name="'postQuickEdit'/"><br /> </span><br /> </div><br /><br /> <div class="'post-footer-line"><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 href="'data:label.url'" rel="'tag'"><data:label.name/></a><b:if cond="'data:label.isLast">,</b:if><br /> </b:loop><br /> </b:if><br /> </span><br /> </div><br /><br /> <div class="'post-footer-line"><br /> </div><br /> </div><br /></b:includable><br /><b:includable id="'commentDeleteIcon'" var="'comment'"><br /> <span class="'"><br /> <a href="'data:comment.deleteUrl'" 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="'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:"><br /> </b:if><br /></b:includable><br /><b:includable id="'feedLinks'"><br /> <b:if cond="'data:blog.pageType"> <!-- Blog feed links --><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/> <!--Post feed links --><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="'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 /> <a href="'data:post.commentFormIframeSrc'" id="'comment-editor-src'" style="'display:"><br /> <iframe allowtransparency="'true'" class="'blogger-iframe-colorize'" frameborder="'0'" height="'275'" id="'comment-editor'" scrolling="'auto'" src="''" width="'100%'/"><br /> <data:post.iframecolorizer/><br /> </div><br /></b:includable><br /><b:includable id="'backlinkDeleteIcon'" var="'backlink'"><br /> <span class="'"><br /> <a href="'data:backlink.deleteUrl'" 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="'feedLinksBody'" var="'links'"><br /> <div class="'feed-links'"><br /> <data:feedlinksmsg/><br /> <b:loop values="'data:links'" var="'f'"><br /> <a class="'feed-link'" href="'data:f.url'" 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="'postQuickEdit'" var="'post'"><br /> <b:if cond="'data:post.editUrl'"><br /> <span class="'"><br /> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"><br /> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_edit_allbkg.gif'/" /><br /> </a><br /> </span><br /> </b:if><br /></b:includable><br /><b:includable id="'comments'" var="'post'"><br /><br /> <div class="'comments'" id="'comments'"><br /> <a name="'comments'/"><br /> <b:if cond="'data:post.allowComments'"><br /><br /><div id="'bg_commentblock'"><br /><br /><h4><br /><br />Comments :<br /><br /> </h4><br /><br /> <div id="'commentblock'"><!--commentblock--><br /><br /><b:if cond="'data:post.numComments">1<br /> <b:else/><br /> <strong><data:post.numcomments/> <data:commentlabelplural/> to “<data:post.title/>”</strong><br /> </b:if><br /><br /> <dl class="'commentlist'"><br /><br /> <b:loop values="'data:post.comments'" var="'comment'"><br /> <span><dt class="'" id="'data:comment.anchorName'" style="'display:inline'"><br /> <a name="'data:comment.anchorName'/"><br /> <b:if cond="'data:comment.authorUrl'"><br /> <a 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>on <dd class="'comment-footer'" style="'display:inline;"><br /> <span class="'comment-timestamp'"><br /> <a href="'data:comment.url'" title="'comment"><br /> <data:comment.timestamp/><br /> </a><br /> <b:include data="'comment'" name="'commentDeleteIcon'/"><br /> </span><br /> </dd></span><br /> <dd class="'commenttext'"><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 /> </b:loop><br /> </dl><br /> <b:if cond="'data:post.commentPagingRequired'"><br /> <span class="'paging-control-container'"><br /> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"><br /> <data:post.oldestlinktext/><br /> </a><br /> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"><br /> <data:post.olderlinktext/><br /> </a><br /> <br /> <data:post.commentrangetext/><br /> <br /> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"><br /> <data:post.newerlinktext/><br /> </a><br /> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"><br /> <data:post.newestlinktext/><br /> </a><br /> </span><br /> </b:if><br /><br /> <p class="'comment-footer'"><br /><br /><b:if cond="'data:post.embedCommentForm'"><br /><br /><b:include data="'post'" name="'comment-form'/"><br /><br /><b:else/><br /><br /><b:if cond="'data:post.allowComments'"><br /><br /><a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a><br /><br /></b:if><br /><br /></b:if><br /><br /></p><br /> </div><!--end commentblock--><br /><br /></div><br /> </b:if><br /><br /><br /><br /><br /> <div id="'backlinks-container'"><br /> <div id="'data:widget.instanceId"><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:includable id="'main'" var="'top'"><br /> <!-- posts --><br /> <div class="'blog-posts"><br /><br /> <b:include data="'top'" name="'status-message'/"><br /><br /> <data:adstart/><br /> <b:loop values="'data:posts'" var="'post'"><br /> <b:if cond="'data:post.dateHeader'"><br /> </b:if><br /> <b:include data="'post'" name="'post'/"><br /> <b:if cond="'data:blog.pageType"><br /> <b:include data="'post'" name="'comments'/"><br /> </b:if><br /> <b:if cond="'data:post.includeAd'"><br /> <data:adend/><br /> <data:adcode/><br /> <data:adstart/><br /> </b:if><br /> </b:loop><br /> <data:adend/><br /> </div><br /><br /> <!-- navigation --><br /> <b:include name="'nextprev'/"><br /><br /> <!-- feed links --><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("annotations", "1", {"locale": "<data:top.languagecode/>"});<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 /><br /></b:includable><br /></b:widget><br /></b:section><br /><br /> </div><br /><br /><br /> <div id="'sidebar'"><br /><br /><br /><br /><br /> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"><br /><br /><b:widget id="'HTML1'" locked="'false'" title="'News" type="'HTML'"><br /><b:includable id="'main'"><br /> <!-- only display title if it's non-empty --><br /> <b:if cond="'data:title"><br /> <h2 class="'title'"><data:title/></h2><br /> </b:if><br /> <div class="'widget-content'"><br /> <p>Sign up to receive updates</p><br /><br /><p><strong> Blogspot tutorial & Free Template</strong>.</p> <br /><br /><p><br /><p><br /><form action="'http://www.feedburner.com/fb/a/emailverify'" id="'subscribe'" method="'post'" onsubmit="'window.open('http://www.feedburner.com'," scrollbars="yes,width="550,height="520');return" target="'popupwindow'"><p><input id="'subbox'" name="'email'" onblur="'if" value ="="" value =" '';}'" onfocus="'if" value ="="" value =" '';}'" type="'text'" value="''/"><input name="'url'" type="'hidden'" value="'http://feeds.feedburner.com/~e?ffid="2078972'/"><input name="'title'" type="'hidden'" value="'eNews"><input id="'subbutton'" type="'submit'" value="'Subcribe'/"></p></form> <br /><br /><p><br /><br /><p><br /><br /><br/><br /><br /> <a href="'http://feeds.feedburner.com/BlogspotTutorial'"><img alt="''" height="'26'" src="'http://feeds.feedburner.com/~fc/BlogspotTutorial?bg="FFFFFF&fg="003333&anim="0'" style="'border:0'" width="'88'/" /></a><br /><br /><br /><br /><a href="'http://www.feedblitz.com/f/?Sub="402029'"><br /><img border="'0'" src="'http://www.feedblitz.com/i/5c/402029.bmp'" title="'Subscribe" /></a></p></p></p></p><br /><br /><br /> </div><br /></b:includable><br /></b:widget><br /><br /><b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'"><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 /> <b:if cond="'data:team"> <!-- team blog profile --><br /> <ul><br /> <b:loop values="'data:authors'" var="'i'"><br /> <li><a href="'data:i.userUrl'"><data:i.display-name/></a></li><br /> </b:loop><br /> </ul><br /><br /> <b:else/> <!-- normal blog profile --><br /><br /> <b:if cond="'data:photo.url"><br /> <a href="'data:userUrl'"><img class="'profile-img'" alt="'data:photo.alt'" height="'data:photo.height'" src="'data:photo.url'" 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"><br /> <dd class="'profile-data'"><data:location/></dd><br /> </b:if><br /><br /> <b:if cond="'data:aboutme"><dd class="'profile-textblock'"><data:aboutme/></dd></b:if><br /> </dl><br /> <a class="'profile-link'" href="'data:userUrl'"><data:viewprofilemsg/></a><br /> </b:if><br /><br /> <b:include name="'quickedit'/"><br /> </div><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 class="'widget-content'"><br /> <ul><br /> <b:loop values="'data:labels'" var="'label'"><br /> <li><br /> <b:if cond="'data:blog.url"><br /> <span dir="'data:blog.languageDirection'"><br /> <data:label.name/><br /> </span><br /> <b:else/><br /> <a dir="'data:blog.languageDirection'" href="'data:label.url'"><br /> <data:label.name/><br /> </a><br /> </b:if><br /> <span dir="'ltr'">(<data:label.count/>)</span><br /> </li><br /> </b:loop><br /> </ul><br /><br /> <b:include name="'quickedit'/"><br /> </div><br /></b:includable><br /></b:widget><br /><b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" 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 id="'data:widget.instanceId"><br /> <b:if cond="'data:style"><br /> <b:include data="'data'" name="'interval'/"><br /> </b:if><br /> <b:if cond="'data:style"><br /> <b:include data="'data'" name="'flat'/"><br /> </b:if><br /> <b:if cond="'data:style"><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><br /> <b:loop values="'data:data'" var="'i'"><br /> <li class="'archivedate'"><br /> <a 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 id="'data:widget.instanceId"><br /> <option value="''"><data:title/></option><br /> <b:loop values="'data:data'" var="'i'"><br /> <option 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><br /> <li class="'"><br /> <b:include data="'i'" name="'toggle'/"><br /> <a class="'post-count-link'" 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"><br /> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="close&toggle="" toggleopen=""><br /> <span class="'zippy">▼ </span><br /> </a><br /> <b:else/><br /> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="open&toggle="" toggleopen=""><br /> <span class="'zippy'"><br /> <b:if cond="'data:blog.languageDirection"><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'"><br /> <b:loop values="'data:posts'" var="'i'"><br /> <li><a href="'data:i.url'"><data:i.title/></a></li><br /> </b:loop><br /> </ul><br /></b:includable><br /></b:widget><br /></b:section><br /><br /></div><br /><br /> <!-- spacer for skins that want sidebar and main to be the same height--><br /> <br /> <div class="'clear'"> </div><br /><br /><br /><br /> </div> <!-- end content-wrapper --><br /> <br /><br /><br /><br /><br /> </div> <br /><br /><div id="'bottom'"><br /><br /><b:section class="'bottom'" id="'bottom_1'/"><br /><br /><b:section class="'bottom'" id="'bottom_2'/"><br /><br /><b:section class="'bottom'" id="'bottom_3'/"><br /><br /></div><br /><br /><br /><div id="'footer'"><br /><br /><br /> <div id="'footerleft'"><br /><br /><!-- For legal using, Don't delete this credit links --><br /><br /><p>© Copyright by <strong><data:blog.title/></strong> | <a href="'http://blogtemplate4u.com/'" target="'_blank'" title="'Get">Template</a> by <a href="'http://www.blogspottutorial.com'" target="'_blank'" title="'Blogging"> <strong>Blogspot tutorial</strong></a> </p><br /><br /> </div><br /> <br /> <div id="'footerright'"><br /> <p><a href="'http://www.blogger.com/'" target="'_blank'"><img alt="'blogger" src="'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaJ3fMCYoUr9cxW8UJub_J1zw2EWCBYFSZGh95XInDQ7qHnzECRevc37sW0dBSLumAPIbai0fSHVOKWXnhyphenhyphenwLSqN6hPRmoGYILMEHSrS4FBXGT5IaRC-BlNItINlABvlTOSgeN81QaN1Y/s400/powered-by.jpg'" style="'vertical-align:middle;border:0'/" /></a></p><br /><br /> </div><br /> <br /></div><br /><br /> <br /></div> <!-- end outer-wrapper --><br /><br /><div id="'bot_footer'"><br /><br /><img alt="'Bottom'" src="'http://i162.photobucket.com/albums/t253/rohman24/bottom-1.gif'/" /><br /><br /></div><br /></div> <!-- end wrap --><br /><br /></body><br /></html><br />
Posting Komentar
Tidak ada komentar:
Posting Komentar