Cara membuat ucapan di Threaded Comments Hack

Cara membuat ucapan di Threaded Comments Hack

10.50 Trick Blog , Trick SEO , Trick Web 0 Comments

Halo teman teman kali ini saya akan berbagi tutorial blogger, tutorial kali ini adalah Cara membuat ucapan terimakasih di Threaded Comments Hack.Pesan akan berada di bawah kotak komentar.

Bagi yang merasa kesulitan dapat ditanyakan dalam kotak komentar. Oh iya atur letak pesannya juga supaya terlihat tidak bertabrakan dengan kotak komentar. Silahkan langsung saja simak kode berikut ini

Sebelumnya, berikut ini tampilan hasil tutorialnya :

Pertama tambahkan kode ini di atas </style> :

.comment_thanks {
background: #f8f8f8;
border: 1px solid #c9cacb;
border-radius: 2px;
color: #666;
display: inline;
float: right;
font-family: Arial,sans-serif;
font-size: 13px;
margin: -65px 8px;
padding: 6px 12px;
position: relative;
}

Lalu tambahkan kode : 

<div class="comment_thanks">Ucapan Terimakasih Agan</div>

Letakkan di : 

<div class='comment_form'>                
   <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>   
     <b:include data='post' name='threaded-comment-form'/>
       <b:else/>
       <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
    </b:if>
   </b:if>
  <div class='comment_thanks'>Ucapan Terimakasih Agan</div>
</div>
 </b:if>
</div>

Jangan lupa tambahkan kode penghilang responsivenya : 

@media screen and (max-width:480px) {
.comment_thanks {display:none}
}

Ok mudah bukan buatnya, Khusus untuk yang komentar bawaan blogger belum saya share mungkin lain waktu akan saya update, Sekian