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>
<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=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UNfp0xnrpWk6m1h8ugyJxQt4T3tG9nqMBW-0ZSgCJmIEoxiebgV_su0Mn6WefdZ1PlOO2vIpFIIdRRfjmw_XTtIfpQwuD1UOrZjMpohiyiuC-Ouqkbha7kOjG4MO2_wxLXQSszpV4VcK/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=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UNfp0xnrpWk6m1h8ugyJxQt4T3tG9nqMBW-0ZSgCJmIEoxiebgV_su0Mn6WefdZ1PlOO2vIpFIIdRRfjmw_XTtIfpQwuD1UOrZjMpohiyiuC-Ouqkbha7kOjG4MO2_wxLXQSszpV4VcK/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 + "_comment-editor-toggle-link" 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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </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 + "_comment-editor-toggle-link" 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 : “<data:post.title/>”
</b:if>
</h4>
- Perlu kawan ketahui, Iklan Sponsor akan kelihatan kalau sudah ada Komentarnya
- Simpan Template kawan
0 comments:
Post a Comment