Go Go Tips

Anda Ingin Template Magazine 2

Nih Code HTML buat Template Magazine 2 :

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <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'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <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> </head> <body> <div id="'wrap'"> <div id="'upper'/"> <div id="'bg_header'"> <div id="'header-wrapper'"> <div id="'head-inner'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Magazine" type="'Header'"> <b:includable id="'main'"> <b:if cond="'data:useImage'"> <b:if cond="'data:imagePlacement">  <div id="'header-inner'"> <a href="'data:blog.homepageUrl'" style="'display:"> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'" style="'display:" /> </a> </div> <b:else/>  <div style="'" id="'header-inner'"> <div class="'titlewrapper'" style="'background:"> <h1 class="'title'" style="'background:"> <b:include name="'title'/"> </h1> </div> <b:include name="'description'/"> </div> </b:if> <b:else/>  <div id="'header-inner'"> <div class="'titlewrapper'"> <h1 class="'title'"> <b:include name="'title'/"> </h1> </div> <b:include name="'description'/"> </div> </b:if> </b:includable> <b:includable id="'title'"> <b:if cond="'data:blog.url"> <data:title/> <b:else/> <a href="'data:blog.homepageUrl'"><data:title/></a> </b:if> </b:includable> <b:includable id="'description'"> <div class="'descriptionwrapper'"> <data:description/> </div> </b:includable> </b:widget> </b:section> </div> <div id="'r_head'"> <b:section class="'r_header'" id="'r_head'" preferred="'yes'/"> </div> </div> <div id="'bg_nav'"> <div id="'navleft'"> <div id="'nav'"> <ul> <li><a href="'/'">home</a></li> <li><a href="'#'">edit-me</a></li> <li><a href="'#'">edit-me</a></li> <li><a href="'#'">edit-me</a></li> <li><a href="'#'">edit-me</a></li> </ul> </div> </div> <div id="'navbarright'"> <form action="'/search'" id="'searchThis'" method="'get'" style="'display:inline;'"> <input id="'searchform'" name="'q'" size="'20'" type="'text'/"> <input id="'sbutt'" type="'submit'" value="'Go'/"> </form> </div> </div> </div> <div id="'outer-wrapper'"><div id="'wrap2'"> <div id="'content-wrapper'"> <div id="'crosscol-wrapper'" style="'text-align:center'"> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"> </div> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'"> <b:includable id="'nextprev'"> <div class="'blog-pager'" id="'blog-pager'"> <b:if cond="'data:newerPageUrl'"> <a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" title="'data:newerPageTitle'">«« <data:newerpagetitle/></a> </b:if> <b:if cond="'data:olderPageUrl'"> <a class="'blog-pager-older-link'" href="'data:olderPageUrl'" id="'data:widget.instanceId" title="'data:olderPageTitle'"><data:olderpagetitle/> »»</a> </b:if> <b:if cond="'data:blog.homepageUrl"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> <b:else/> <b:if cond="'data:newerPageUrl'"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> </b:if> </b:if> </div> <div class="'clear'/"> </b:includable> <b:includable id="'backlinks'" var="'post'"> <a name="'links'/"><h4><data:post.backlinkslabel/></h4> <b:if cond="'data:post.numBacklinks"> <dl class="'comments-block'" id="'comments-block'"> <b:loop values="'data:post.backlinks'" var="'backlink'"> <div class="'collapsed-backlink"> <dt class="'comment-title'"> <a href="'data:backlink.url'" rel="'nofollow'"><data:backlink.title/></a> <b:include data="'backlink'" name="'backlinkDeleteIcon'/"> </dt> <dd class="'comment-body"> <data:backlink.snippet/> </dd> <dd class="'comment-footer"> <data:post.authorlabel/> <data:backlink.author/> <data:post.timestamplabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class="'comment-link'" href="'data:post.createLinkUrl'" id="'data:widget.instanceId" target="'_blank'"><data:post.createlinklabel/></a> </b:includable> <b:includable id="'post'" var="'post'"> <div class="'post"> <a name="'data:post.id'/"> <b:if cond="'data:post.title'"> <h3 class="'post-title"> <b:if cond="'data:post.link'"> <a href="'data:post.link'"><data:post.title/></a> <b:else/> <b:if cond="'data:post.url'"> <a href="'data:post.url'"><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class="'post-header-line-1'/"> <b:if cond="'data:top.showAuthor'"> <data:post.author/>, <data:post.dateheader/> </b:if> <div class="'post-body"> <data:post.body/> <div style="'clear:">  </div> <div class="'post-footer'"> <div class="'post-footer-line"> <b:if cond="'data:top.showTimestamp'"> <data:top.timestamplabel/> <b:if cond="'data:post.url'"> <a class="'timestamp-link'" href="'data:post.url'" rel="'bookmark'" title="'permanent"><abbr class="'published'" title="'data:post.timestampISO8601'"><data:post.timestamp/></abbr></a> </b:if> </b:if> <b:if cond="'data:top.showReactions'"> <table border="'0'" cellpadding="'0'" width="'100%'"><tr> <td valign="'center'"> <data:top.reactionslabel/> </td> <td><iframe allowtransparency="'true'" class="'reactions-iframe'" src="'data:post.reactionsUrl'" frameborder="'0'" name="'reactions'" scrolling="'no'/"></td> </tr></table> </b:if> <b:if cond="'data:top.showStars'"> <div color="'data:backgroundColor'" color="'data:textColor'" url="'data:post.absoluteUrl'" height="'42'" type="'RatingPanel'" width="'280'/"> </b:if> <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.allowComments'"> <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> </b:if> </b:if>  <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.showBacklinks'"> <a class="'comment-link'" href="'data:post.url"><data:top.backlinklabel/></a> </b:if> </b:if>  <b:if cond="'data:post.emailPostUrl'"> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_email.gif'/" /> </a> </b:if>  <b:include data="'post'" name="'postQuickEdit'/"> </div> <div class="'post-footer-line"> <b:if cond="'data:post.labels'"> <data:postlabelslabel/> <b:loop values="'data:post.labels'" var="'label'"> <a href="'data:label.url'" rel="'tag'"><data:label.name/></a><b:if cond="'data:label.isLast">,</b:if> </b:loop> </b:if> </div> <div class="'post-footer-line"> </div> </div> </b:includable> <b:includable id="'commentDeleteIcon'" var="'comment'"> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"> <img src="'http://www.blogger.com/img/icon_delete13.gif'/" /> </a> </b:includable> <b:includable id="'status-message'"> <b:if cond="'data:navMessage'"> <div class="'status-msg-wrap'"> <div class="'status-msg-body'"> <data:navmessage/> </div> <div class="'status-msg-border'"> <div class="'status-msg-bg'"> <div class="'status-msg-hidden'"><data:navmessage/></div> </div> </div> </div> <div style="'clear:"> </b:if> </b:includable> <b:includable id="'feedLinks'"> <b:if cond="'data:blog.pageType">  <b:if cond="'data:feedLinks'"> <div class="'blog-feeds'"> <b:include data="'feedLinks'" name="'feedLinksBody'/"> </div> </b:if> <b:else/>  <div class="'post-feeds'"> <b:loop values="'data:posts'" var="'post'"> <b:if cond="'data:post.allowComments'"> <b:if cond="'data:post.feedLinks'"> <b:include data="'post.feedLinks'" name="'feedLinksBody'/"> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id="'comment-form'" var="'post'"> <div class="'comment-form'"> <a name="'comment-form'/"> <h4 id="'comment-post-message'"><data:postcommentmsg/></h4> <data:blogcommentmessage/> <a href="'data:post.commentFormIframeSrc'" id="'comment-editor-src'" style="'display:"> <iframe allowtransparency="'true'" class="'blogger-iframe-colorize'" frameborder="'0'" height="'275'" id="'comment-editor'" scrolling="'auto'" src="''" width="'100%'/"> <data:post.iframecolorizer/> </div> </b:includable> <b:includable id="'backlinkDeleteIcon'" var="'backlink'"> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"> <img src="'http://www.blogger.com/img/icon_delete13.gif'/" /> </a> </b:includable> <b:includable id="'feedLinksBody'" var="'links'"> <div class="'feed-links'"> <data:feedlinksmsg/> <b:loop values="'data:links'" var="'f'"> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a> </b:loop> </div> </b:includable> <b:includable id="'postQuickEdit'" var="'post'"> <b:if cond="'data:post.editUrl'"> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"> <img alt="''" class="'icon-action'" src="'http://www.blogger.com/img/icon18_edit_allbkg.gif'/" /> </a> </b:if> </b:includable> <b:includable id="'comments'" var="'post'"> <div class="'comments'" id="'comments'"> <a name="'comments'/"> <b:if cond="'data:post.allowComments'"> <div id="'bg_commentblock'"> <h4> Comments : </h4> <div id="'commentblock'"> <b:if cond="'data:post.numComments">1 <b:else/> <data:post.numcomments/> <data:commentlabelplural/> to “<data:post.title/>” </b:if> <dl class="'commentlist'"> <b:loop values="'data:post.comments'" var="'comment'"> <dt class="'" id="'data:comment.anchorName'" style="'display:inline'"> <a name="'data:comment.anchorName'/"> <b:if cond="'data:comment.authorUrl'"> <a href="'data:comment.authorUrl'" rel="'nofollow'"><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentpostedbymsg/> </dt>on <dd class="'comment-footer'" style="'display:inline;"> <a href="'data:comment.url'" title="'comment"> <data:comment.timestamp/> </a> <b:include data="'comment'" name="'commentDeleteIcon'/"> </dd> <dd class="'commenttext'"> <b:if cond="'data:comment.isDeleted'"> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> </b:loop> </dl> <b:if cond="'data:post.commentPagingRequired'"> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"> <data:post.oldestlinktext/> </a> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"> <data:post.olderlinktext/> </a> <data:post.commentrangetext/> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"> <data:post.newerlinktext/> </a> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"> <data:post.newestlinktext/> </a> </b:if> <b:if cond="'data:post.embedCommentForm'"> <b:include data="'post'" name="'comment-form'/"> <b:else/> <b:if cond="'data:post.allowComments'"> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a> </b:if> </b:if> </div> </div> </b:if> <div id="'backlinks-container'"> <div id="'data:widget.instanceId"> <b:if cond="'data:post.showBacklinks'"> <b:include data="'post'" name="'backlinks'/"> </b:if> </div> </div> </div> </b:includable> <b:includable id="'main'" var="'top'">  <div class="'blog-posts"> <b:include data="'top'" name="'status-message'/"> <data:adstart/> <b:loop values="'data:posts'" var="'post'"> <b:if cond="'data:post.dateHeader'"> </b:if> <b:include data="'post'" name="'post'/"> <b:if cond="'data:blog.pageType"> <b:include data="'post'" name="'comments'/"> </b:if> <b:if cond="'data:post.includeAd'"> <data:adend/> <data:adcode/> <data:adstart/> </b:if> </b:loop> <data:adend/> </div>  <b:include name="'nextprev'/">  <b:include name="'feedLinks'/"> <b:if cond="'data:top.showStars'"> <script src="'http://www.google.com/jsapi'" type="'text/javascript'/"> <script type="'text/javascript'"> google.load("annotations", "1", {"locale": "<data:top.languagecode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotreviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> </b:widget> </b:section> </div> <div id="'sidebar'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'HTML1'" locked="'false'" title="'News" type="'HTML'"> <b:includable id="'main'">  <b:if cond="'data:title"> <h2 class="'title'"><data:title/></h2> </b:if> <div class="'widget-content'"> Sign up to receive updates Blogspot tutorial & Free Template. <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'"><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'/"></form> <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> <a href="'http://www.feedblitz.com/f/?Sub="402029'"> <img border="'0'" src="'http://www.feedblitz.com/i/5c/402029.bmp'" title="'Subscribe" /></a> </div> </b:includable> </b:widget> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'"> <b:includable id="'main'"> <b:if cond="'data:title"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <b:if cond="'data:team">  <ul> <b:loop values="'data:authors'" var="'i'"> <li><a href="'data:i.userUrl'"><data:i.display-name/></a></li> </b:loop> </ul> <b:else/>  <b:if cond="'data:photo.url"> <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> </b:if> <dl class="'profile-datablock'"> <dt class="'profile-data'"><data:displayname/></dt> <b:if cond="'data:showlocation"> <dd class="'profile-data'"><data:location/></dd> </b:if> <b:if cond="'data:aboutme"><dd class="'profile-textblock'"><data:aboutme/></dd></b:if> </dl> <a class="'profile-link'" href="'data:userUrl'"><data:viewprofilemsg/></a> </b:if> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> <b:widget id="'Label1'" locked="'false'" title="'Labels'" type="'Label'"> <b:includable id="'main'"> <b:if cond="'data:title'"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <ul> <b:loop values="'data:labels'" var="'label'"> <li> <b:if cond="'data:blog.url"> <data:label.name/> <b:else/> <a dir="'data:blog.languageDirection'" href="'data:label.url'"> <data:label.name/> </a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'"> <b:includable id="'main'"> <b:if cond="'data:title'"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <div id="'ArchiveList'"> <div id="'data:widget.instanceId"> <b:if cond="'data:style"> <b:include data="'data'" name="'interval'/"> </b:if> <b:if cond="'data:style"> <b:include data="'data'" name="'flat'/"> </b:if> <b:if cond="'data:style"> <b:include data="'data'" name="'menu'/"> </b:if> </div> </div> <b:include name="'quickedit'/"> </div> </b:includable> <b:includable id="'flat'" var="'data'"> <ul> <b:loop values="'data:data'" var="'i'"> <li class="'archivedate'"> <a href="'data:i.url'"><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id="'menu'" var="'data'"> <select id="'data:widget.instanceId"> <option value="''"><data:title/></option> <b:loop values="'data:data'" var="'i'"> <option value="'data:i.url'"><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id="'interval'" var="'intervalData'"> <b:loop values="'data:intervalData'" var="'i'"> <ul> <li class="'"> <b:include data="'i'" name="'toggle'/"> <a class="'post-count-link'" href="'data:i.url'"><data:i.name/></a> (<data:i.post-count/>) <b:if cond="'data:i.data'"> <b:include data="'i.data'" name="'interval'/"> </b:if> <b:if cond="'data:i.posts'"> <b:include data="'i.posts'" name="'posts'/"> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id="'toggle'" var="'interval'"> <b:if cond="'data:interval.toggleId'"> <b:if cond="'data:interval.expclass"> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="close&toggle="" toggleopen=""> ▼ </a> <b:else/> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="open&toggle="" toggleopen=""> <b:if cond="'data:blog.languageDirection"> ◄ <b:else/> ► </b:if> </a> </b:if> </b:if> </b:includable> <b:includable id="'posts'" var="'posts'"> <ul class="'posts'"> <b:loop values="'data:posts'" var="'i'"> <li><a href="'data:i.url'"><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div>  <div class="'clear'"> </div> </div>  </div> <div id="'bottom'"> <b:section class="'bottom'" id="'bottom_1'/"> <b:section class="'bottom'" id="'bottom_2'/"> <b:section class="'bottom'" id="'bottom_3'/"> </div> <div id="'footer'"> <div id="'footerleft'">  © Copyright by <data:blog.title/> | <a href="'http://blogtemplate4u.com/'" target="'_blank'" title="'Get">Template</a> by <a href="'http://www.blogspottutorial.com'" target="'_blank'" title="'Blogging"> Blogspot tutorial</a> </div> <div id="'footerright'"> <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> </div> </div> </div>  <div id="'bot_footer'"> <img alt="'Bottom'" src="'http://i162.photobucket.com/albums/t253/rohman24/bottom-1.gif'/" /> </div> </div>  </body> </html>

Selengkapnya...

Go Go Tips

Sabtu, 10 Januari 2009

Tips sederhana menghindari penipuan di internet

Senin, 17 November 2008

Free Template Magazine 2

Minggu, 09 November 2008

Nonton Tv di Blog

Gogohijau Bahasa Lain

Google Search

Kotak Saran

My Ranking

Blog Archive

About Me