Kamis, 05 Juni 2014

Cara membuat ucapan di Threaded Comments Hack

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 :

Pesan Komentar di Threaded Comments Hack

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 Salam Fajard!

2 Komentar:

Terima kasih atas komentar sobat