Cara membuat ucapan terima kasih di bawah kotak komentar. Tambahkan sebuah div di bawah iframe comment editor.
Perhatikan screenshot di atas, ada yang berbeda dengan kotak komentar blogger standar. Apa bedanya? Ada ucapan terimakasih telah berkomentar di bawah kotak komentar. Bagaimana cara membuatnya?
Mudah, tambahkan sebuah div di dalam template di bawah iframe comment-editor.
Buka editor template blogger, temukan baris kode berikut.
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
Agar lebih mudah Copy dan Paste baris kode berikut ini di kotak pencarian template editor Anda.
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
Setelah Anda temukan
<iframe/>
tersebut, letakkan class berikut,<div class='ucapan'>Terima kasih telah berkomentar</div>
tepat di bawah baris code berikut.
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
Selanjutnya, beri gaya/style div class ucapan di atas dengan menambahkan CSS berikut dalam template Anda.
.ucapan {
font-family:Arial, sans-serif;
font-size:12px;
right:27px;
margin-top:-73px;
padding:6px 12px;
background:#F8F8F8;
color:#999;
border:1px solid #C9CACB;
border-radius:3px;
position:absolute;
}
Simpan template.
Intinya, tambahkan sebuah div di bawah iframe comment editor.
Selamat mencoba :)
Cara menambahkan CSSnya bagaimana kang??
ReplyDeleteLetakkan di atas ]]></b:skin> atau </style>
Deletemenarik yq kalo ditambah gituan
ReplyDelete