blog yang berisi tentang berita lukisan dan tutorial blogger

Cara memasang tombol konversi dan Emoticon diblog

tombol konversi dan emoticon

sore sobat blogger ? setelah sebelumnya saya memposting cara memasang tombol demodan download di blog, pada kesempatan kali ini saya akan membahas tentang memasang konversi kode dan emoticon di atas komentar blog, mungkin ini sudah tak asing lagi buat para sobat blogger namun dari pada kosong postingan mending saya posting lagi. Mudah-mudahan sobat blogger kebetulan ada yang mampir kesini..

ok pada pembahasan
1. sobat login ke blogger
2. cari kode dibawah ini di dalam edit HTML
<b:includable id='threaded-comment-form' var='post'>...</b:includable> Dan ganti dengan kode dibawah ini
<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() { $(&#39;.konversi&#39;).click(function() { $(&#39;.my-konversi&#39;).show(); $(&#39;.tutup&#39;).show(); $(&#39;.konversi&#39;).hide(); }); $(&#39;.tutup&#39;).click(function() { $(&#39;.my-konversi&#39;).hide(); $(&#39;.tutup&#39;).hide(); $(&#39;.konversi&#39;).show(); }); $(&#39;.show_emo&#39;).click(function() { $(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;); }); }); </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 == &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' 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() { $(&#39;.konversi&#39;).click(function() { $(&#39;.my-konversi&#39;).show(); $(&#39;.tutup&#39;).show(); $(&#39;.konversi&#39;).hide(); }); $(&#39;.tutup&#39;).click(function() { $(&#39;.my-konversi&#39;).hide(); $(&#39;.tutup&#39;).hide(); $(&#39;.konversi&#39;).show(); }); $(&#39;.show_emo&#39;).click(function() { $(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;); }); }); </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 == &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' id='comment-editor' name='comment-editor'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div> </b:includable> Ketiga masukan kode CSS dibawah ini diatas ]]></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; } Dan yang terakhir simpan template

sumber: mba Anarchyta

Adsense Bawah

1 komentar

Betway Mobile App - JT Hub
Betway 양주 출장마사지 mobile app allows you to bet anywhere, anywhere. You 논산 출장마사지 can also bet 충주 출장마사지 via your mobile device. This makes it 원주 출장안마 easy 제천 출장안마 to download and use the
Reply Delete




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

Cancel Reply
TOP