Tampilkan Iklan disamping Thread Comment

Kamis, 13 Desember 2012
Artikel saya sebelumnya tentang Tampilkan Iklan diatas Komentar Blog dan Tampilkan Iklan disamping Kanan Komentar untuk Komentar Default :y; sedangkan untuk Thread Comment dengan Judul Tampilkan Iklan diatas Thread Comment :z; sedangkan untuk menampilkan Iklan disamping Kanan Thread Comment sedikit mengalami masalah seperti Form Komentar tidak muncul atau Iklan Sponsor letaknya tidak tetap maksud saya pasang diatas bisa menjadi dibawah form Komentar :q;  [khusus untuk Thread Comment yang sudah dimodifikasi], karena ingin menempatkan Iklan disamping Thread Comment semakin membuat saya penasaran saja, [maklum saya hanyalah Calon Blogger] yang pada akhirnya saya berhasil menemukan solusinya :w;

Caranya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
  • Beri tanda check pada 
  • Cari Kode Comment [Komentar Thread Modifikasi] bisa baca disini dan kawan akan menemukan 2 angka untuk lebar [width] Komentar yang harus kawan rubah/kurangi sesuai lebar kolom untuk Iklan 
  • Selanjutnya cari  <div class='comments-content'> sampai </p> selengkapnya sebagai berikut :
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
 <b:include data='post' name='threaded_comment_js'/>
 </b:if>
 <div id='comment-holder'>
 <data:post.commentHtml/>
 </div> </div>
<p class='comment-footer'>
 <b:if cond='data:post.allowNewComments'>
 <b:include data='post' name='threaded-comment-form'/>
 <b:else/>
 <data:post.noNewCommentsText/>
 </b:if> </p>

  • Tambahkan Script berikut diatas  <div class='comments-content'> 
<table border='0' cellpadding='1' height='auto' width='780'><tr><td valign='top'>
<div style='width:530px;height:auto;padding:1px; align:left; border:0px solid #999'>
<div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><b>MAU IKLAN ANDA TAMPIL DISINI</b></div>

dan dibawah </p>


</div> </td><td valign='top'> 
<div style='width:210px;height:auto;padding:5px; align:right;border:0px solid #F00;background:transparent;'>
<img border='0' height='600' src='http://3.bp.blogspot.com/-ahhb_xHLhFc/UJhJS2nt6sI/AAAAAAAAFzc/2btyCRFcFRM/s640/Banner.png' width='200'/>

</div></td> </tr> </table>


Selengkapnya menjadi sebagai berikut :

<table border='0' cellpadding='1' height='auto' width='780'><tr><td valign='top'>
<div style='width:530px;height:auto;padding:1px; align:left; border:0px solid #999'>
<div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><b>MAU IKLAN ANDA TAMPIL DISINI</b></div>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
</div> </td><td valign='top'>
<div style='width:210px;height:auto;padding:5px; align:right;border:0px solid #F00;background:transparent;'>
<img border='0' height='600' src='http://3.bp.blogspot.com/-ahhb_xHLhFc/UJhJS2nt6sI/AAAAAAAAFzc/2btyCRFcFRM/s640/Banner.png' width='200'/></div>
</td> </tr> </table>
  • Sampai disini Simpan dulu Template kawan
Keterangan Tambahan :
  • Silahkan kawan mengganti teks yang berwarna merah [780]sesuai Lebar [width] Form Komentar kawan, sedangkan [530px dan 210px] adalah Lebar Komentar dan Iklan 
  • Silahkan ganti juga teks yang berwarna biru dengan script Iklan kawan
  • Karena struktur Template berbeda-beda, atau seandainya template kawan sama seperti template saya ini, yang bisa menyebabkan Form Komentar menghilang, kawan jangan risau :w;  sekarang coba  perhatikan diatas <div class='comments-content'> scriptnya sebagai berikut sebelum perubahan [ditambahkan script Iklan]
<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/> </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>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>

<div class='comments-content'>
  • Silahkan kawan ganti teks yang berwarna biru dengan teks berikut
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
      <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='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
<h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> Pendapat pada : &#8220;<data:post.title/>&#8221;
      </b:if>
    </h4>

  • Perlu kawan ketahui, Iklan Sponsor akan kelihatan kalau sudah ada Komentarnya
  • Simpan Template kawan


    0 komentar:

    Posting Komentar