Membuat Komentar Blogger Seperti Wordpress V2

Pada postingan terdahulu, saya membuat tutorial tentang <a href="/2012/05/cara-membuat-komentar-blog-seperti.html" target="_blank">Cara membuat komentar blog bertingkat seperti WordPress</a>. Akan tetapi banyak komentar yang menyatakan bagaimana membuat komentar tersebut tanpa "pop up". Beberapa kelebihan yang terdapat pada V.2 ini antara lain Tanpa Pop up, Installasi lebih mudah.<br /><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" height="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYo0TZ9femOU3e0VC7I_8zOlBoonCYh8AG9e6DepPNBzgg50SfwnYQsEhU9w6ZaBTQquGRp22WkfJGtdKUPOpyDlkUWsM2ttzUZ9uNFIqD7-r7BiyEEWzG_xpbjpaqfwvSnGufc6AnzFCZ/s320/Komentar+V2.jpg" width="500" /></div><br />Installasi Komentar Blogger Seperti Wordpress V2 :<br /><br />Sebelum melakukan installasi astikan Backup dulu template, untuk menghindari error pada installasi.<br /><br />1. Buka editor HTML template Anda kemudian cek Expand Template Widget. Temukan kode ini:<br /><br />]]></b:skin><br /><br />2. Salin kode CSS ini dan letakkan di atasnya:<br /><br /><blockquote class="tr_bq">.clearfix:after {<br />content:"";<br />display:table;<br />clear:both;<br />}<br /><br />.clearfix {*zoom:1}<br /><br />.pull-left {<br />display:block;<br />float:left;<br />}<br /><br />.pull-right {<br />display:block;<br />float:right;<br />}<br /><br />/* Start Custom Comments' CSS */<br />.custom-comments {<br />margin:3em 0 0;<br />font:normal normal 13px/1.4 Tahoma,Arial,Sans-Serif;<br />letter-spacing:0;<br />}<br /><br />/* links */<br />.custom-comments a,<br />.custom-comments a:visited {<br />color:#2143B4;<br />text-decoration:none;<br />}<br /><br />.custom-comments a:hover {text-decoration:underline}<br /><br />/* comment item */<br />.custom-comments .comment-item {<br />margin:0 0 1em;<br />padding:0 0 .7em 0;<br />border-bottom:1px solid #eee;<br />position:relative;<br />}<br /><br />/* comment header */<br />.custom-comments .comment-header {<br />overflow:hidden;<br />margin:0 0 1em 0;<br />}<br /><br />/* avatar area */<br />.custom-comments .avatar-box {<br />width:65px;<br />margin:0 0 20px 0;<br />}<br /><br />/* avatar */<br />.custom-comments .avatar-image-container,<br />.custom-comments .avatar-image-container a,<br />.custom-comments .avatar-image-container img {<br />border:none;<br />padding:0 0;<br />margin:0 0;<br />float:none;<br />display:block;<br />width:50px;<br />height:50px;<br />max-width:none;<br />max-height:none;<br />}<br /><br />.custom-comments .avatar-image-container img {<br />border:1px solid #ddd;<br />padding:4px;<br />background-color:#fafafa;<br />}<br /><br />/* comment body */<br />.custom-comments .comment-body {margin:0 0 2em 75px}<br /><br />/* comment reply */<br />.custom-comments .comment-reply {<br />margin:1em 0 0 75px;<br />padding:1em 1.2em;<br />background-color:#FFF7D1;<br />position:relative;<br />font-size:11px;<br />}<br /><br />.custom-comments .comment-reply:after {<br />content:"";<br />display:block;<br />width:0;<br />height:0;<br />position:absolute;<br />top:0;<br />left:0;<br />border:10px solid transparent;<br />border-color:white #F5F2D8 #F5F2D8 white;<br />}<br /><br />.custom-comments .comment-reply .user {margin-left:15px}<br />.custom-comments .comment-reply a {color:#767643}<br /><br />.custom-comments .comment-reply .avatar-image-container img {<br />border-color:#EAE5C4;<br />background-color:#F5F0D3;<br />}<br /><br />/* comment item footer */<br />.custom-comments .comment-bottom-line {<br />display:block;<br />clear:both;<br />margin:1em 0 .5em 75px;<br />text-align:right;<br />}<br /><br />/* comment buttons */<br />.custom-comments .comment-bottom-line a,<br />.custom-comments .cancel-reply-btn {<br />border:1px solid #ddd;<br />outline:none;<br />padding:2px .7em 3px .5em;<br />margin:0 0 0 4px;<br />-webkit-border-radius:10px;<br />-moz-border-radius:10px;<br />border-radius:10px;<br />text-decoration:none;<br />}<br /><br />.custom-comments .comment-reply .comment-bottom-line a,<br />.custom-comments .cancel-reply-btn {border-color:#EAE5C4}<br />.custom-comments .comment-bottom-line a:before {content:attr(data-icon) " "}<br />.custom-comments .comment-bottom-line .reply-btn:before {color:#3DB537}<br />.custom-comments .comment-bottom-line .delete-btn:before {color:#B42A21}<br /><br />.custom-comments .comment-bottom-line a:hover,<br />.custom-comments .cancel-reply-btn:hover {<br />border-color:#bbb;<br />text-decoration:none;<br />}<br /><br />.custom-comments .comment-bottom-line a:active,<br />.custom-comments .comment-bottom-line a:focus,<br />.custom-comments .cancel-reply-btn:active,<br />.custom-comments .cancel-reply-btn:focus {border-color:#999}<br />.custom-comments .cancel-reply-btn {padding:3px 1em 4px}<br /><br />/* comment form */<br />.custom-comments .custom-comment-form {<br />margin:1em 0 2em;<br />clear:both;<br />}<br /><br />.custom-comments .comment-item .custom-comment-form {<br />border:1px solid #eee;<br />padding:1em .2em 2em 1.5em;<br />margin-left:75px;<br />}<br /><br />.custom-comments #comment-editor {<br />max-width:none;<br />width:100%;<br />height:250px;<br />border:none;<br />background:none;<br />}<br /><br />.custom-comments .custom-comment-form .cancel-reply-btn {display:none}<br />.custom-comments .comment-item .custom-comment-form .cancel-reply-btn {display:inline}<br />.custom-comments .comment-item .custom-comment-form h4 {display:none}<br /><br />/* loading animation */<br />.custom-comments .custom-comment-editor-wrapper {background:transparent url('data:image/gif;base64,R0lGODlhEgAEAKEAAH9/fwAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJDwACACwAAAAAEgAEAAACB5SPqcvtrwoAIfkECQ8AAgAsAAAAAAQABAAAAgSEjwkFACH5BAkPAAIALAAAAAALAAQAAAIMjCMJC4fKXBKsnVkLACH5BAkPAAIALAAAAAASAAQAAAIRjCN5mOCwkojt0Xnkg1l1sRUAIfkECQ8AAgAsAAAAABIABAAAAhGEIRkbKRwOUsxBaStdeDdfAAAh+QQJDwACACwHAAAACwAEAAACDIQhGRuHylwSrJ1ZCwAh+QQFDwACACwOAAAABAAEAAACBISPCQUAOw==') no-repeat 50% 50%}<br /><br />/* deleted comment */<br />.custom-comments .deleted-comment {<br />font-style:italic;<br />color:#aaa;<br />}<br /><br />/* comments paging control */<br />.custom-comments .paging-control-container {<br />font-size:100%;<br />display:block;<br />float:none;<br />width:auto;<br />clear:both;<br />border:1px solid #eee;<br />padding:.5em 1em;<br />overflow:hidden;<br />}<br /><br />/* Author Comments Style: Do whatever you want with this! */<br />.author-comment > .comment-item {}<br />.author-comment > .comment-reply {}</blockquote><br />3. Kemudian cari kode ini:<br /><br /><blockquote class="tr_bq"><b:includable id='comments' var='post'><br />---------<br />---------<br /></b:includable></blockquote><br />4. Hapus kode tersebut dan ganti dengan kode berikut ini :<br /><br /><blockquote class="tr_bq"><b:includable id='custom-comments' var='post'><br /><section class='custom-comments' id='custom-comments'><br /><b:if cond='data:post.allowComments'><br /><br /><h4><br /><b:if cond='data:post.numComments == 1'><br /><span>1</span>&amp;nbsp;<data:commentLabel/><br /><b:else/><br /><span><data:post.numComments/></span>&amp;nbsp;<data:commentLabelPlural/><br /></b:if><br /></h4><br /><br /><b:if cond='data:post.commentPagingRequired'><br /><nav class='paging-control-container'><br /><a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br /><a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>&#160;<br /><data:post.commentRangeText/>&#160;<br /><a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br /><a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br /></nav><br /></b:if><br /><br /><div id='comments-area'><br /><b:loop values='data:post.comments' var='comment'><br /><b:if cond='data:comment.inReplyTo'><b:else/><br /><b:if cond='data:comment.author == data:post.author'>&lt;div class=&#39;author-comment&#39;&gt;</b:if><br /><div class='comment-item clearfix' expr:id='data:comment.anchorName'><br /><div class='comment-header clearfix'><br /><strong class='user pull-left'><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> <data:commentPostedByMsg/><br /></strong><br /><a class='comment-permalink pull-right' expr:href='data:comment.url' title='Comment Permalink'><data:comment.timestamp/></a><br /></div> <!-- comment-header --><br /><div class='avatar-box pull-left'><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 /><b:if cond='data:blog.enabledCommentProfileImages'><br /><data:comment.authorAvatarImage/><br /></b:if><br /></div> <!-- avatar-box --><br /><div class='comment-body'><br /><b:if cond='data:comment.isDeleted'><br /><span class='deleted-comment'><data:comment.body/></span><br /><b:else/><br /><data:comment.body/><br /></b:if><br /></div> <!-- comment-body --><br /><b:loop values='data:post.comments' var='replies'><br /><b:if cond='data:replies.inReplyTo == data:comment.id'><br /><b:if cond='data:replies.author == data:post.author'>&lt;div class=&#39;author-comment&#39;&gt;</b:if><br /><div class='comment-reply clearfix' expr:id='data:replies.anchorName'><br /><div class='comment-header clearfix'><br /><strong class='user pull-left'><br /><b:if cond='data:replies.authorUrl'><br /><a expr:href='data:replies.authorUrl' rel='nofollow'><data:replies.author/></a><br /><b:else/><br /><data:replies.author/><br /></b:if> <data:commentPostedByMsg/><br /></strong><br /><a class='comment-permalink pull-right' expr:href='data:replies.url' title='Comment Permalink'><data:replies.timestamp/></a><br /></div> <!-- reply comment-header --><br /><div class='avatar-box pull-left'><br /><b:if cond='data:replies.favicon'><br /><img expr:src='data:replies.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/><br /></b:if><br /><b:if cond='data:blog.enabledCommentProfileImages'><br /><data:replies.authorAvatarImage/><br /></b:if><br /></div> <!-- reply avatar-box --><br /><div class='comment-body'><br /><b:if cond='data:replies.isDeleted'><br /><span class='deleted-comment'><data:replies.body/></span><br /><b:else/><br /><data:replies.body/><br /></b:if><br /></div> <!-- reply comment-body --><br /><span class='comment-bottom-line'><br />&lt;a class=&#39;delete-btn&#39; data-icon=&#39;&amp;times;&#39; href=&#39;<data:replies.deleteUrl/>&#39; title=&#39;<data:top.deleteCommentMsg/>&#39;&gt;Delete&lt;/a&gt;<br /></span><br /></div> <!-- reply comment-reply --><br /><b:if cond='data:replies.author == data:post.author'>&lt;/div&gt;</b:if><br /></b:if> <!-- replies.inReplyTo --><br /></b:loop><br /><span class='comment-bottom-line'><br /><b:if cond='data:comment.isDeleted != &quot;true&quot;'>&lt;a class=&#39;reply-btn&#39; data-icon=&#39;&amp;dArr;&#39; href=&#39;javascript:replyTo(&quot;<data:comment.id/>&quot;);&#39;&gt;Reply&lt;/a&gt;</b:if>&lt;a class=&#39;delete-btn&#39; data-icon=&#39;&amp;times;&#39; href=&#39;<data:comment.deleteUrl/>&#39; title=&#39;<data:top.deleteCommentMsg/>&#39;&gt;Delete&lt;/a&gt;<br /></span><br /><div expr:id='&quot;form-container-&quot; + data:comment.id'/><br /></div> <!-- comment-item --><br /><b:if cond='data:comment.author == data:post.author'>&lt;/div&gt;</b:if><br /></b:if> <!-- comment.inReplyTo --><br /></b:loop><br /></div><br /><br /><b:if cond='data:post.commentPagingRequired'><br /><nav class='paging-control-container'><br /><a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br /><a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>&#160;<br /><data:post.commentRangeText/>&#160;<br /><a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br /><a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br /></nav><br /></b:if><br /><br /><div class='custom-comment-form' id='custom-comment-form'><br /><h4><data:postCommentMsg/></h4><br /><p><data:blogCommentMessage/></p><br /><data:blogTeamBlogMessage/><br /><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br /><div class='custom-comment-editor-wrapper'><br /><iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor' src=''/><br /></div><br /><data:post.friendConnectJs/><br /><data:post.cmtfpIframe/><br /><script type='text/javascript'>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);</script><br /><a class='cancel-reply-btn' href='javascript:replyTo(&quot;cancel&quot;);'>Cancel Reply</a><br /></div><br /><br /><script type='text/javascript'><br />//<![CDATA[<br />var originalSource = document.getElementById('comment-editor').src.split('#');<br />function replyTo(id) {<br />var frame = document.getElementById('comment-editor'),<br />form = document.getElementById('custom-comment-form'),<br />container = (id != "cancel") ? document.getElementById('form-container-' + id) : document.getElementById('custom-comments'),<br />part = originalSource;<br />frame.style.height = "50px";<br />frame.style.visibility = "hidden";<br />frame.src = (id != "cancel") ? part[0] + '&parentID=' + id + '#' + part[1] : part[0] + '#' + part[1];<br />container.insertBefore(form, null);<br />frame.onload = function() {<br />this.style.height = "250px";<br />this.style.visibility = "visible";<br />};<br />}<br />//]]><br /></script><br /><br /></b:if><br /></section><br /></b:includable></blockquote><br />5. Cari semua kode yang tampak seperti ini :<br /><br /><b:include data='post' name='threaded_comments'/><br /><br />Atau :<br /><br /><b:include data='post' name='comments'/><br /><br />6. ganti dengan kode ini :<br /><br /><blockquote class="tr_bq"><b:include data='post' name='custom-comments'/></blockquote><br />7. Terakhir Simpan Template dan lihat hasilnya.<br /><br />

Membuat Komentar Blogger Seperti Wordpress V2

Pada postingan terdahulu, saya membuat tutorial tentang Cara membuat komentar blog bertingkat seperti WordPress . Akan tetapi banyak komenta...

Baca selengkapnya »

Daftar Member Aktif

Berikut ini Kami tampilkan member-member yang aktif berkomentar di blog SAGITA COM. Apabila Anda rajin dan aktif berkomentar disini Anda akan tampil paling teratas. Halaman ini Kami buat khusus buat Anda dan terima kasih banyak atas kontribusi Anda pada blog SAGITA COM ini.<br /><a name="more"></a><br /><link href='https://sagitasoft.googlecode.com/svn/trunk/css/Member-aktif.css' media='screen' rel='stylesheet' type='text/css'></link><br /><script type="text/javascript">var homepage='http://www.tutorial-sagita.tk',maxTopCommenters=40,minComments=1,numDays=0,excludeMe=true,excludeUsers=["Anonymous","Iril Sagita","Lestiani Cuci"],maxUserNameLength=20,txtTopLine='[image] [user]',txtNoTopCommenters='No top commentators at this time.',txtAnonymous='',sizeAvatar=100,cropAvatar=true,urlNoAvatar='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_13H4Svke8k6Rl0YHv2BsbK9vL0snfHU1MbMwuOJmqwwALYV7FIYWRaTbpVyfyGmJ8LZH6h1T0WhCecyUM0wZxz8y7rf0c4tKqw5BMbPf3_opfYzz2jVwqkwg2cx3bE9q0nyjd-zWjvg/'+sizeAvatar+'/avatar_blue_m_96.png',urlAnoAvatar='http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s='+sizeAvatar,urlMyProfile='',urlMyAvatar='';if(!Array.indexOf){Array.prototype.indexOf=function(obj){for(var i=0;i<this.length;i++)if(this[i]==obj)return i;return-1}}function replaceTopCmtVars(text,item,position){if(!item||!item.author)return text;var author=item.author;var authorUri="";if(author.uri&&author.uri.$t!="")authorUri=author.uri.$t;var avaimg=urlAnoAvatar;var bloggerprofile="http://www.blogger.com/profile/";if(author.gd$image&&author.gd$image.src&&authorUri.substr(0,bloggerprofile.length)==bloggerprofile){avaimg=author.gd$image.src}else{var parseurl=document.createElement('a');if(authorUri!=""){parseurl.href=authorUri;avaimg='http://www.google.com/s2/favicons?domain='+parseurl.hostname}}if(urlMyProfile!=""&&authorUri==urlMyProfile&&urlMyAvatar!="")avaimg=urlMyAvatar;if(avaimg=="http://img2.blogblog.com/img/b16-rounded.gif"&&urlNoAvatar!="")avaimg=urlNoAvatar;var newsize="s"+sizeAvatar;avaimg=avaimg.replace(/\/s\d\d+-c\//,"/"+newsize+"-c/");if(cropAvatar)newsize+="-c";avaimg=avaimg.replace(/\/s\d\d+(-c){0,1}\//,"/"+newsize+"/");var authorName=author.name.$t;if(authorName=='Anonymous'&&txtAnonymous!=''&&avaimg==urlAnoAvatar)authorName=txtAnonymous;var imgcode='<div class="cm-person"><img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" src="'+avaimg+'" />';if(authorUri!="")imgcode='<a href="'+authorUri+'">'+imgcode+'</a>';if(maxUserNameLength>3&&authorName.length>maxUserNameLength)authorName=authorName.substr(0,maxUserNameLength-3)+"...";var authorcode=authorName;if(authorUri!="")authorcode='<a class="profile-name-link item'+position+'" href="'+authorUri+'" title="'+position+'. '+authorName+'">'+item.count+'</a>'+authorName.substring(0,14)+'</div>';text=text.replace('[user]',authorcode);text=text.replace('[image]',imgcode);text=text.replace('[count]',item.count);return text}var topcommenters={};var ndxbase=1;function showTopCommenters(json){var one_day=1000*60*60*24;var today=new Date();if(urlMyProfile==""){var elements=document.getElementsByTagName("*");var expr=/(^| )profile-link( |$)/;for(var i=0;i<elements.length;i++)if(expr.test(elements[i].className)){urlMyProfile=elements[i].href;break}}for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];if(numDays>0){var datePart=entry.published.$t.match(/\d+/g);var cmtDate=new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);var days=Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));if(days>numDays)break}var authorUri="";if(entry.author[0].uri&&entry.author[0].uri.$t!="")authorUri=entry.author[0].uri.$t;if(excludeMe&&authorUri!=""&&authorUri==urlMyProfile)continue;var authorName=entry.author[0].name.$t;if(excludeUsers.indexOf(authorName)!=-1)continue;var hash=entry.author[0].name.$t+"-"+authorUri;if(topcommenters[hash])topcommenters[hash].count++;else{var commenter=new Object();commenter.author=entry.author[0];commenter.count=1;topcommenters[hash]=commenter}}if(json.feed.entry.length>200){ndxbase+=200;document.write('<script type="text/javascript" src="'+homepage+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');return}var tuplear=[];for(var key in topcommenters)tuplear.push([key,topcommenters[key]]);tuplear.sort(function(a,b){if(b[1].count-a[1].count)return b[1].count-a[1].count;return(a[1].author.name.$t.toLowerCase()<b[1].author.name.$t.toLowerCase())?-1:1});var realcount=0;for(var i=0;i<maxTopCommenters&&i<tuplear.length;i++){var item=tuplear[i][1];if(item.count<minComments)break;document.write(replaceTopCmtVars(txtTopLine,item,realcount+1));realcount++}if(!realcount)document.write(txtNoTopCommenters)}document.write('<script type="text/javascript" src="'+homepage+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');</script>

Daftar Member Aktif

Berikut ini Kami tampilkan member-member yang aktif berkomentar di blog SAGITA COM. Apabila Anda rajin dan aktif berkomentar disini Anda aka...

Baca selengkapnya »

Daftar Isi Tutorial Blog

Di dalam postingan ini adalah Daftar Isi Tutorial Blog Dan Belajar SEO, mulai dari postingan awal sampai akhir, Disini Anda juga bisa melihat posting-posting tentang tutorial dari yang termudah sampai yang rumit sekalipun, semoga Kami bisa membantu atas apa yang Anda cari saat ini di blog ini !<br /><a name="more"></a><br /><script src='http://sagita-com.googlecode.com/svn/trunk/js/Content-pagination.js'/></script><br /><script type="text/javascript">var showPostDate = true, showComments = true, idMode = true, sortByLabel = false, labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "Jumlah Posting:", jumpPageLabel = "Page", commentsLabel = "Comment", rmoreText = "More ►", prevText = "Prev", nextText = "Next", siteUrl = "http://www.tutorial-sagita.tk", postsperpage = 14, numchars = 90, imgBlank = "https://css3-tutsplus.googlecode.com/svn/trunk/personal/images/css-tutsplus-no-image.jpg";</script><br /><style type="text/css">#comments, #info, #info1, #blog-pager{display:none;} #toc-outer{text-align:left;text-shadow:none;overflow:hidden;margin:0;padding:5px;} #loadingscript{padding:300px 0 0 0;height:37px;text-indent:-9999px;color:transparent;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYSHkj7c8AdCuKySUH6spAyGxsOC7Gv7JnAqVujD9lyqb39laR4sxngjqz8SIvBYHK9PfP1TwUlTF8-ETBHC2uY8hsGo_ypSGTZXbJOW0RPfI4KiD0ORVmfK_nnHHyr9J2C2BsXo-AFFl/s1600/load23.gif') no-repeat center center} .itemposts {width:50%;float:left;margin:0 0 0 0;padding:0 0 0 0;border:none;-webkit-box-shadow:inset -1px 0 0 #063e3f,inset 1px 0 0 #063e3f;-moz-box-shadow:inset -1px 0 0 #063e3f,inset 1px 0 0 #063e3f;box-shadow:inset -1px 0 0 #063e3f,inset 1px 0 0 #063e3f;} .itemposts .itemposts-title{border-top:1px solid #444;border-bottom:1px solid #444;padding:0 15px;font:bold 14px/36px Cambria,Georgia,Serif;height:36px;overflow:hidden;text-transform:uppercase;text-shadow:0 -1px 0 #111} .itemposts .itemposts-title:hover{border-left:5px solid #80ff00} .itemposts img{float:left;height:70px;width:70px;margin:5px 5px 5px;padding:4px;background-color:#ccc;background-image:-webkit-linear-gradient(top,#ccc,#999,#666);background-image:-moz-linear-gradient(top,#ccc,#999,#666);background-image:-ms-linear-gradient(top,#ccc,#999,#666);background-image:-o-linear-gradient(top,#ccc,#999,#666);background-image:linear-gradient(top,#ccc,#999,#666);border:1px solid white;border-right-color:#666;border-bottom-color:#666;-webkit-box-shadow:0 0 3px 1px black;-moz-box-shadow:0 0 3px 1px black;box-shadow:0 0 3px 1px black;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .itemposts .iteminside{margin:5px;text-align:justify} .itemposts .itemfoot{clear:both;padding:5px 10px;margin:10px 0 0;color:#999;font-size:90%;overflow:hidden;border-bottom:1px solid #444} .itemposts .itemfoot a.itemrmore{font-weight:bold;color:#c1e5ec;background:#135295 url('http://4.bp.blogspot.com/-zsVYM7TZ5MY/ThUopiHuKoI/AAAAAAAAAaA/5t2_qiAVKcU/s1600/menu_hover.gif') repeat-x;border:0;padding:2px 5px;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:right;text-decoration:none} .itemposts .itemfoot a.itemrmore:hover{opacity:0.7;filter:alpha(opacity=70);text-decoration:underline} #itempager {clear:both;padding:20px 0px;text-shadow:0px -1px 0px rgba(0,0,0,0.7);} #pagination, #totalposts {color:#999;font:bold 14px;padding:10px;margin:10px;text-align:center;}#pagination span, #pagination a {color:white;display:inline;margin:10px 3px;padding:2px 5px;text-indent:0px;background-color:#068bc9;background-image:-webkit-linear-gradient(top, #068bc9 0%, #3161c2 50%, #3059ab 51%);background-image:-moz-linear-gradient(top, #068bc9 0%, #3161c2 50%, #3059ab 51%);background-image:-ms-linear-gradient(top, #068bc9 0%, #3161c2 50%, #3059ab 51%);background-image:-o-linear-gradient(top, #068bc9 0%, #3161c2 50%, #3059ab 51%);background-image:linear-gradient(top, #068bc9 0%, #3161c2 50%, #3059ab 51%);border:1px solid #3161c2;text-decoration:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}#pagination span.actual, #pagination a:hover {background-color:#000;background-image:-webkit-linear-gradient(bottom, #068bc9 0%, #000 50%, #3059ab 51%);background-image:-moz-linear-gradient(bottom, #068bc9 0%, #000 50%, #3059ab 51%);background-image:-ms-linear-gradient(bottom, #068bc9 0%, #000 50%, #3059ab 51%);background-image:-o-linear-gradient(bottom, #068bc9 0%, #000 50%, #3059ab 51%);background-image:linear-gradient(bottom, #068bc9 0%, #000 50%, #3059ab 51%);}#pagination span.hidden {display:none;}</style>

Daftar Isi Tutorial Blog

Di dalam postingan ini adalah Daftar Isi Tutorial Blog Dan Belajar SEO, mulai dari postingan awal sampai akhir, Disini Anda juga bisa meliha...

Baca selengkapnya »

Cara Membuat Halaman Error 404 Blog

<b>Halaman Error 404 Blog</b> merupakan salah 1 dari fitur baru blogger. Ini berguna untuk membantu pengunjung yang salah mengakses link / halaman yang ada di blog kita dengan memberikan petunjuk atau saran pada halaman error yang mereka akses. Dengan kata sederhana Halaman Error 404 adalah halaman yang akan ditampilkan bila halaman yang sebenarnya tidak ditemukan disebut Halaman Error 404. <a name="more"></a> <div class="separator" style="clear: both; text-align: center;"><img alt="Halaman Error 404" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_WZqCrHk2i6PmBTzRYtmCQZ7tVZTRo-v54E5bCNur_TI3aKerWzR7-K_HcOSS3UXky15ScTneIKahqyy45XkKL3l0vS3CrDwA5erPqaA2bGwLTZefZTFieZUlvkCMqv0P-hziVxKU-M9/s320/Error+404.jpg" width="500"/></div><br /><center><a href="http://www.gogell.tk/2012/09/page-error-404.html" target="_blank"><button>Lihat Demo</button></a></center>Jika Anda ingin tampilan halaman error not found seperti blog ini, silahkan ikuti cara di bawah ini : <ol style="text-align: left;"><li>Login ke Accound blogger Anda.</li><li>Klik tab Rancangan -> pilih Edit HTML -> Jangan lupa download template lengkap agar apabila salah dalam pengeditan bisa di kembalikan seperti semula.</li><li>Cari code : ]]></b:skin></li><li>Letakkan code berikut tepat di diatasnya :</li><blockquote>#error-page { text-align:center; background-color:#900; position:fixed !important; position:absolute; /* IE6 Fallback */ top:0px; right:0px; bottom:0px; left:0px; padding-top:100px; z-index:99999; }</blockquote><li>Cari code <body>.</li><li>Letakkan code berikut tepat dibawahnya :</li><blockquote><b:if cond='data:blog.pageType != &quot;error_page&quot;'></blockquote><li>Scroll kebawah dan temukan code </body>.</li><li>Letakkan code berikut tepat diatasnya :</li><blockquote></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <a href='<span style="color: red;">http://www.sagitasoft.com/2011/07/daftar-isi-sagita-com.html</span>' title='Daftar Isi Buku'> <img alt='error' src='http://3.bp.blogspot.com/-uZ6diSn3Dys/T21Da-5HGXI/AAAAAAAACYY/d8WwcPgRazQ/s1600/dte-big2.png'/> </a> <h1 style='color:black;font-family:Monospace;'>LAMAN TIDAK DITEMUKAN</h1> </div> </b:if></blockquote><li>Ganti tulisan yang berwarna merah dengan link Anda.</li><li>Save template dan silahkan lihat hasilnya.</li></ol>

Cara Membuat Halaman Error 404 Blog

Halaman Error 404 Blog merupakan salah 1 dari fitur baru blogger. Ini berguna untuk membantu pengunjung yang salah mengakses link / halaman...

Baca selengkapnya »

Cara Membuat Menu Pengganti Navbar Blogspot

Hallo sobat blogger, sudah lama banget nih GITA gak update posting, untuk kali ini saya akan berbagi tentang <b>Cara Membuat Menu Pengganti Navbar Blogspot</b>. Ini sebenarnya request dari salah satu temen blogger kita yang sangat ingin membuatnya untuk di pasang di blognya. <b>Menu Pengganti Navbar Blogspot</b> sangatlah penting untuk memudahkan pengunjung untuk menuju link-link pada blog kita, dari pada panjang lebar kita menuju tutorialnya yuk..... !<br /><a name="more"></a><br /><img alt="navbar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAerWS1PSbFj2WXAPcojpveUCig38UV2IYdGLZ9DLxXjJKEk2Qou1bRBC6fdT5lNdG88HOiUUWL8-FDS0eBd9Hr-lFveRqudbk1bw6I2Rqe9elzRamYrmLauZiQ_aUQggBV3Yk6WL1MsqH/s400/Navbar.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 219px;"/><br />Berikut adalah <b>Cara Membuat Menu Pengganti Navbar Blogspot</b> :<br /><br />1. Masuklah ke akun blogger Anda.<br />2. Klik tab Rancangan -> pilih Edit HTML -> Jangan lupa download template lengkap agar apabila salah dalam pengeditan bisa di kembalikan seperti semula.<br />3. Cari code : <span style="color: rgb(51, 51, 255);"><b:skin><![CDATA[</span><br />4. Letakkan code berikut tepat di bawahnya :<br /><blockquote>#navbar-iframe {<br />height:0;<br />visibility:hidden;<br />display:none;<br />}</blockquote><br /><br />5. Caari code : <span style="color: rgb(51, 51, 255);">]]></b:skin></span><br />6. Letakkan code berikut tepat di atasnya :<br /><blockquote>.menu {<br />background:#000;<br />border-bottom:3px solid #111;<br />box-shadow:0 0 5px white;<br />-moz-box-shadow:0 0 5px white;<br />-webkit-box-shadow:0 0 5px white;<br />-khtml-box-shadow:0 0 5px white;<br />z-index:100;<br />top:0;<br />left:0;<br />width:100%;<br />position:fixed;<br />z-index:10000;<br />opacity:.9;<br />filter:alpha(opacity:90);<br />font-size:13px;<br />text-align:center;<br />}<br /><br />.menu ul {<br />background:#000;<br />height:2px;<br />list-style:none;<br />margin:0;<br />padding:0;<br />}<br /><br />.menu li {<br />float:left;<br />padding:0px;<br />}<br /><br />.menu li a {<br />background:#000;<br />color:#fff;<br />display:block;<br />font-weight:normal;<br />line-height:27px;<br />margin:0px;<br />padding:0px 10px;<br />text-align:center;<br />text-decoration:none;<br />}<br /><br />.menu li a:hover, .menu ul li:hover a {<br />background:#212121;<br />color:#00ff00;<br />text-decoration:none;<br />}<br /><br />.menu li ul{<br />background:#000;<br />display:none;<br />height:auto;<br />padding:0px;<br />margin:0px;<br />border:0px;<br />position:absolute;<br />width:100px;<br />z-index:200;<br />/*top:1em;/*left:0;*/<br />}<br /><br />.menu li:hover ul {<br />display:block;<br />}<br /><br />.menu li li {<br />display:block;<br />float:none;<br />margin:0px;<br />padding:0px;<br />width:100px;<br />}<br /><br />.menu li:hover li a {<br />background:none;<br />}<br /><br />.menu li ul a {<br />display:block;<br />height:27px;<br />font-size:12px;<br />font-style:normal;<br />margin:0px;<br />padding:0px 10px 0px 15px;<br />text-align:left;<br />}<br /><br />.menu li ul a:hover, .menu li ul li:hover a {<br />background:#212121 center left no-repeat;<br />border:0px;<br />color:#fff;<br />text-decoration:none;<br />}<br />.menu p {<br />clear:left;<br />}</blockquote><br /><br />7. Cari code : <span style="color: rgb(51, 51, 255);"><body></span><br />8. Letakkan code berikut tepat di bwahnya :<br /><blockquote><div class='menu'><ul><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/OS</span>'>Windows</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Software</span>'>Software Full</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Tool</span>'>Tool</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Multimedia</span>'>Multimedia</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Software-Hp</span>'>Aplikasi HP</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Anti-Virus</span>'>Anti Virus</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Internet</span>'>Internet</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Editing</span>'>Editing</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Games</span>'>Games</a></li><br /><li><a href='http://www.sagita-com.tk/2012/'>Lainnya</a><ul><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/News</span>'>News</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Request</span>'>Request</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Android</span>'>Android</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Billing</span>'>Billing</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Facebook</span>'>Facebook</a></li><br /><li><a href='<span style="color: rgb(153, 0, 0);">http://www.sagita-com.tk/search/label/Tips-Trik</span>'>Tips &amp; Triks</a></li></ul></li><br /><li style='float:right;margin-right:5px;'><a href='http://www.sagita-com.tk/2011/07/jadikan-sagita-com-halaman-awal-anda.html'>Homepage</a></li></ul></div></blockquote><br /><br />9. Ganti link-link di atas yang berwarna merah sesuaikan dengan blog Anda.<br />10. Terakhir simpan template dan lihat hasilnya.

Cara Membuat Menu Pengganti Navbar Blogspot

Hallo sobat blogger, sudah lama banget nih GITA gak update posting, untuk kali ini saya akan berbagi tentang Cara Membuat Menu Pengganti Nav...

Baca selengkapnya »

Cara Membuat Komentar Blog Seperti Wordpress

Tutorial kali ini akan menjelaskan <b>cara membuat komentar bertingkat seperti wordpress</b>. Tutorial ini tidak menggunkan threaded comment blogger yang baru, tetapi menggunakan sistem komentar lama, dan dimodifikasi sehingga menyerupai komentar wordpress (wordpress threaded comment).<br /><a name="more"></a><br />Untuk membuat threaded comment pada system komentar blogger yang baru (baca: <a href="http://www.tutorial-sagita.tk/2012/03/cara-cengaktifkan-threaded-comments.html" target="_blank">Cara Mengaktifkan Threaded Comments Pada Blogspot</a>). Untuk tutorial kali ini, kita akan membuat threaded comment pada sistem komentar lama, seperti screenshoot di bawah ini:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" height="385" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPx5YvFZUrAO_UdWj0gpCSl67uWuBV_4Az7BukZ3YVkVrI4NBOkA-jwNoKnv4SxNPZ0sv00KTLMset3hY1IpoP8dh8ASWHgDiHXC3FH3mprklSMTjW4VvtfvjPrPeajeQlxknqWDxlJn4P/s400/System+komentar.png" width="500" /></div><br />Berikut adalah cara membuatnya :<br /><br />1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML.<br /><br />2. Menjaga kegagalan, backup dulu template anda ---> Download Template Lengkap.<br /><br />3. Centang Expand Template Widget.<br /><br />4. Tambahkan kode dibawah ini diatas ]]><br /><blockquote>#comments h4 {<br />font-size: 18px;<br />font-weight: normal;<br />margin: 20px 0;<br />}<br />.cm_wrap {<br />clear: both;<br />margin-bottom: 10px;<br />float: right;<br />width: 100%;<br />}<br />.cm_head {<br />margin: 0;<br />width:60px;<br />float: left;<br />}<br />.cm_avatar {<br />margin: 0;<br />vertical-align: middle;<br />border: 1px solid #DDD;<br />padding: 3px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPtNlA85aPTOMKLfoA-6whnw4LVRg-OEBszSdbV5ktjYIm9HPpaUDTjPW9X0Rip3owFHsSBKzIgWXILe9f_JbyNXntxFHa-2R-jKMYNkefCoV2AkdY05tF04RLL3CR5DfyOa1UuLE9C1Y/s1600/takdikenal.jpg) center no-repeat;<br />width: 35px;<br />height: 35px;<br />}<br />.cm_avatar_a {<br />margin: 0;<br />vertical-align: middle;<br />border: 1px solid #DDD;<br />padding: 3px;<br />background:#c6e5f7;<br />background-position:center;<br />background-repeat:no-repeat;<br />width: 35px;<br />height: 35px;<br />}<br />.cm_reply {<br />padding-top: 5px;<br />}<br />.cm_reply a {<br />display: inline-block;<br />margin: 0;<br />padding: 1px 6px;<br />border: 1px solid #C4C4C4;<br />border-top-color: #E4E4E4;<br />border-left-color: #E4E4E4;<br />color: #424242 !important;<br />text-align: center;<br />text-shadow: 0 -1px 0 white;<br />text-decoration: none;<br />-webkit-border-radius: 2px;<br />-moz-border-radius: 2px;<br />border-radius: 2px;<br />background: #EDEDED;<br />background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );<br />background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );<br />font: 11px/18px sans-serif;<br />}<br />.cm_reply a:hover {<br />text-decoration: none !important;;<br />background: #ccc;;<br />background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;<br />background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;<br />}<br />.cm_entry {<br />padding: 16px;<br />background: #fcfcfc;<br />border: 1px solid #E4E4E4;<br />overflow: hidden;<br />}<br />.cm_arrow {<br />display: block;<br />width: 9px;<br />height: 18px;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY98_RoqeIKvH438TCLH3YFpc1XjDFAGxq_vmX22xusJApSmZR3SJFgB7JT1CdJ_tUxCXT88WI_1ivqI1EcnauUAKspo46VZhgSzfQviGIXa_i2HTNvRn8_d4FwCupFshEDyalghXQrqQ/s1600/comment-arrow.gif) no-repeat;<br />position: absolute;<br />margin-left: -25px;<br />}<br />.cm_info {<br />margin-bottom: 5px;<br />border: thin solid #E6E6E6;<br />background-color: #F4F4F4;<br />padding: 5px;<br />}<br />.cm_info_a {<br />margin-bottom: 5px;<br />border: thin solid #E6E6E6;<br />background-color: #dff0fa;<br />padding: 5px;<br />}<br />.cm_name {<br />font-size: 14px;<br />color: #666666 !important;<br />text-decoration:none;<br />float: left;<br />}<br />.cm_name_a {<br />font-family:"Comic Sans MS", cursive;<br />font-size: 14px;<br />color: #666666 !important;<br />text-decoration:none;<br />font-weight: bold;<br />float: left;<br />}<br />.cm_date {<br />font-size: 10px;<br />color: #999;<br />text-decoration:none;<br />float: right;<br />}<br />.cm_date_a {<br />font-family:"Comic Sans MS", cursive;<br />font-size: 10px;<br />color: #2D5E7B;<br />text-decoration:none;<br />float: right;<br />padding-top:5px;<br />}<br />.cm_entry p {<br />padding: 5px;<br />clear: both;<br />border: thin solid #E6E6E6;<br />background-color: #ffffff;<br />font-size: 13px;<br />color: #333;<br />word-wrap:break-word;<br />}<br />.cm_entry_a p {<br />padding: 5px;<br />clear: both;<br />border: thin solid #E6E6E6;<br />background-color: #ffffff;<br />font-size: 13px;<br />color: #333;<br />word-wrap:break-word;<br />}<br />.cm_pagenavi {<br />font-size: 10px;<br />text-transform: uppercase;<br />color: #666;<br />text-shadow: 1px 1px white;<br />font-weight: bold;<br />}<br />.cm_pagenavi a {<br />color: #666;<br />text-decoration: none;<br />padding:10px;<br />}<br />.cm_pagenavi a:hover {<br />text-decoration: underline<br />}<br />.cm_pagenavi span {<br />color: #888;<br />background: white;<br />padding: 4px;<br />border: 1px solid #E0E0E0;<br />}<br />/* Comment Admin */<br />.comment-body-author {<br />font-family:"Comic Sans MS", cursive;<br />font-weight: 300;<br />}</blockquote><br />5. Tambahkan kode dibawah ini sebelum tag <span style="color: red;"></body></span>.<br /><br /><blockquote><script src='http://sagita-com.googlecode.com/svn/coments.js' type='text/javascript'/></blockquote><br />Nah, berikut ini langkah yang lumayan rumit, karena dibutuhkan konsentrasi yang maksimal agar dapat mengikutinya dengan baik, kode berikut berpengaruh besar pada komentar pada blog Anda, karena dengan kode di di bawah ini akan merubah keseluruhan tampilan komentar pada blog Anda agar sama seperti wordpress.<br /><br />6. Selanjutnya, silahkan cari kode pembuka <span style="color: red;"><b:includable id='comments' var='post'></span> dan ditutupi dengan kode <span style="color: red;"></b:includable></span>.<br /><br />Diantara kode tersebut didalamnya terdapat kode yang harus Anda ganti dengan kode baru, dan Anda harus meletakan kode baru di bawah ini di antara kode yang sudah ditentuakn, perhatikan langkah-langkah di bawah ini. <br /><br /><blockquote><b:includable id='comments' var='post'><br /><br />Kode lama Anda yang harus diganti dengan kode baru.<br /><br /></b:includable></blockquote><br />7. letakan kode baru di bawah ini diantara kode <span style="color: red;"><b:includable id='comments' var='post'></span> dan <span style="color: red;"></b:includable></span>.<br /><br /><blockquote><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 &gt; 0'><br /><script type='text/javascript'>document.write(unescape('%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%74%75%74%6F%72%69%61%6C%2D%73%61%67%69%74%61%2E%74%6B%2F%32%30%31%32%2F%30%35%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%6B%6F%6D%65%6E%74%61%72%2D%62%6C%6F%67%2D%73%65%70%65%72%74%69%2E%68%74%6D%6C%27%20%73%74%79%6C%65%3D%27%66%6F%6E%74%2D%73%69%7A%65%3A%39%70%78%3B%66%6C%6F%61%74%3A%72%69%67%68%74%3B%6D%61%72%67%69%6E%2D%72%69%67%68%74%3A%35%70%78%3B%27%20%74%61%72%67%65%74%3D%27%5F%62%6C%61%6E%6B%27%3E%62%79%20%73%61%67%69%74%61%3C%2F%61%3E'));</script><br /><b:if cond='data:post.numComments == 1'><br /><span id='cm_total'>1</span> <data:commentLabelPlural/> <br /><b:else/><br /><span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/><br /></b:if><br /></b:if><br /></h4><br /><br /><div id='cm_reply_css'/><br /><br /><div class='cm_pagenavi' id='cm_page'/><br /><br /><div id='cm_block'><br /><b:loop values='data:post.comments' var='comment'><br /><b:if cond='data:comment.isDeleted'><br /><b:else/><br /><br /><div expr:id='data:comment.anchorName'><br /><div class='cm_wrap'><br /><a expr:name='data:comment.anchorName'/> <br /><div class='cm_head'><br /><div class='cm_avatar'><br /><b:if cond='data:blog.enabledCommentProfileImages'><br /><data:comment.authorAvatarImage/><br /></b:if> <br /></div><br /><div class='cm_reply'><br /><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=<span style="color: red;">0000000000000000000</span>&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a><br /></div><br /></div><br /><b:if cond='data:comment.author == data:post.author'><br /><dd class='cm_entry'><br /><span class='cm_arrow'/><br /><div class='cm_info_a'><br /><div class='cm_name_a'><br /><b:if cond='data:comment.authorUrl'><br /><img height='20px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS8QNWkXHUl7zxG2wnO3OXBJC4LAJ80sxVLU5M8AFL_zpv4Q_mCfYZ0MQKpinruXZxxu9NwJA0LM31EZORhKeAgKWh8faUApz7p9GH0MBBN9gClOfP9O9m0ibZ0fy5uf3hCdpXKHM-Nz4/s1600/adminstar.png' title='Admin' width='20px'/><br /><a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><br /><data:comment.author/><br /></a><br /><b:else/><br /><b><data:comment.author/></b><br /></b:if><br /></div><br /><div class='cm_date_a'><br /><data:comment.timestamp/><br /><b:include data='comment' name='commentDeleteIcon'/><br /></div><br /><div class='clear'/> <br /></div><br /><br /><div class='comment-body-author'><br /><p><data:comment.body/></p><br /></div><br /></dd><br /><b:else/><br /><dd class='cm_entry'><br /><span class='cm_arrow'/><br /><div class='cm_info'><br /><div class='cm_name'><br /><b:if cond='data:comment.authorUrl'><br /><a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><br /><data:comment.author/><br /></a><br /><b:else/><br /><b><data:comment.author/></b><br /></b:if><br /></div><br /><div class='cm_date'><br /><data:comment.timestamp/><br /><b:include data='comment' name='commentDeleteIcon'/><br /></div><br /><div class='clear'/> <br /></div><br /><br /><p><data:comment.body/></p><br /><span style='text-align:center; font-size:9px;'>Terimakasih <b><data:comment.author/></b> atas Komentarnya di <b><data:post.title/></b></span><br /></dd><br /></b:if><br /></div><br /></div><br /></b:if> <br /></b:loop><br /></div><br /><div class='cm_pagenavi' id='cm_page_copy'/><br /><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 /></b:if><br /></div></blockquote>Untuk blogID=<span style="color: red;">0000000000000000000</span>, silahkan Anda ganti dengan blogID pada blog Anda, blogID berada pada address bar halaman template anda, contohnya seperti ini :<br /><br /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXRudtxlZpRfyeDEb4miHa7S1-XdRFgjgDIiJuQpugQ_vaJRfGljJXXZDSMbKOpDF7MRUgWI5f-BM7CsZW-p1tyhyFZd-JpCknwA2zyC-WwZPLXQCe6dQICJFNucy9iSE9R6SnWcc7LBnf/s320/blogid.jpg" /><br /><br />8. Simpan Template.<br /><br />Semoga bermanfaat !

Cara Membuat Komentar Blog Seperti Wordpress

Tutorial kali ini akan menjelaskan cara membuat komentar bertingkat seperti wordpress . Tutorial ini tidak menggunkan threaded comment blogg...

Baca selengkapnya »

About Me

<font face="georgia"> <br /><br />Kenalkan Namaku <a href="https://plus.google.com/101146906618423529039" rel="me">Mbah duL</a>, <br /><br /><br /><br /> </font>

About Me

Kenalkan Namaku Mbah duL ,

Baca selengkapnya »