43 Menambahkan Fungsi Reply Comment Untuk Blogger

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Sebelumnya saya sudah pernah mengetengahkan cara menambahkan reply button pada komentar blogger. Fungsinya dengan tutorial yang akan saya paparkan kali ini kurang lebih sama, yaitu untuk memudahkan menjawab komentar pengunjung dan pembaca blog.

Perbedaannya: Tutorial sebelumnya kita hanya menambahkan sedikit kode dan hasilnya kita tidak perlu menuliskan secara manual ID (nama komentator) dari komentator yang ingin kita tanggapi (reply) komentarnya seperti: @ Amatullah:.... Adapun letak komentar balasan masih tetap berada pada daftar akhir komentar walau komentar yang ingin ditanggapi berada pada bagia awal daftar komentar.

Sedangkan tutorial kali ini, kita akan dihadapkan pada kode CSS dan HTML serta Script yang lumayan panjang. Dan mungkin tidak bisa diterapkan pada semua blogger template. Tapi hasil dari tutorial ini mungkin lebih memuaskan bagi sobat yang ingin sedikit meniru fungsi reply comment wordpress. Letak komentar tanggapan tepat berada dibawah kolom komentar yang ditanggapi. Selain itu kita bisa memodifikasi lagi tampilan daftar komentar agar sesuai dengan template kita.

Untuk lebih jelas silahkan lihat demo tutorial sebelumnya disini dan tutorial saat ini disini

Oke, bagi yang ingin menambahkan fungsi reply comment part 2 ini silahkan ikuti tutorial berikut:

Menambahkan Fungsi Reply Comment Untuk Blogger #21. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML>>> centang kotak kecil bertuliskan Expand Template Widget

2. Kemudian lettakkan CSS berikut diatas kode ]]></b:skin>

.comment-segment {

margin-top: 10px;
margin-right: 10px;

}
.comment-level-0 {

margin-left: 10px;

}
.comment-level-1 {

margin-left: 25px;

}
.comment-level-2 {

margin-left: 40px;

}
.comment-level-3 {

margin-left: 55px;

}
.comment-level-gt3 {

margin-left: 70px;

}
.blog-author-comment {

background-color: #e2eef2;
border: 1px solid #7296e2;
padding: 5px;

}
.blog-nonauthor-comment {

background-color: #f8f8f8;
border: 1px solid #dddddd;
padding: 5px;

}
.deleted-comment {

color: gray;
font-style: italic;

}
.delete-comment-icon {

background: url("http://www.blogblog.com/rounders3/icon_delete13.gif")
no-repeat;

}
.comment-time {

font-size: 80%;
margin: inherit;
padding-left: 10px;
padding-bottom: 10px;

}
.reply-guide {

background-color: #ffffff;
border: #076a93 1px dotted;
display: none;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0.75em;
padding-top: 5px;
margin-right: 10px;
margin-bottom: 10px;

}
.reply-guide-header {

color: #076a93;
padding-top: 10px;

}
.reply-guide-list {

list-style: none;
padding-left: 2px;
margin-left: 2px;

}
.reply-guide-example {

font-size: 85%;
margin-right: 5px;
margin-bottom: 10px;
float: right;
border: 1px dotted #076a93;
padding: 5px;

}

Catatan: Sobat dapat mengedit lagi CSS diatas misalnya untuk menyesuaikan tampilan backgroun komentar admin dan pengunjung atau mengganti jenis tulisan dll. Untuk kode warna bisa lihat disini.

3. Tambahkan Script berikut diatas kode </head>

<script type="text/javascript">
//<![CDATA[
/*
http://amatullah83.blogspot.com
*/
function Author(C,A,B){this.id=C;this.name=A;this.url=B;this.toString=function(F){var E="\t";if(F){for(var D=0;D<F;D++){E+="\t"}}return"Author[\n"+E+"id="+this.id+", \n"+E+"name="+this.name+", \n"+E+"url="+this.url+"\n"+E+"]"}}function Comment(E,H,G,C,B,D,F,A){this.id=E;this.sequenceNumber=H;this.postedTime=G;this.body=F;this.deleted=A;this.deleteUrl=B;this.deleteText=D;this.parentId="";this.children=new Array();this.level=0;this.author=C;this.getChildCount=function(){return this.children.length};this.addChild=function(I){this.children[this.getChildCount()]=I.id;I.parentId=this.id;I.level=this.level+1};this.toString=function(K){var J="\t";if(K){for(var I=0;I<K;I++){J+="\t"}}return"Comment[\n"+J+"id="+this.id+", \n"+J+"sequence="+this.sequenceNumber+", \n"+J+"deleted="+this.deleted+", \n"+J+"parentId="+this.parentId+", \n"+J+"children=["+this.children+"], \n"+J+"level="+this.level+", \n"+J+"author="+this.author.toString(1)+", \n"+J+"posted time="+this.postedTime+", \n"+J+"body="+this.body+"\n"+J+"]"}}function trimBrsFromString(C){var F=trimString(C);var B=["<br>","<br >","<br/>","<br />","<BR>","<BR >","<BR/>","<BR />"];if(F){var E=true;while(E){E=false;for(var D in B){var A=B[D];if(F.indexOf(A)==0){F=F.substring(A.length);F=trimString(F);E=true}var H=F.length;var G=F.lastIndexOf(A);if(G>=0&&G==H-A.length){F=F.substring(0,G);F=trimString(F);E=true}}}}return F}function trimString(A){var E="";if(A){var D=false;for(var B=0;B<A.length;B++){var F=A.charAt(B);if(!D&&F!=" "&&F!="\n"&&F!="\t"){D=true}if(D){E+=F}}D=false;var C=-1;for(var B=E.length-1;!D&&B>0;B--){var F=E.charAt(B);if(!D&&F!=" "&&F!="\n"&&F!="\t"){D=true;C=B}}if(C>0){E=E.substring(0,C+1)}}return E}function addItem(A,B){A[B.id]=B}function getAllItems(C){var D=new Array();var B=0;for(var A in C){D[B]=C[A];B++}return D}function getItemsCount(C){var B=0;for(var A in C){B++}return B}var ALL_AUTHORS=new Object();var ALL_COMMENTS=new Object();function getNewAuthorId(){var C=1;for(var A in ALL_AUTHORS){if(ALL_AUTHORS[A]&&ALL_AUTHORS[A].id){var B=ALL_AUTHORS[A].id;if(B>=C){C=B+1}}}return C}function createAuthor(C,A,B){return new Author(C,A,B)}function addAuthor(A){addItem(ALL_AUTHORS,A)}function getAllAuthors(){return getAllItems(ALL_AUTHORS)}function getAuthorsCount(){return getItemsCount(ALL_AUTHORS)}function findAuthor(C,B){for(var A in ALL_AUTHORS){if(ALL_AUTHORS[A]){if(ALL_AUTHORS[A].name==C&&ALL_AUTHORS[A].url==B){return ALL_AUTHORS[A]}}}return null}function getNewCommentSequence(){var C=1;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]&&ALL_COMMENTS[A].sequenceNumber){var B=ALL_COMMENTS[A].sequenceNumber;if(B>=C){C=B+1}}}return C}function createComment(E,H,G,C,B,D,F,A){return new Comment(E,H,G,C,B,D,F,A)}function addComment(A){addItem(ALL_COMMENTS,A)}function getAllComments(){return getAllItems(ALL_COMMENTS)}function getRootComments(){var D=new Array();var C=0;for(var A in ALL_COMMENTS){var B=ALL_COMMENTS[A];if(B&&B.level==0){D[C]=B;C++}}return D}function getCommentsCount(){return getItemsCount(ALL_COMMENTS)}function findComment(B){for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].id==B){return ALL_COMMENTS[A]}}}return null}function findLastCommentByAuthorName(C){var B=null;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].author.name==C){B=ALL_COMMENTS[A]}}}return B}function findLastCommentByPartialAuthorName(C){var B=null;for(var A in ALL_COMMENTS){if(ALL_COMMENTS[A]){if(ALL_COMMENTS[A].author.name.toLowerCase().indexOf(C.toLowerCase())==0){B=ALL_COMMENTS[A]}}}return B}function addCommentHierarchy(D,C){if(D){C[C.length]=D;var A=D.children;for(var B in A){addCommentHierarchy(findComment(A[B]),C)}}}function getCommmentsInSortedOrder(){var D=new Array();var A=getRootComments();for(var B in A){var C=A[B];addCommentHierarchy(C,D)}return D}function ParsedResult(A,B){this.parentComment=A;this.body=B;this.toString=function(){return"[parentComment="+this.parentComment+", body="+this.body+", ]"}}function findParentCommentFromDescriptor(A){var B=findComment(A);if(B==null){B=findLastCommentByAuthorName(A)}if(B==null){B=findLastCommentByPartialAuthorName(A)}return B}function parseCommentBody(B,F){B=trimString(B);var A=B.indexOf("@");if(A==0){var H=B.indexOf("\n",0);var G=B.indexOf("<",0);var D=H;if(G>0&&(G<D||D<0)){D=G}if(D>2){var O=B.substring(1,D);O=trimString(O);var K=findParentCommentFromDescriptor(O);if(K==null){var J=O.indexOf(" ");if(J>0){var N=trimString(O.substring(0,J));K=findParentCommentFromDescriptor(N);if(K!=null){D=J+1}}}if(K!=null){var P=null;var Q=D;var C=B.indexOf("@",Q+1);if(C>Q){var M=trimString(B.substring(C));P=parseCommentBody(M,C)}if(P&&P.length>0&&P[0].parentComment!=null){var L=trimString(B.substring(D,C));var I=new ParsedResult(K,L);var E=[I].concat(P);return E}else{var L=trimString(B.substring(D));var I=new ParsedResult(K,L);return[I]}return E}}}var I=new ParsedResult(null,B);return[I]}function buildComment(C,K,H,L,G,I,M,A){var F=findAuthor(C,K);if(!F){F=createAuthor(getNewAuthorId(),C,K);addAuthor(F)}var D=parseCommentBody(A,0);for(var J in D){var E="";E=D[J].body;E=trimBrsFromString(E);var B=createComment(H+"."+J,getNewCommentSequence(),L,F,I,M,E,G);addComment(B);if(D[J].parentComment!=null){D[J].parentComment.addChild(B)}}}function substituteConstant(A,D,C){var B=A;while(B.indexOf(D)>=0){B=B.replace(D,C)}return B}function substituteConstantIfValueExists(D,A,I,C,H){var J=D;var F=J.indexOf(A);var E=J.indexOf(I);while(F>0&&E>F){var B=J.substring(F,E+I.length);var G=null;if(H&&H.length>0){G=substituteConstant(B,C,H);G=G.substring(A.length,G.length-I.length)}else{G=""}J=J.replace(B,G);F=J.indexOf(A);E=J.indexOf(I)}return J}function isBlogAuthor(B){var A=false;if(window.BLOG_AUTHORS){for(var C in BLOG_AUTHORS){if(BLOG_AUTHORS[C]==B){A=true;break}}}else{if(window.BLOG_AUTHOR){A=(BLOG_AUTHOR==B)}}return A}function applyCommentTemplateToComment(F,E){var A=F;A=substituteConstant(A,"${COMMENT.ID}",E.id);A=substituteConstant(A,"${COMMENT.TIMESTAMP}",E.postedTime);A=substituteConstant(A,"${COMMENT.AUTHOR.NAME}",E.author.name);var C=(E.level>3)?"gt3":E.level;A=substituteConstant(A,"${COMMENT.LEVEL}",C);A=substituteConstantIfValueExists(A,"${COMMENT.AUTHOR.URL.EXISTS.START}","${COMMENT.AUTHOR.URL.EXISTS.END}","${COMMENT.AUTHOR.URL}",E.author.url);A=substituteConstant(A,"${COMMENT.AUTHOR.URL}",E.author.url);A=substituteConstant(A,"${COMMENT.DELETE.URL}",E.deleteUrl);A=substituteConstant(A,"${COMMENT.DELETE.TEXT}",E.deleteText);A=substituteConstant(A,"${COMMENT.BODY}",E.body);var D=isBlogAuthor(E.author.url)?"blog-author-comment":"blog-nonauthor-comment";A=substituteConstant(A,"${BLOG.AUTHOR}",D);A=substituteConstant(A,"${BLOG.POST.COMMENT.LINK}",BLOG_POST_COMMENT_LINK);var B=(E.deleted)?"deleted-comment":"";A=substituteConstant(A,"${COMMENT.DELETED.STYLE}",B);document.writeln(A)}function applyCommentTemplate(C){var D=getCommmentsInSortedOrder();for(var A in D){var B=D[A];applyCommentTemplateToComment(C,B)}}function setElementDisplay(B,C){var A=document.getElementById(B);if(A){A.style.display=C}}function setElementsDisplay(B,C){for(var A in B){setElementDisplay(B[A],C)}}function showElements(A){setElementsDisplay(A,"block")}function hideElements(A){setElementsDisplay(A,"none")}function showElement(A){setElementDisplay(A,"block")}function hideElement(A){setElementDisplay(A,"none")}function toggleElementDisplays(C,B,D){if(C.innerHTML=="[hide]"){for(var A in B){if(D[A]=="both"||D[A]=="hide"){hideElement(B[A])}}C.innerHTML="[show]"}else{for(var A in B){if(D[A]=="both"||D[A]=="show"){showElement(B[A])}}C.innerHTML="[hide]"}};// ]]>
</script>

4. Sekarang cari kode berikut <b:includable id='comments' var='post'> untuk memudahkan tekan Ctrl+F dan paste kode tadi pada kolom find dan tekan enter Kalau sudah menemukannya langkah selanjutnya:

5. Highlight semua kode mulai dari <b:includable id='comments' var='post'> scroll kebawah sampai kode penutupnya </b:includable> kemudian hapus ganti dengan kode berikut:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>:
<b:else/><data:post.numComments/><data:commentLabelPlural/>:
</b:if>
</h4>
<!-- Include a post comment link before rendering the comments -->
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
<!-- Loop through the comments adding the comment bodies in a hidden div -->
<b:loop values='data:post.comments' var='comment'>
<div style="display: none;" expr:id='"comment-body-" + data:comment.id' >
<data:comment.body/>
</div>
</b:loop>
<!-- Now create the comment using our javascript -->
<script type="text/javascript">
// USE THIS if YOU Have multiple Authors adding them in a comma separated form after removing the '//' from the next line
// var BLOG_AUTHORS = ['http://www.blogger.com/firstauthor', 'http://www.blogger.com/profile/secondauthor', 'http://www.blogger.com/profile/thirdauthor'];
// Use this if you have just one author like this blog :)
var BLOG_AUTHOR = 'Letakkan URL profil anda disini';
var BLOG_POST_COMMENT_LINK = '<data:post.addCommentUrl/>';
var eCommentDelete = false;
var eAuthorUrl = '';
<b:loop values='data:post.comments' var='comment'>
eCommentDelete = false;
eAuthorUrl = '';
<b:if cond='data:comment.authorUrl'>
eAuthorUrl = "<data:comment.authorUrl/>";
</b:if>
<b:if cond='data:comment.isDeleted'>
eCommentDelete = true;
</b:if>
buildComment("<data:comment.author/>", eAuthorUrl,
"<data:comment.id/>", "<data:comment.timestamp/>", eCommentDelete,
"<data:comment.deleteUrl/>", "<data:top.deleteCommentMsg/>",
document.getElementById('comment-body-<data:comment.id/>').innerHTML);
</b:loop>
// <![CDATA[
var eCommentTemplate = '' +
'<div class="comment-segment comment-level-${COMMENT.LEVEL} ${BLOG.AUTHOR} ${COMMENT.DELETED.STYLE}" >' + '\n' +
' <a name="comment-${COMMENT.ID}"></a>' + '\n' +
' <span style="float: right; margin-right: 5px; " >' + '\n' +
' <a href="#" ' + '\n' +
' onclick="toggleElementDisplays(this, ' +
'[\'comment-${COMMENT.ID}-body\', \'comment-${COMMENT.ID}-footer\', \'reply-guide-${COMMENT.ID}\'], ' +
'[\'both\', \'both\', \'hide\']); return false;" >[hide]</a>' + '\n' +
' </span>' + '\n' +
' <span class="comment-author" >' +
'${COMMENT.AUTHOR.URL.EXISTS.START}' +
'<a href="${COMMENT.AUTHOR.URL}" rel="nofollow">' +
'${COMMENT.AUTHOR.URL.EXISTS.END}' +
'${COMMENT.AUTHOR.NAME}' +
'${COMMENT.AUTHOR.URL.EXISTS.START}' +
'</a>' +
'${COMMENT.AUTHOR.URL.EXISTS.END}</span>' + '\n' +
' said... ' + '\n' +
' <div id="comment-${COMMENT.ID}-body" class="comment-body" ><p>${COMMENT.BODY}</p></div>' + '\n' +
' <span class="comment-time">on ${COMMENT.TIMESTAMP}</span>' + '\n' +
' <div id="reply-guide-${COMMENT.ID}" class="reply-guide comment-level-0 " >' + '\n' +
' <span style="float: right;" ><a href="#" onclick="hideElement(\'reply-guide-${COMMENT.ID}\'); return false;" >[hide]</a></span>' + '\n' +
' <h4 class="reply-guide-header">How to Reply to this comment</h4>' + '\n' +
' <span>' + '\n' +
' To reply to this comment please ensure that <b>one</b> of the following lines: ' + '\n' +
' <span class="reply-guide-example" >' + '\n' +
' <b>Example:</b><br />' + '\n' +
' @${COMMENT.ID} <br />' + '\n' +
' My <b>first line</b> is one of the values <br />' + '\n' +
' shown on the left :) ' + '\n' +
' </span>' + '\n' +
' <ul class="reply-guide-list">' + '\n' +
'<li>@${COMMENT.ID}</li>' + '\n' +
'<li>@${COMMENT.AUTHOR.NAME}</li>' + '\n' +
' </ul>' + '\n' +
' is the <b>first line</b> of your comment. ' + '\n' +
' <br />' + '\n' +
' <a href="${BLOG.POST.COMMENT.LINK}"' + '\n' +
' >Click here to enter your reply</a>' + '\n' +
' </span>' + '\n' +
' </div>' + '\n' +
' <div id="comment-${COMMENT.ID}-footer" class="comment-footer">' + '\n' +
' <span><a ' +
'href="#" onclick="showElement(\'reply-guide-${COMMENT.ID}\'); return false;" >Reply</a></span> ' + '\n' +
' <span><a href="#comment-${COMMENT.ID}">Permalink</a></span> ' + '\n' +
' <span><a href="${COMMENT.DELETE.URL}" title="${COMMENT.DELETE.TEXT}" style="text-decoration: none;" ><span class="delete-comment-icon"> </span></a></span>' + '\n' +
' </div>' + '\n' +
'</div>' + '\n';
applyCommentTemplate(eCommentTemplate);
// ]]>
</script>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

Catatan: Silahkan ganti tulisan berwarna merah pada kode diatas dengan URL profil sobat

6. Sebelum menyimpan hasil pekerjaan saran saya klik pratinjau lebih dahulu, jika tidak terdapat pesan error dan template tetap dengan tampilan yang baik, silahkan simpan template.

Selesai. Lihat hasilnya diblog sobat

Nah untuk menjawab atau reply comment awali dengan mengklik reply dan mulailah menulis komentar baris pertama dengan ID atau kode angka komentator yang ingin kita tanggapi. Lihat demo disini.

Semoga bermanfaat!


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

43 komentar :

  1. Wah rupanya pertamax mba, di bookmark dulu yah.

    BalasHapus
  2. ayas simpen dulu mbak, lagi belum ada waktu buat ngedit nih ^_^

    BalasHapus
  3. terimakasih atas ilmunya, keep sharing yah kawan^^

    salam blogger :D

    BalasHapus
  4. ukhti saya mau tanya, saya kan baru berganti template blog, tapi tidak ada icon tong sampahnya untuk menghapus komentar yg tidak diinginkan oleh admin? bagaimana yah cara memunculkan icon itu pada template baru saya?

    BalasHapus
  5. Sdh ane tes ukht..
    keren..

    tapi. . . .
    bs ga low dg tdk merubah bentuk, warna dll kolom or form komentar yg sdh ada??

    coz ane nemuin di yg lain jg sllu bentuknya sma sprti contoh itu..

    BalasHapus
  6. waduch..waduch..hampir ketinggalan nich..
    emang heubaaaat orang satu ini..
    master..master..master.. abis dech..luar biasa..
    blog ini akan saya jadikan referensi saya ke depan.. keep blogging guys.. may god bless u as always..Happy blogging..thanks 4 ur best share..

    BalasHapus
  7. @ Cool Blog: Pingin lihat blog anda dl tp page 404 Not Found?

    @ Girant_31: Bisa lah edit aja CSS, bgm ngeditnya? Khn anda pakarnya? Merendah aja nie?

    Sy g' ngedit dan modif lg krn dah sesuai dgn template pengembangan sy yg nuansa biru githu...

    @ Anonim: Ini siapa sih, ni org yg sm beberapa waktu ll komentar tnpa identitas jelas ya?

    All: Makasih apresiasinya.

    BalasHapus
  8. Wah..setelah saya coba demo nya, saya lebih suka yang ini dari pada yang kemarin walaupun scriptnya lumayan banyak.

    Thanks ya Ukhti.

    BalasHapus
  9. hmm tapi di blog ini koq ngga dipakai sistem ini ya?

    BalasHapus
  10. @ Yuda: Sama. Makasih apresiasinya.

    @ Darin: Krn sy sering berganti template, sdg klu masang fungsi reply comment seperti diatas mempengaruhi jumlah komentar yg ada.

    BalasHapus
  11. ehm bisa begitu yah..wah lumayan buat inspirasi nih

    BalasHapus
  12. iya nih bisa buat inspirasi..

    BalasHapus
  13. wah maaf ya mBak saya tidak tau kalo anda seorang wanita, dan terima kasih sudah sudi berkunjung ke blog buluk Vista 84 saya, sekali lagi mohon maaf :-)

    BalasHapus
  14. @ Vista 84: gpp, entah ya bnyk gtu yg sering salah sangka mengira sy laki2 sehingga ada yg nyapa mas, bang, kang de el el deh. Ada yg bilang krn umumx blog tutorial dibina lelaki. Pdhl khn g' slh wanita turut menyalurkan kreatifitasx dlm bidang ini?

    Makasih jg apresiasinya.

    BalasHapus
  15. waduch mba ternyataudah gue coba ga bisa kira-kira apanya mba?????

    yang pertama maupun yang kedua gagal mba pucing aku mohon bantuannya mba???
    biasa masih pemula

    BalasHapus
  16. @ Moedzt: Untuk tutorial pertama (menambahkan button reply) sy kira bs diterapkan pada semua template. Sdg yg kedua (menambahkn fungsi reply u/blogger) sy msh ragu bs diterapkn pd semua template.

    Silahkan mencoba kembali, jk terdapat pesan error saat menerapkan tutorial ini, pahami mksd psn dgn baik. Maaf, Sy kira anda hanya butuh lebih teliti lagi.

    BalasHapus
  17. Assalamu'alaikum,
    wah...wah...wah... Ukhti ini benar-benar mahir soal script. Sebenarnya saya ingin juga menggunakan fungsi reply ini di blog saya. Tapi tiap kali nyoba, hasilnya sering error melulu. Jadi untuk sementara dibiarkan seperti itu saja. Nah, kalo untuk WP barangkali Ukhti bisa membantu saya.

    Wassalam.

    BalasHapus
  18. sama sama fokus pada tutorial ya amma
    makasih atas infonya

    BalasHapus
  19. Assalamu'alaikum.

    Tutor yang bagus mbak. Tapi sayangnya saya bukan pemakai blogspot. Saya lebih enjoy dengan wordpress.
    Tp gpp lah, mungkin suatu saat saya membutuhkannya. Trims banyak sudh berbagi :)

    BalasHapus
  20. wah jadi mirip wordpress yach, di tunggu komenx baliknya

    BalasHapus
  21. wah dah lam agak kesini ukhti.. hemmm kok berubah yah? hehhehehhe jad kayak lukisan gTu... ya gak pap sekali-kali berubah bOSEN PASTINYA YAH??

    BalasHapus
  22. @ Anis Fahrunisa: Wa'alaikumussalam. Oh sy pikir wordpress lebih mudah kita tinggal pasang plugin...selesai? Maaf sy blm berkenalan jauh dgn wordpress saat ini pgn fokus dulu sampai benar menguasai desain blog dgn flatfrom blogger.

    @ Tutorial Wordpress: Tdk jg sebenarx, msh bnyk blog sy dgn tema lain wlu skill nulisx msh minim. Tp mmg cenderung minat dgn yg satu ini.

    @ Rismaka: Wa'alaikumussalam, semula kenal dgn blogger sih, klu wordpress sy justru blm bs menggunaknx.

    @ Catatan Cahaya: Iya ukh, biar ada nuansa lain dan semangat baru.

    All: Makasih apresiasinya.

    BalasHapus
  23. assalamualaikum mba ama,ato mba indah kah ini ^_^?,,,

    mksh bgt lho mba udh mw mmpir ke blog templetQ ^_^,

    Hmmmm tp aq tersinggung nie mba, ko mau2nya mba bljr dr orang biasa kya aq?bukannya mba ama lbh jago design ya hehehe ^_^?

    soalnya aq cuma bisa buat design aja mba, gbs pke tab view dll yg udh keren kya buatan mba ama ^_^?

    aq cuma iseng aja bkin2 templet mba,khususnya c bwt blogger baru yg pgn pny template simple,ga kya buatan mba yg profesional...haduh2 jauh deh sm buatan aq ^_^?

    aq cm bikin dr photoshop sm illustrator aja mba ama,udh itu aja yg lainnya aq ambil template dasar dr designer lain,mkanya aq g rubah foot note sumber templetnya ^_^

    ya mngkn sgitu dl aja y mba, aq udh prnh sblmnya nie k blognya mba,tp udh lama bgt br skrg mmpir lg ^_^?
    sklyan aq follow y mba ^_^?

    ini personal blogQ mba

    Miss Rinda - Personal Blog
    www.rinda-holic.blosgpot.com

    BalasHapus
  24. hi,have a nice day ......
    your work is awesome..:)

    BalasHapus
  25. @ Miss Rinda: Wa'alaikumussalam.
    Senang lho ukhty mau berkunjung, follow n ninggalin jejak dikolom komentar.

    Nama sy Amatullah (Hamba Allah Wanita) kalau sy tglkn psn di chatbox ukty sbg Indah...maux nulis Indahx Berbagi tp ngejar waktu jd nulis Indah...titik2 (Mksdx ada lanjutan Indahx).

    Setiap org punya kelebihan msng2, Sy justru baru belajar menggunakan Photoshop. Kayakx belajar desain tanpa pengenalan photoshop blm sempurna khn?

    Oya...awalx blog ini personal, tapi seiring berllx waktu sy belajar modifikasi CSS, jd kecanduan dan minat dengan desain.

    Sy dah follow balik, biar tau hasil kreasi terbaik ukhty selanjutx.

    Makasih

    BalasHapus
  26. Terimakasi infonya sangat membantu sekali... salam kenal...

    BalasHapus
  27. wah info bagus nih, boleh utk dicoba...

    BalasHapus
  28. Tapi koq blog ini ndak pakai reply ya...

    Hehehe, lam kenal ja sob...

    BalasHapus
  29. @ ToPu: @ ToPu: Tidak semua tutorial yang saya bagikan harus saya terapkan diblog saya ini bukan? Toh ttp semua tutorial saya terapkan dahulu di blog2 saya yg lain sebelum saya posting di blog ini.

    BalasHapus
  30. keren bgt
    makasih ya saya sudah terapkan di blog saya

    BalasHapus
  31. Nice posting,Really I appreciate your work on this blog.

    BalasHapus
  32. yang terakhir gag ada ukh d css ana... *sedih*

    BalasHapus
  33. mba, aku lagi buat blog baru dan aku pake template baru dr blogspot, pas aku mau find <b:includable id='comments' var='post' kok ga da ya? jadinya gimana mba? mohon bantuannya
    terima kasih sebelumnya

    BalasHapus
  34. @ asysya: yg terakhir itu apa? yg point no 5?
    2 can u see: berarti sama ya dgn asysaya diatas, nah sy kira kode itu tidak terlihat krn sobat berdua mungkin lupa mencentang expand template widget? coba diulang kembali, smg berhasil

    BalasHapus
  35. mba terima kasih atas petunjuknya, sekarang templateku sudah bisa ada replay commentsnya

    BalasHapus
  36. Salam bersahabatan, boleh juga nih dicoba, mengganti warna Related post dan judul posting bagaimana ya mba ? terima kasih pencerahannya mba

    BalasHapus
  37. mampir nih liat artikel sobat, mantap nanti mau dipraktekkan Gan, tks

    BalasHapus
  38. Walaupun Agak Rumit.. Tpi Bsa jg.. Thank Admin

    BalasHapus
  39. jazaakillah khoyron.. suda d coba.. =)

    BalasHapus
  40. wah,,,boleh dicoba nih,kebetulan blog saya aliran dofollow dan gak bisa pake replay,mau coba disini dulu ya,,,
    sebelumnya salam kenal dan semoga masih bisa saya tukar link dengan admin blog ini,,,thanks...

    BalasHapus
  41. Sipp deh bos infonya. bisa nambah wawasan n pengetahuan baru soal blog. nice share

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!