terkenal dan menanyakan,Bagaimana mereka memasang tombol konversi kode dan juga
emoticon di form Thread comment hack ? , Kali saya akan memberi anda sedikit informasi
bagaimana membuatnya,widget ini juga dapat menambah menarik tampilan
form komentar anda dan juga bisa membuat pengunjung meng-ekspresikan dirinya saat
berkomentar melalui komentar dengan cara memberikan emoticon saat berkomentar
Langkah Pembuatan :
1.Masuk Ke Bagian Template Dalam Blog Anda2.Carilah Kode <b:includable id='threaded-comment-form' var='post'>...</b:includable>
3.Ganti Kode Tesebut Dengan Kode :
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/>
<br/><br/><span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter!</span><span class='show_emo pencet'>Emoticon</span></p>
<script type='text/javascript'>
$(document).ready(function() {
$('.konversi').click(function() {
$('.my-konversi').show();
$('.tutup').show();
$('.konversi').hide();
});
$('.tutup').click(function() {
$('.my-konversi').hide();
$('.tutup').hide();
$('.konversi').show();
});
$('.show_emo').click(function() {
$('.comment_emo_list').toggle('slow');
});
});
</script>
<div class='my-konversi'><br/>
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/></div>
<div class='comment_emo_list'/>
<data:blogTeamBlogMessage/>
<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' id='comment-editor' name='comment-editor'/>
<b:else/>
<p><data:blogCommentMessage/>
<br/><br/><span class='konversi pencet'>Konversi Kode</span><span class='tutup pencet' style='display:none'>Tutup Konverter!</span><span class='show_emo pencet'>Emoticon</span></p>
<script type='text/javascript'>
$(document).ready(function() {
$('.konversi').click(function() {
$('.my-konversi').show();
$('.tutup').show();
$('.konversi').hide();
});
$('.tutup').click(function() {
$('.my-konversi').hide();
$('.tutup').hide();
$('.konversi').show();
});
$('.show_emo').click(function() {
$('.comment_emo_list').toggle('slow');
});
});
</script>
<div class='my-konversi'><br/>
<script src='http://yourjavascript.com/84141947611/konversi-kode.js' type='text/javascript'/></div>
<div class='comment_emo_list'/>
<data:blogTeamBlogMessage/>
<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' id='comment-editor' name='comment-editor'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
4.Selanjutnya,Taruhlah Kode Dibawah Ini Diatas Kode ]]></b:skin>#comments .pencet {
color : #fff;
margin-right : 10px;
padding : 4px 15px;
background-color : #e74c3c;
font-size : 12px;
font-weight : 400;
text-transform : none;
border-radius : 4px;
text-decoration : none;
outline : none;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #333;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
transition : background-color 1s 0s ease-out;
cursor : pointer;
}
#comments .pencet a {
color : #fff !important ;
}
.my-konversi {
display : none;
background : none;
width : 100%;
height: 265px;
margin-bottom : 5px;
}
Terakhir Simpan Template Anda
Tidak ada komentar:
Posting Komentar