Cara Membuat Pesan Komentar Di Bawah Editor Komentar Blogger
Cara Membuat Pesan Komentar Di Bawah Editor Komentar Blogger,Anaktimor17 Blog - sobat blogger kembali saya bagikan tips untuk Anda . Pada kali ini saya mencoba share tips blogger yang saya dapat dari blognya Kompi Ajaib  dan tips dari +Kang Ismet. Untuk membuat pesan komentar di bawah
editor komentar ini kita akan menambahkan sedikit kode html yang tentunya diletakan di bawah kode editor komentar di dalam class comment_form.

Bagi yang telah menggunakan treaded comment hack.

Silahkan cari kode seperti ini di daerah <b:includable id='comments' var='post'>

  <div class='comment_form'>

<b:if cond='data:post.embedCommentForm'>

    <b:if cond='data:post.allowNewComments'>   

      <div class='comment_emo_list'/>

     <b:include data='post' name='threaded-comment-form'/>

       <b:else/>

       <data:post.noNewCommentsText/>

    </b:if>

    <b:else/>

    <b:if cond='data:post.allowComments'>

     <a expr:href='data:post.addCommentUrl' 
expr:onclick='data:post.addCommentOnclick' 
expr:title='data:postCommentMsg'><data:postCommentMsg/></a>

    </b:if>

   </b:if>

  </div>

 </b:if>

</div>     

Tambahkan kode di bawah ini:
 <div 
style='float:right;margin-top:-54px;margin-right:7px;padding:7px 
10px;border:1px solid #ddd;border-radius:2px;'>Terima kasih sudah 
berkomentar</div> 
Silahkan atur pada margin-top jika kotaknya terlalu ke atas, atau margin-right jika kotaknya terlalu ke kanan. Terakhir silahkan save  templatenya.

Bagi yang yang menggunakan threaded comment blogger biasa.

Sobat cari kode di template seperti di bawah ini:

 <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> 

Tambahkan kode ucapan terima kasihnya di atas kode </div> paling bawah, jadi seperti kode di bawah ini

 <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 
style='float:right;margin-top:-54px;margin-right:7px;padding:7px 
10px;border:1px solid #ddd;border-radius:2px;'>Terima kasih sudah 
berkomentar</div>  </div>

</b:includable> 

Cari lagi kode yang ini ;

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

  <div class='comment-form'>

    <a name='comment-form'/>

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

      <h4 id='comment-post-message'>

        <a expr:id='data:widget.instanceId + 
&quot;_comment-editor-toggle-link&quot;' 
href='javascript:void(0)'><data:postCommentMsg/></a></h4>

      <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/>

      <h4 id='comment-post-message'><data:postCommentMsg/></h4>

      <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> 


Sama seperti di atas tambahkan kode ucapan terimakasihnya di atas kode </div> paling bawah sehingga tampak seperti di bawah ini.

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

  <div class='comment-form'>

    <a name='comment-form'/>

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

      <h4 id='comment-post-message'>

        <a expr:id='data:widget.instanceId + 
&quot;_comment-editor-toggle-link&quot;' 
href='javascript:void(0)'><data:postCommentMsg/></a></h4>

      <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/>

      <h4 id='comment-post-message'><data:postCommentMsg/></h4>

      <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 
style='float:right;margin-top:-45px;margin-right:7px;padding:7px 
10px;border:1px solid #ddd;border-radius:2px;'>Terima kasih sudah 
berkomentar</div>  </div>

</b:includable> 


Terakhir, silahkan save template sobat . Happy blogging !!
Dilarang Copy-Paste artikel di blog ini dan apabila kami menemukan artikel dicuri tanpa mencantumkan sumber link blog Amplopcokelat.com maka tak segan akan kami laporkan !

Berlangganan artikel Gratis langsung via email...

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar