Ermawati kali ini akan share tutorial blog tentang Cara Memasang Iklan di Sebelah/Samping Kotak Komentar Blog. Jadi gambarannya ada 2 buah kotak, yang satu kotak komentar dan disampingnya juga ada kotak untuk tempat kotak iklan. Ada banyak cara untuk meletakkan iklan seperti penempatannya di bawah atas posting, di sidebar, di atas header dll. Untuk gambarnya seperti terlihat dibawah ini.
Cara Pasang Iklan di Sebelah Kanan Kotak Komentar Blog
1. Login ke Blogger.com
2. Pilih Template
3. Pilih Edit HTML => Lanjutkan
4. Centang Expand Template Widget
5. Cari kode comment-post-message
<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/> <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>
4. Pada kode tag <iframe ,,,,, disana ada dua yang biru untuk tampilan di mobile phone dan yang merah untuk di web desktop, gunakan kode yang warna merah aja.
5. Copy code tabel html berikut ke notepad
<table border='0' width='600'><tr> <td align='center'>SISIPKAN DISINI IFRAME KOTAK KOMENTAR</td><td valign="top" align='center'>SISIPKAN KODE IKLAN DISINI</td></tr></table>
6. Timpah kalimat "SISIPKAN DISINI IFRAME KOTAK KOMENTAR" dengan code iframe diatas, sehingga code tabel menjadi seperti berikut
<table border='0' width='600'><tr> <td align='center'><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/></td><td valign="top" align='center'>SISIPKAN KODE IKLAN DISINI</td></tr></table>
7. Lebar tabel pada contoh di atas 600 pixel, sesuaikan dengan lebar area postingan blog anda.
8. Kemudian timpah kalimat "SISIPKAN KODE IKLAN DISINI" dengan script iklan anda.
9. Untuk kode iframe pada template anda yang berwarna merah diatas tadi, silahkan timpah dengan kode tabel yang sudah lengkap yang anda coding di notepad tadi, sehingga terlihat seperti berikut ini
<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/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <table border='0' width='600'><tr> <td align='center'><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/></td><td valign="top" align='center'>SISIPKAN KODE IKLAN DISINI</td></tr></table> </b:if>
Catatan :
1. Jika kotak iklan belum juga muncul, silahkan ubah untuk lebar kotak komentar menjadi 75% dan untuk lebar kotak iklan menjadi 25%. Sehingga code kolomnya menjadi <td width='75%' align='center'> dan <td width='25%' valign="top" align='center'>
2. Jika terjadi galat/error, coba script iklannya di parse dulu dengan menggunakan tool Script Parse HTML
Nah selamat mencoba tutorial blogspot tentang Cara Memasang Iklan di Sebelah Kotak Komentar Blog, semoga bermanfaat, see you.
Sumber :
