Sebelum saya melanjutkan menulis Artikel ini, saya mohon maaf pada kawan-kawan yang setia mengunjungi Blog ini karena cukup lama saya tak sempat mengurus disebabkan ada kesibukan lain yang tak bisa saya tinggalkan. :#
Sekarang saya akan mencoba berbagi dengan kawan sesuai Judul yang saya berikan yaitu Simpan Iklan Sponsor disamping Kotak Komentar :@ mengapa harus disana ?
mungkin ada kawan yang bertanya begitu !, jawabannya sangat simple dan sangat realistis, coba kawan perhatikan Komentar Blog kawan, banyak tempat kosong disebelah kanannya, benar kan :z
Caranya sangat mudah, masih ingat dengan Kreasi saya sebelumnya yaitu Cara Pasang Iklan Sponsor diatas Kotak Komentar. Oke langsung saja ke cara pembuatannya :
- Masuk pada Account Blogger dengan ID kawan
- Pada Perancang Template pilih Edit HTML
- Beri tanda centang pada radio disamping Expand Template Widget
- Demi amannya Simpan / Download Template kawan dulu
- Copas kode berikut diatas ]]></b:skin>
.begopost{Selanjutnya kawan cari <b:loop values='data:post.comments' var='comment'>
padding:1px;
margin:1px 1px;
background:
border:0px solid #FFF;
line-height:1.6em;
}
Selengkapnya kurang lebih seperti ini :
TARUH KODENYA DISINI
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
Copas kode berikut dan taruh diatasnya [lihat contoh diatas TARUH KODENYA DISINI]
<div class='begopost'>Terus scroll kebawah dikit cari <data:comment.body/> yang terakhir
<table border='0' cellpadding='1' height='auto' width='800'>
<tr><td valign='top'>
<div style='width:480px;height:auto;padding:1px; align:left; border:0px solid #999'>
<br/>
Disini bisa juga ditaruh Kode Iklan / Banner dengan lebar 468px;
selengkapnya kurang lebih seperti berikut :
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:if>
</b:loop>
</dl>
</div>
Copas Kode berikut disini
</td><td valign='top'>
<div style='width:210px;height:auto;padding:5px; align:right;border:0px solid #F00;background:#FFF;'>
<script src='http://kumpulblogger.com/sca.php?b=154941' type='text/javascript'>
</script>
<br/>
</div>
</td></tr></table>
</div>
<span class='paging-control-container'>
Text warna biru adalah contoh Script Iklan Text Kumpul Blogger, silahkan ganti
Sampai disini sebenarnya sudah selesai, cuma masalahnya "Kalau tak ada komentar" Kotak Editor Komentar akan jauh dibawah atau sejajar dengan batas akhir Iklan Sponsor :r
Cara mengatasinya :
Scrool ke atas atau cari kode seperti berikut :
<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%'/></div>
Text 100% yang berwarna biru adalah lebar Kotak Editor Komentar yang ukurannya berbeda-beda.
Move atau cut semuanya jangan "di delete" dan Paste-kan diantara </dl> </div> dengan </td><td valign='top'> atau pada text Copas Kode berikut disini dan tambahkan atau diakhiri dengan </div>
Simpan Template kawan, mudah-mudahan tidak ada masalah :r
mantapp gan, kapan2 aku COba nih
ReplyDelete@Zh!nTho silahkan saya tunggu hasilnya hehehe :r
ReplyDelete