Ucapan Terimakasih di Bawah Komentar


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 == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + 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 :)

Comments

Post a Comment

Popular posts from this blog

Perbedaan JavaScript dan jQuery Beserta Contoh

Cara Menggunakan :before dan :after

Tutorial Sevida v2.4.2 - Responsive Magazine Blogger Template