Andre B'Genk: Komentar

Tampilkan postingan dengan label Komentar. Tampilkan semua postingan

Kamis, 15 Agustus 2013

Cara Mengatasi Pesan Komentar Yang Berada Dibawah (Turun Kebawah)

By Unknown Posted at 18.43 Komentar No comments

Kali ini saya akan memberikan trik Cara Mengatasi Pesan Komentar Yang Berada Dibawah masalah ini sering terjadi para pemblogger termasuk saya, mungkin anda pernah mengalami hal seperti ini, Seperti dijelaskan dipostingan sebelumnya, bahwa komentar disebuah blog sangat dibutuhkan, tapi terkadang komentar itu dijadikan hal yang tidak baik atau yang lebih dikenal dengan sebutan spam (Pengertian SPAM, Komentar SPAM, dan SPAMMER) pada praktek black hat SEO untuk mengoptimalkan blog di search engine, walaupun di pesan komentar sudah di beritahukan untuk tidak melakukan spam. Tapi bagaimana kalau pesan komentar berada di bawah formulir komentar? pasti aneh bukan ? dan di bawah ini adalah screenshot permasalahnya:

Untuk anda yang mengalami masalah ini, silahkan ikuti langkah-langkah cara mengatasi masalah pesan komentar yang jatuh dibawah form komentar berikut:
1. Login ke Blogger

2. Pilih Template >> Edit HTML

3. Cari kode:

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

TIPS: Tekan CTRL + F lalu ketik 'threaded-comment-form' (untuk mempermudah pencarian)
Lalu hapus semua kode berawal dari kode <b:includable id='threaded-comment-form' var='post'> sampai </b:includable> selanjutnya ganti dengan kode dibawah ini:

<b:includable id='threaded-comment-form' var='post'>

<div class='comment-form'>

<a name='comment-form'/>

<b:if cond='data:mobile'>

<div id='form-wrapper'>

<p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize 
blogger-comment-from-post' frameborder='0' height='410' 
id='comment-editor' name='comment-editor' src='' style='display: none' 
width='100%'/>

</div>

<b:else/>

<div id='form-wrapper'>

<p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize 
blogger-comment-from-post' frameborder='0' height='410' 
id='comment-editor' name='comment-editor' src='' width='100%'/>

</div>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

<script type='text/javascript'>

BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);

</script>

</div>

</b:includable>

Selanjutnya cari kode berikut ini:

document.getElementById(domId).insertBefore(replybox, null);

Lalu ganti dengan kode ini:

document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);

Simpan Template dan Lihat Hasilnya:

Langkah-langkah di atas sudah saya coba sendiri dan berhasil. Bila dalam prosesnya anda mengalami kegagalan, mungkin itu dikarenakan ada hal di atas yang anda lewatkan. Demikian update saya kali ini mengenai Cara Mengatasi Pesan Komentar Yang Berada Dibawah . Semoga bermanfaat !

Selasa, 06 Agustus 2013

Cara Memasukan Gambar, Youtube, Blockquote dan Kode pada Komentar

By Unknown Posted at 20.23 Komentar No comments

Pada Tutorial kali ini saya akan membahas Cara Memasukan Gambar, Youtube, Blockquote dan Kode pada Komentar, Sebetulnya tutorial ini milik kangismet. Akan tetapi saya di sini cumang ngeshare agar lebih luas lagi, Mungkin ini postingan terakhir saya karena saya mungkin tidak posting lagi setelah lebaran dikarenakan saya pergi hehe..oke langsung aja caranya sob...
1. Login ke Blogger

2. Pilih Template >> Edit HTML

3. Cari kode ]]></b:skin>, copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin>.


#comment-holder .cm-youtube {

  display:block;

  border:none !important;

  background-color:#333;

  width:450px;

  height:240px;

  margin:0 auto 30px;

}

#comment-holder .cm-image {

  display:block;

  margin:0 auto 15px;

  outline:none;

  border:1px solid #ccc;

  background-color:white;

  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);

  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);

  box-shadow:0px 1px 3px rgba(0,0,0,0.2);

  padding:5px;

  max-width:96%;

  height:auto;

  width:auto;

}

code, #comment-holder code,

#comment-holder i[rel="code"] {

  font:normal 12px Monaco,"Courier New",Monospace;

  color:blue;

}

pre, #comment-holder pre,

#comment-holder i[rel="pre"] {

  display:block;

  font:normal 12px Monaco,"Courier New",Monospace;

  background-color:#333;

  color:white;

  padding:0.5em 1em;

  word-wrap:normal;

  white-space:pre;

  overflow:auto;

  white-space: pre-wrap;

  white-space: -moz-pre-wrap;

  white-space: -pre-wrap;

  white-space: -o-pre-wrap;

  word-wrap: break-word;

}

blockquote, #comment-holder blockquote,

#comment-holder b[rel="quote"] {

  margin:0 2%;

  background-color:#eee;

  padding:1em 1.2em;

  border-left:4px solid #7498AD;

  display:block;

  font-weight:normal;

  font-style:italic;

}

#comment-holder i[rel="image"],

#comment-holder i[rel="youtube"] {

  display:block;

  overflow:hidden;

  border:2px solid black;

  position:relative;

  width:170px;

  height:100px;

  margin:0 auto 30px;

}

#comment-holder i[rel="image"]:before,

#comment-holder i[rel="youtube"]:before {

  content:"Please enable your JavaScript to see this image!";

  position:absolute;

  top:0;

  right:0;

  bottom:0;

  left:0;

  background-color:red;

  color:white;

  font-weight:bold;

  text-align:center;

  padding:15px 0;

}

#comment-holder i[rel="youtube"]:before {

  content:"Please enable your JavaScript to watch this video!";

}

Kemudian, simpan kode ini di atas </body>


<script type='text/javascript'>

//<![CDATA[

function repText(id) {

var a = document.getElementById(id),

 b = a.innerHTML,

 b = b.replace(/<i rel="image">(.[^\>]*)<\/i>/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");

 b = b.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");

 b = b.replace(/<i 
rel="youtube">http:\/\/www.youtube.com\/embed\/(.[^>]*)<\/i>/ig,
 "<iframe class='cm-youtube' 
src='http://www.youtube.com/embed/$1'><\/iframe>");

 b = b.replace(/<i 
rel="youtube">(http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^>]*)<\/i>/ig,
 "<iframe class='cm-youtube' 
src='http://www.youtube.com/embed/$2'><\/iframe>");

 b = 
b.replace(/\[youtube\]http:\/\/www.youtube.com\/embed\/(.[^\]]*)\[\/youtube\]/ig,
 "<iframe class='cm-youtube' 
src='http://www.youtube.com/embed/$1'><\/iframe>");

 b = 
b.replace(/\[youtube\](http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^\]]*)\[\/youtube\]/ig,
 "<iframe class='cm-youtube' 
src='http://www.youtube.com/embed/$2'><\/iframe>");

 document.getElementById(id).innerHTML = b;

 b = b.replace(/<i rel="code">(.*?)<\/i>/ig, "<code>$1<\/code>");

 b = b.replace(/<i rel="pre">(.*?)<\/i>/ig, "<pre>$1<\/pre>");

 b = b.replace(/<b rel="quote">(.*?)<\/b>/ig, "<blockquote>$1<\/blockquote>");

 b = b.replace(/&amp;feature=[0-9a-zA-Z-_]*/ig, "");

 b = b.replace(/\/s(640|1600)/g, "/s400");

 } repText('comment-holder'); 

c = document.getElementById('comment-holder');

if (c) {

 b = c.getElementsByTagName("p");

 for (i = 0; i < b.length; i++) {

  if (b.item(i).getAttribute('CLASS') == 'comment-content') {

   ki_comm = b.item(i).innerHTML.replace(/\[code\](.[^\]]*)\[\/code\]/ig, "<code>$1<\/code>");

   ki_comm = ki_comm.replace(/\[pre\](.[^\]]*)\[\/pre\]/ig, "<pre>$1<\/pre>");

   ki_comm = ki_comm.replace(/\[blockquote\](.[^\]]*)\[\/blockquote\]/ig, "<blockquote>$1<\/blockquote>");

   ki_comm = ki_comm.replace(/\[quote\](.[^\]]*)\[\/quote\]/ig, "<blockquote>$1<\/blockquote>");         

   b.item(i).innerHTML = ki_comm;

  }

 }

}

//]]>

</script>

Simpan Template

Format Penulisan

Menulis Tag <code>
<i rel="code">Tulis kode yang sudah diparse di sini</i>, atau
[code]Tulis kode yang sudah diparse di sini[/code]

Menulis Tag <pre>
<i rel="pre">Tulis kode yang sudah diparse di sini</i>, atau
[pre]Tulis kode yang sudah diparse di sini[/pre]

Menulis Catatan (Blockquote)
<b rel="quote">Tulis catatan di sini</b>, atau
[quote]Tulis catatan di sini[/quote], atau
[blockquote]Tulis catatan di sini[/blockquote]

Memasukan Gambar
<i rel="image">Tulis URL gambar di sini</i>, atau
[img]Tulis URL gambar di sini[/img]

Memasukan Video Youtube
<i rel="youtube">Tulis URL Video Youtube di sini</i>, atau
[youtube]Tulis URL Video Youtube di sini[/youtube]

Oke Mungkin Cukup Sekian, Semoga Bermanfaat ^_^
Henry dan Keluarga mengucapkan minal aidin wal faizin... mohon maaf lahir dan batin

Minggu, 04 Agustus 2013

Cara Membuat Komentar Admin Berbeda Pada Threaded Comment

By Unknown Posted at 04.35 Komentar No comments

Pada tutorial kali ini saya akan membahas tentang Cara Membuat Komentar Admin Berbeda Pada Threaded Comment, dan kebetulan tadi sore ada pengunjung blog saya, Fico Pangestu bertanya kepada saya

dan pada malam ini saya akan menempati janji saya yaitu membahas tentang Cara Membuat Komentar Admin Berbeda Pada Threaded Comment
Blogger telah menerapkan sistem komentar baru dengan reply / balas atau istilahnya Threaded Comments, maka tutorial kali ini akan menjelaskan cara membuat komentar admin berbeda pada sistem threaded comments. Hal ini tentunya supaya pengunjung mudah membedakan, mana komentar admin dan mana komentar visitor. kurang lebih screenshotnya seperti yang di atas tadi

Berikut Cara Membuat Komentar Admin Berbeda Pada Threaded Comment

1. Login ke Blogger

2. Pilih Template >> Edit HTML

3. Cari kode </body>, copy kode dibawah ini dan letakkan tepat diatas kode </body>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimbAZp1SQS_IHn9Jly9HHA-JVQUbceiIqFttGtj5XIRgmXt8lUnLHR0OvSnA-12ioy2MWJ6nhJ6aJkDnNUfspNhb7-_GbKjhst_qaDNNxt6cxLI8GKsF9uvgU9FRu_Bo89PtHcnygGVA6R/s1600/adminh.png

") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>

Catatan:
Untuk mengedit warna garis pinggir silahkan edit 1px solid #A8B2CE. Untuk melihat pilihan warna silahkan klik disini

Untuk mengedit warna background silahkan edit #EDEFF4 . Untuk melihat pilihan warna silahkan klik disini

Untuk mengedit atau menghapus tulisan admin silahkan edit https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimbAZp1SQS_IHn9Jly9HHA-JVQUbceiIqFttGtj5XIRgmXt8lUnLHR0OvSnA-12ioy2MWJ6nhJ6aJkDnNUfspNhb7-_GbKjhst_qaDNNxt6cxLI8GKsF9uvgU9FRu_Bo89PtHcnygGVA6R/s1600/adminh.png lalu ganti gambar dengan yang anda inginkan
Oke mungkin cukup sekian, Semoga Bermanfaat!
Happy Blogging ^_^

Selasa, 23 Juli 2013

Cara Agar Komentar Harus Menunggu Persetujuan Admin

By Unknown Posted at 07.22 Komentar No comments

Mungkin ada beberapa pengunjung di blog sobat yang berkomentar yang melanggar aturan. Mungkin anda harus memasang moderasi komentar karena semua komentar yang akan di tampilkan harus menunggu persetujuan admin.
fungsinya adalah untuk mengatasi SPAMMER dan sebagainya yang tidak sopan berkomentar di blog anda
berikut adalah tutorial Cara Agar Komentar Harus Menunggu Persetujuan Admin:

1. Login di http://www.blogger.com/

2. Setelah itu pilih Setelan