ANDESTUM: Blogger

Showing posts with label Blogger. Show all posts

Cara membuat Kolom Scroll pada postingan blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: inherit;">Share tentang cara membuat kolom scroll pada postingan blog, disini saya memberikan sedikit screenshot cara membuat kolom scroll agar lebih mudah dipahami. :)</span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">Langsung saja sobat ikuti langkah-langkah dibawah ini untuk membuat kolom scroll pada postingan diblogger.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7uZ8Hdgfh0xVja8-dw7p3AK8d4aOwv8HNq5P7-siRnAe6iNo6T14a2XRLsQpeVa5rvsxfMtn4aLsJpY0LwQqkvkvtJY8HHtPp4Znf9EOz17Vm8qgln7Rw_4gHS1gdh3Je_9hkAJz-JKrt/s1600/Scroll_ANDESTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7uZ8Hdgfh0xVja8-dw7p3AK8d4aOwv8HNq5P7-siRnAe6iNo6T14a2XRLsQpeVa5rvsxfMtn4aLsJpY0LwQqkvkvtJY8HHtPp4Znf9EOz17Vm8qgln7Rw_4gHS1gdh3Je_9hkAJz-JKrt/s1600/Scroll_ANDESTUM.jpg" width="320" /></span></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol style="text-align: left;">
<li style="text-align: justify;"><span style="font-family: inherit;">Login ke Akun blogger sobat. </span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Buat Postingan baru.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Pilih edit HTML, bukan Compose. karena jika pada pilihan Compose code yang kita gunakan akan seperti tulisan biasa, alias tidak berfungsi.</span><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCaXIOjkHuNHm4e8hp1aMXLTAp-efqSjYyP-L4oNbCg6JZuXobCUl8BHkBbuXD2iiPAKSSDUsh3OHOz2s4xwIgNQ_YTB2Q_5ieUaeV-ytYKX6OYDnEftFS9Z9gPoS5AiHgSk_PbvGIRBjc/s1600/HTML_ANDSTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCaXIOjkHuNHm4e8hp1aMXLTAp-efqSjYyP-L4oNbCg6JZuXobCUl8BHkBbuXD2iiPAKSSDUsh3OHOz2s4xwIgNQ_YTB2Q_5ieUaeV-ytYKX6OYDnEftFS9Z9gPoS5AiHgSk_PbvGIRBjc/s1600/HTML_ANDSTUM.jpg" width="320" /></span></a></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;">Copy-Paste kode dibawah ini, dan letakkan kodenya di bagian Edit HTML.</span></div>
<span style="font-family: inherit;"><br /></span><div style="text-align: center;">
<span style="font-family: inherit;"><div style="border: 1px solid #000000; <span style="color: red;">height: 100px</span>; overflow: auto; padding: 10px; <span style="color: blue;">width: 560px</span>;"> <span style="color: lime;">Masukkan tulisan sobat disini</span></div></span></div>
<span style="font-family: inherit;"><br />
</span><div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eJ4pIJxgrHwHI_GFKosx2kaqIx_6l4_OjzCEQkPa4ItcGOTHxJ_uvfRzf4wFrfB8TLsrXC2uKwvsO790X2IE1418jUFgcN8kcElyybrVKYI1Y1oJ7ekkEkVsBRI5GNOemLyZOaRSAADY/s1600/KodeScroll_ANDSTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eJ4pIJxgrHwHI_GFKosx2kaqIx_6l4_OjzCEQkPa4ItcGOTHxJ_uvfRzf4wFrfB8TLsrXC2uKwvsO790X2IE1418jUFgcN8kcElyybrVKYI1Y1oJ7ekkEkVsBRI5GNOemLyZOaRSAADY/s1600/KodeScroll_ANDSTUM.jpg" width="320" /></span></a></div>
</div>
</li>
<li style="text-align: justify;"><span style="font-family: inherit;">Klik Compose untuk memulai tulisan sobat didalam kolom scroll.</span><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSahbWbMmwAC7qgViv_3-_SUOaIQQHkykcy24Hkj0GOpHVRXd9pZwJYFiYKa2rnJPfFMBWX3PJOu3joo9r7H0gEzcPT0jkOQW1vJo9DPyHquL80vctOhWdqRQVStAWB6KYHB7-pIU7C0H/s1600/Memulai_Postingan_ANDSTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSahbWbMmwAC7qgViv_3-_SUOaIQQHkykcy24Hkj0GOpHVRXd9pZwJYFiYKa2rnJPfFMBWX3PJOu3joo9r7H0gEzcPT0jkOQW1vJo9DPyHquL80vctOhWdqRQVStAWB6KYHB7-pIU7C0H/s1600/Memulai_Postingan_ANDSTUM.jpg" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUsUfqXWF1O2YzMhx_QVXZL9bAr8xSZO2OvdExT3xy5Zy1GV3m9D3UIwWq8nWs1SVgAPOEfF3t-S7u_JDRvcTjjMId3T9n_Fdpy6Kz8DR8F_B55x-Z-g9ywxvdmgGwzdKRHN7BOZ9oW1Q/s1600/Scroll_ANDESTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUsUfqXWF1O2YzMhx_QVXZL9bAr8xSZO2OvdExT3xy5Zy1GV3m9D3UIwWq8nWs1SVgAPOEfF3t-S7u_JDRvcTjjMId3T9n_Fdpy6Kz8DR8F_B55x-Z-g9ywxvdmgGwzdKRHN7BOZ9oW1Q/s1600/Scroll_ANDESTUM.jpg" width="320" /></span></a></div>
</li>
<li style="text-align: justify;"><span style="font-family: inherit;">Untuk memastikan apakah kode Scroll sudah terpasang dengan benar, Klik Preview.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Jika tampilan nya sudah sip, tinggal Publish aja postingannya.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Selesai.</span></li>
</ol>
<span style="font-family: inherit;"><br /></span>
<b><u><span style="font-family: inherit;">Keterangan !!</span></u></b><br />
<span style="font-family: inherit;"><br />
<span style="color: red;">height: 100px</span> : untuk mengatur tinggi nya kolom scroll</span><br />
<span style="font-family: inherit;"><span style="color: blue;">width: 560px</span> : untuk mengatur lebar nya kolom scroll</span><br />
<span style="font-family: inherit;"><span style="color: lime;">Masukkan tulisan sobat disini</span> : Hapus dan isi tulisan didalamnya.</span><br />
<span style="font-family: inherit;"><br />
<b><u>Hasilnya seperti ini :</u></b></span><br />
<div style="border: 1px solid #000000; height: 300px; overflow: auto; padding: 10px; width: 480px;">
<div style="text-align: justify;">
<div>
<span style="font-family: inherit;">Share tentang cara membuat kolom scroll pada postingan blog, disini saya memberikan sedikit screenshot cara membuat kolom scroll agar lebih mudah dipahami. :)</span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">Langsung saja sobat ikuti langkah-langkah dibawah ini untuk membuat kolom scroll pada postingan diblogger.</span></div>
<div>
<span style="font-family: inherit;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7uZ8Hdgfh0xVja8-dw7p3AK8d4aOwv8HNq5P7-siRnAe6iNo6T14a2XRLsQpeVa5rvsxfMtn4aLsJpY0LwQqkvkvtJY8HHtPp4Znf9EOz17Vm8qgln7Rw_4gHS1gdh3Je_9hkAJz-JKrt/s1600/Scroll_ANDESTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7uZ8Hdgfh0xVja8-dw7p3AK8d4aOwv8HNq5P7-siRnAe6iNo6T14a2XRLsQpeVa5rvsxfMtn4aLsJpY0LwQqkvkvtJY8HHtPp4Znf9EOz17Vm8qgln7Rw_4gHS1gdh3Je_9hkAJz-JKrt/s1600/Scroll_ANDESTUM.jpg" width="320" /></a></span></div>
</div>
<ol style="text-align: left;">
<li style="text-align: justify;"><span style="font-family: inherit;">Login ke Akun blogger sobat. </span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Buat Postingan baru.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Pilih edit HTML, bukan Compose. karena jika pada pilihan Compose code yang kita gunakan akan seperti tulisan biasa, alias tidak berfungsi.</span><div style="text-align: center;">
<span style="font-family: inherit; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCaXIOjkHuNHm4e8hp1aMXLTAp-efqSjYyP-L4oNbCg6JZuXobCUl8BHkBbuXD2iiPAKSSDUsh3OHOz2s4xwIgNQ_YTB2Q_5ieUaeV-ytYKX6OYDnEftFS9Z9gPoS5AiHgSk_PbvGIRBjc/s1600/HTML_ANDSTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCaXIOjkHuNHm4e8hp1aMXLTAp-efqSjYyP-L4oNbCg6JZuXobCUl8BHkBbuXD2iiPAKSSDUsh3OHOz2s4xwIgNQ_YTB2Q_5ieUaeV-ytYKX6OYDnEftFS9Z9gPoS5AiHgSk_PbvGIRBjc/s1600/HTML_ANDSTUM.jpg" width="320" /></a></span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;">Copy-Paste kode dibawah ini, dan letakkan kodenya di bagian Edit HTML.</span></div>
<span style="font-family: inherit;"><br /></span><div style="text-align: center;">
<span style="font-family: inherit;"><div style="border: 1px solid #000000; <span style="color: red;">height: 100px</span>; overflow: auto; padding: 10px; <span style="color: blue;">width: 560px</span>;"> <span style="color: lime;">Masukkan tulisan sobat disini</span></div></span></div>
<div style="text-align: center;">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eJ4pIJxgrHwHI_GFKosx2kaqIx_6l4_OjzCEQkPa4ItcGOTHxJ_uvfRzf4wFrfB8TLsrXC2uKwvsO790X2IE1418jUFgcN8kcElyybrVKYI1Y1oJ7ekkEkVsBRI5GNOemLyZOaRSAADY/s1600/KodeScroll_ANDSTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eJ4pIJxgrHwHI_GFKosx2kaqIx_6l4_OjzCEQkPa4ItcGOTHxJ_uvfRzf4wFrfB8TLsrXC2uKwvsO790X2IE1418jUFgcN8kcElyybrVKYI1Y1oJ7ekkEkVsBRI5GNOemLyZOaRSAADY/s1600/KodeScroll_ANDSTUM.jpg" width="320" /></span></a></div>
</div>
</li>
<li style="text-align: justify;"><span style="font-family: inherit;">Klik Compose untuk memulai tulisan sobat didalam kolom scroll.</span><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSahbWbMmwAC7qgViv_3-_SUOaIQQHkykcy24Hkj0GOpHVRXd9pZwJYFiYKa2rnJPfFMBWX3PJOu3joo9r7H0gEzcPT0jkOQW1vJo9DPyHquL80vctOhWdqRQVStAWB6KYHB7-pIU7C0H/s1600/Memulai_Postingan_ANDSTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHSahbWbMmwAC7qgViv_3-_SUOaIQQHkykcy24Hkj0GOpHVRXd9pZwJYFiYKa2rnJPfFMBWX3PJOu3joo9r7H0gEzcPT0jkOQW1vJo9DPyHquL80vctOhWdqRQVStAWB6KYHB7-pIU7C0H/s1600/Memulai_Postingan_ANDSTUM.jpg" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUsUfqXWF1O2YzMhx_QVXZL9bAr8xSZO2OvdExT3xy5Zy1GV3m9D3UIwWq8nWs1SVgAPOEfF3t-S7u_JDRvcTjjMId3T9n_Fdpy6Kz8DR8F_B55x-Z-g9ywxvdmgGwzdKRHN7BOZ9oW1Q/s1600/Scroll_ANDESTUM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuUsUfqXWF1O2YzMhx_QVXZL9bAr8xSZO2OvdExT3xy5Zy1GV3m9D3UIwWq8nWs1SVgAPOEfF3t-S7u_JDRvcTjjMId3T9n_Fdpy6Kz8DR8F_B55x-Z-g9ywxvdmgGwzdKRHN7BOZ9oW1Q/s1600/Scroll_ANDESTUM.jpg" width="320" /></span></a></div>
</li>
<li style="text-align: justify;"><span style="font-family: inherit;">Untuk memastikan apakah kode Scroll sudah terpasang dengan benar, Klik Preview.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Jika tampilan nya sudah sip, tinggal Publish aja postingannya.</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Selesai.</span></li>
</ol>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<b><u><span style="font-family: inherit;">Keterangan !!</span></u></b></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /><span style="color: red;">height: 100px</span> : untuk mengatur tinggi nya kolom scroll</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: blue;">width: 560px</span> : untuk mengatur lebar nya kolom scroll</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: lime;">Masukkan tulisan sobat disini</span> : Hapus dan isi tulisan didalamnya.</span></div>
<div>
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span></div>
</div>
</div>
</div>

Cara membuat Kolom Scroll pada postingan blogger

Share tentang cara membuat kolom scroll pada postingan blog, disini saya memberikan sedikit screenshot cara membuat kolom scroll agar lebi...

07:56

Memasang Emoticon pada Komentar Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
Pada postingan kali ini akan membahas bagaimana cara memasang emoticon pada komentar di blog. Tutorial ini saya dapatkan dari blog <a href="http://junedalbughisy.blogspot.com/2013/06/cara-memasang-emotion-keren-pada.html" target="_blank">tetangga</a> dan saya coba sendiri ternyata berhasil.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL5vrMXKEIoIw9aI0jjWXfBHbr_M-WdPVRP2rEqhDz_UdyK-xhc-lrwDfnqBZleSYej5kSsr7lkrPGqTswfuh8uKZ9QDokCQFqO5M7i2eWWp52eRIfos0Doo0jXubjnFmJQK6rJra0Nqe4/s1600/Emoticon_Komentar_Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL5vrMXKEIoIw9aI0jjWXfBHbr_M-WdPVRP2rEqhDz_UdyK-xhc-lrwDfnqBZleSYej5kSsr7lkrPGqTswfuh8uKZ9QDokCQFqO5M7i2eWWp52eRIfos0Doo0jXubjnFmJQK6rJra0Nqe4/s1600/Emoticon_Komentar_Blog.jpg" width="400" /></a></div>
<br />
Bagi sobat yang tertarik untuk memasang emoticon di blogn sobat, simak saja tutorialnya dibawah ini.<br />
<br />
Cara memasang emoticon pada komentar blog :<br />
<br />
1. Login ke akun blogger sobat.<br />
2. Pada Dashboard pilih Template » Edit HTML<br />
3. Cari kode <span style="color: red;"></body> </span>atau Ctrl + F pada keyboard kemudian ketikkan <span style="color: red;"></body></span> teka enter.<br />
4. Copy-Paste code dibawah dan letakkan tepat di atas kode <span style="color: red;"></body></span><br />
<br />
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 10px; width: 560px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'>   <br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var emoRange = "#comments p, div.emoWrap",<br />
    putEmoAbove = "iframe#comment-editor",<br />
    emoMessage = "Untuk menyisipkan Emoticon Sobat harus menambahkan setidaknya satu spasi sebelum kode.";<br />
<br />
// Emoticon bar before comment-form<br />
$(function() {<br />
    $(putEmoAbove)<br />
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Klik untuk melihat kode!</b><br/>Untuk menyisipkan Emoticon Sobat harus menambahkan setidaknya satu spasi sebelum kode.</div>');<br />
    var emo = function(emo, imgRep, emoKey) {<br />
        $(emoRange)<br />
            .each(function() {<br />
            $(this)<br />
                .html($(this)<br />
                .html()<br />
                .replace(/<br>:/g, "<br> :")<br />
                .replace(/<br>;/g, "<br> ;")<br />
                .replace(/<br>=/g, "<br> =")<br />
                .replace(/<br>\^/g, "<br> ^")<br />
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));<br />
        });<br />
    };<br />
    emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhecRtBATIqt0R5BFM3ixk1-9Ha1SXOSI0FHRVR7AuZnQi4xha2p4Pz8mN6IvaBzhlfU6jPqmO1hJnXEn6hhtLyDN3hCWI2FQ4Cg82B8ru3rhevkPF2SLf6kSl4tU58x73tw9uwnn_LLp8/s36/03.gif", ":))");<br />
    emo(/\s;$\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeF5tmRQzhO5G42MAGjQGFkpMf8O1aCbnDtwIPyRyxrUrukEH96UugyRWwOqu7yZzftVjlAEg7otYbwsyhtJgoynu-YuBTNTZte65W0aR6UcUbYZhiZpxhoTUUYQFapCWxgTK6eIu6w-k/s47/06.gif", ";((");<br />
    emo(/\s:$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigvlXnej5RoosYe-sAaZbgXBtxldGp729h8fxQnxnReT031yUACJW8OSgM9KHE_Syljd-btJZGzoI_NjXAH2PxAXzgamy_UVIaq7DvnuE8KTyiI7cn9ZDaZ0qH7miCqsCog-uJPQXiZAo/s36/01.gif", ":)");<br />
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDM-v_F4dfkaygzyjwCaBip5ZdGqe8pOgJCd4Y9BrZ1_rOQ_Buf9os631zoSchuwySCrJKZu2FgJkEklgnqKuA0jo_SFotHNwjxsArg7PojYnw8zBwQ5pL7zGpfTdzSmYpYWGxN7-0Abs/s36/02.gif", ":-)");<br />
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLB2c9sUP9tCTy1xR1D9ggMOT_Z7n8JCzgRniywlHS_7AaCfZJWpXq5pzKhH5IpdOfppzDvPU-Mwj5iNfWM8A6nQvj8C6f7djcqdVMGXcT6fApvZuj1QojDKSBBY-oX8cRySisHR3v5s/s36/03a.gif", "=))");<br />
    emo(/\s;$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7UEWuqXdAiR1lMV2wIHQW8Pz073Q7G1pzO__2RSbSU7Do7K2I7-mrNWCWL3jjhMzhFLCbw1VudnCrvkEuBAsFrS-M0L5KKRGWyTxzLZwSmLDfPexq-kH4RsYdIPXnCEeAAYBJX1hmwRM/s36/04.gif", ";(");<br />
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiFsT90OIg1jcFZH_K5DQ7VSruclp5c0Q11RSm-xEOVK_dylirus7lks8av6-4fopxL6u3MO3tSm-UszB0VYjxVn7i4HrOaDSPmhGhhmVXKEAUX-NF7RGJrxSEUBx0BTejZDHwHEKwLYk/s36/05.gif", ";-(");<br />
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdIFJLpEpXp7YiB3z7m5LcMlbSUNqmuiNLEDw5xjJhKwfysqY40Vrt3Gi3VUESOYzGlwNfR6YBhhIGlIBjy5pgCbxMScOrdfmRMvvXCzYim5H4bEWxfYl0D4hC8VA-1rcNpWCpJO_r1c/s36/7.gif", ":d");<br />
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKohQhcxjh05iapT8XfKaqxI10d410vr2DW3vicZdp7kWu2smDsnTnE-odZlf9Y73cvyO5mhcQqwcuciDwV2HaTt_HGrsbssAZHfH9b7Cj0fx-C_X4VbAbN-eLMwOn8Ja_w8iPJsbIE4/s36/8.gif", ":-d");<br />
    emo(/\s@-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwnxqDVQd0DP6jAvIX4jXYQ3AZ5b2ZOhkb3woIpqY0hVcIeDe6AvA_gmbRv9ee-CxGypdaXGq9TxZ6qP-9TBcRkzseHz63xA1h0tH50JWOXcC8fK3RsD6y_vU0s7GDkM2EdUsEOL_IDY/s36/09.gif", "@-)");<br />
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYfceDLeYGaBXcRuLoxiVgH889n0gWJCfoAQ3-TBZ2nCdzP7p8OLyzYSctbzR9_8FzRqrJCqUUharVcIysHkhXGlKS-IXukj9khM67hFy4t9JchSzUAFnYIXx3d8QZTfEhiSwPi9Bg7kI/s36/10.gif", ":p");<br />
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1awkvPV6QNfDZhxdwnRWsR6P8IWtj1f1JnLAQRnedJEUJQT0yX2R1qian6yBYpc5EMuwygYMs-i3O3yZ5eWFVcFgFtUDEyJqpNai0ZAwF-NIXXM1nJ4DyQ4tWIEEPlsNonH5C7f-I6S4/s36/11.gif", ":o");<br />
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL6DlSme2sXRK1bDqRMZ08q63nCEKTs83FsK-PH8aXw-k87yNO0Zu7UDknmYtqXpFnJL32T30v0ZNk1fJq7E1rzh54frydN7fi8VTU7uK2W-QEODocHWumEcmHxbgIl6CTRk_6d62OUUI/s36/12.gif", ":&gt;)");<br />
    emo(/\s$o$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS4IR3It0KP0uLEaLU7d4x6ybG6n24kZpvI_PL8zOLrM2ZjqYS37FLbE_9havKIjXNmVMtN5hD_I7xtD61S7aP42KwG8bshAXVp5YYsF3MaflW9Rt4UhRtVqqWmrp_K3i8byWVIIP10kg/s36/13.gif", "(o)");<br />
    emo(/\s\[-$+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBC1eAIvMwyfxSUT2NTbTjzG1EAIeZGXJqhULQXHRcP4YAVDrQpC7qE94Cs9-OIbY2v_mU3ySl4KZE7ReoBQZdqvORadknRRUhq46or4NSTb7uHHw4v-mnHZwfP4i6hamr09ET_3mkFs4/s36/14.gif", "[-(");<br />
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_PRCQoWvMoFXAN9nYLlBsZG3aH1u2-MggS4FM2-EhpBP9bpOue2BHBlbDU7VOuw6miJaNfxVSrD_MvNnTbbECPSFg7oi7m_vUI7N-8EuHHkIZclEOVaXEVMLCK1ATgqH7JJIpQXob-Fg/s36/15.gif", ":-?");<br />
    emo(/\s\(p$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl98xh2OL-kchnVgK_Waai6mwvZxrqyqVXVGpRPgJlFpnA9qaMy2r3yjdox-wLii-xqSruL0RXt4iEBR5B8jESdP9vhrxcT7AhNIBU-mmL8hXc-VsYgoVasVEI5oVzBUnKO25deVOVk5E/s36/16.gif", "(p)");<br />
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-2rUHqyT7Oq13DP1nggwAfcR_gbetxEd8BGgTCoBYZL226UKMDRqlcJOybWHaDVnh_d_Pbf6icRYFzmkatzCn7zKGkPX9qJTRo0tB1RudHmLUwgbpVsXfMvc9D7qjvJ0acv5Sxci1a4/s36/17.gif", ":-s");<br />
    emo(/\s$m$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRoTa5nwxVsiQEOMgKtHTisg2JP0MEcpENabAvjV-3qe6lvIzS6uWweNB_jzT3R_0Y1IjXsQX5Q73bvFsuFByYHmADHjoOuPDPoMsHbxpSrnSJ9fKgOkwqLdIVKW4BDggrVYgxoHki6Os/s36/18.gif", "(m)");<br />
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnEbwWw1gI_tXoAfQC7oS5e4XILlSv6VqCQUlRpkB8ldUZDC1CLSlHBMGyc4uO2Jg15KiAqKiVYSJr7fBB4De5IaZhddNBiERmHJaH-h-KdKKO4UNnM3I5Aux9ZPcM1S4JEFxjYEiaKWc/s36/19.gif", "8-)");<br />
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBy5gzdZ_kplWCdEC4A0OptIKKfvwf5wUt5xlPh59Y1qwLv3Bx_uD4Fbm4zdbf2pgOvi6bbCTJkhoiuAforA2Yq2esPEuzpb2j7wN9CBPap6f3ycbwKK-79zdNHhKoX9puUQwS2syHyW4/s36/20.gif", ":-t");<br />
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRJpX3bWMr_qdVDsoi1FV1lRhsdk7Su_1ngw6HLrPj6u9r1QEPTQFl2CVJ5uTx0ZYVUURgv4IE1-TMNDm4ybDphjlxL7OJXMCWKfarLZwjTB16I9TedwGAH3QKK7XaONJcEK2H6-Zqfk/s36/21.gif", ":-b");<br />
    emo(/\sb-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9M4PdSirma2W3rR4CIBFBOugDLPSZzrT-E7wpfvr0_bCSNqU4YCd2O5lQ4VNJZ7aAIlD-sAJ_vQyrlvh0OAMnsPwlq6s-OB3DTxke_yz-1iOaEX5t8o7YYUnbO_40qb8-k11VzDwNiA/s35/22.gif", "b-(");<br />
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyH3YfUy_7IZtNQL3fZ8DSz66MuYzTm2GHmCboHBD-ZG29pNmPIPgP1NamOJn1gjzKifV5lWT4ML3j_cR9ywxwBbR1r4KRXOWqQbSCnz6sqpnXuhDBCcZbcYrFVUU0sqdFa0zjMX4g7E/s36/23.gif", ":-#");<br />
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj65_57GRq1QvuUP3eRfMnVz4yXe6cnbjo8sAZ2lr2oj0PapJqSvTrEGkOWk-920l-p2x_iXX5PnTI-BdfFWtJpXhdbuYPaaxB1PZ3BDNqX04yHBhUOAw5l_spVF03J30QGdxmCjSMiu9c/s36/24.gif", "=p~");<br />
    emo(/\s\$-$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyaWhXj0ayAZx_ixB7bhjq4EdmvpySEFe1S0aC4vc2jbOppPHn1hBWMNQ0mU66BLlqz3RKVm-KNa-xRBRxKzbZ-2c5O5g8BSX8pHhnIdwCwlM6eErKcd3pq7wdh9JkuDLQUUh57496fSw/s36/25.gif", "$-)");<br />
    emo(/\s$b$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Lt81oArqyQi7UGCV7MW5u4TXzh7V7KXHFoSr6x6F7BK31UQANwBo9g0VycHv9IBGf1AT1s4y2x7OBzGHYT94Xab8n-rY8S5UC3cTajdJpBNwFZsr3-0UfSpy_ZytBeSDVMbtbqIMLLQ/s36/26.gif", "(b)");<br />
    emo(/\s$f$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKx0oPpWu0FyOOQVIqr83R2TOaVvJQWwNjXX7DGbjYNzKWwp2QTUuxDnH1_1PSaBr4TKG32mXlOIHFMYZYZFvTnsaAyvSkrZAhv978iOB2qhrkmtS55GqEEDD4kXOKubTElFLEpUyXuU/s36/27.gif'", "(f)");<br />
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Zg0dfHobXAmIYHr6v6NaWBn8bzWunOJnpqj4BU8ukV_UBVNWOO0Gq6cV3B099MabZ1FffaKcRw2lq8SWsQW03fbejzcQbviycVzeMfoDMZ06-b6wh-GJJzyuAM2v7O5AdD8GUFHcocI/s36/28.gif", "x-)");<br />
    emo(/\s$k$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZyDswCKVqN04BziRCyXUHnY1cZNnuM7838UXKOcwsOM1DRONnnZqEktJNqbjUJogxlaxoHALdBOng9YSGRh5zjOOAnfVFwvnQ9-HEDhj4abpJEk0PWcaVrredsRVyFBsB0mnAhiEAd5k/s36/29.gif", "(k)");<br />
    emo(/\s$h$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrnjhcvHVOBJ1kQ8dSCoVQeIKtznLo2GfA8XJS_IkAjC4Tz6cXRFYeT_DpV2FWCxgW5moDYHGlBtSO2pWtmze_6QCnyUgSdGpNMSOWoDG2JpuOAhLCvHU2PJEw8RNB6TizK9DhQ2TgWw4/s36/30.gif", "(h)");<br />
    emo(/\s$c$+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfNFYq2vT-0Lz0Uv2paOPxf_1o_lJ_4V__OKVq4mz6CFFd_DyyfE6ed_UZHrOzxFXCiFVl4w8Bst5qBI3ChMc9oDcaUWsrA9Cgj5kCLtMjglBX5fXaKWNCNckdpcoUu570dZQV1PcSTuA/s36/31.gif", "(c)");<br />
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheP57dB5S7eHull1zGyZ_MeGYHiGiZayF9Opbh4862A9BenDM-iyKlpJcC3q5-cTztrUy1S3g3ah8g7f1ac7oXK5HDD-gdpuxh24uLZiIAwc4O1GOi7rZxGk0NSh1hAk3hMoClvnG_Nxk/s36/32.gif", "cheer");<br />
  <br />
// Show alert one times!<br />
    $('div.emoWrap')<br />
        .one("click", function() {<br />
        if (emoMessage) {<br />
            alert(emoMessage);<br />
        }<br />
    });<br />
    // Click to show the code!<br />
       $('.emo')<br />
        .css('cursor', 'pointer')<br />
        .live("click", function(e) {<br />
        $('.emoKey')<br />
            .remove();<br />
        $(this)<br />
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');<br />
$('.emoKey')<br />
            .trigger("select");<br />
e.stopPropagation();<br />
    });<br />
    $('.emoKey')<br />
        .live("click", function() {<br />
        $(this)<br />
            .focus()<br />
            .select();<br />
    });<br />
<br />
});<br />
//]]><br />
</script><br />
</b:if></div>
<br />
4. Save template untuk menyimpan pengeditan yang soba lakukan.<br />
5. Done ... Coba lihat dibagian komentar sobat....<br />
<br />
Somoga bermanfaat.</div>

Memasang Emoticon pada Komentar Blogger

Pada postingan kali ini akan membahas bagaimana cara memasang emoticon pada komentar di blog. Tutorial ini saya dapatkan dari blog tetangga...

06:43

Menambahkan tombol klik show untuk menampilkan isi postingan diblogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Trebuchet MS, sans-serif;">Bagi sobat yang ingin menambahkan tombol show hide diblog/postingan, cara ganpang tinggal mengcopy paste kode HTML di bawah ini:</span><br />
<br />

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Hx7fXNa1ry0c2HSj4FWp0lOUjn2VAJUAkQVKP68XgZI5ZeWPJyEn6aRCkSwnZEVWoNMrwJqHnu9jkZQFRKNdiDxArOMTJwuueDxizvftDhynAjD1J_FhgT-HmByDoi83Sh6KeILu3lcx/s1600/LogoBlogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Hx7fXNa1ry0c2HSj4FWp0lOUjn2VAJUAkQVKP68XgZI5ZeWPJyEn6aRCkSwnZEVWoNMrwJqHnu9jkZQFRKNdiDxArOMTJwuueDxizvftDhynAjD1J_FhgT-HmByDoi83Sh6KeILu3lcx/s1600/LogoBlogger.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-family: Trebuchet MS, sans-serif;"><div><div style="margin-bottom: 2px;"><b><small><span style="color: blue;">Klik Tampil untuk melihat</span></small></b></span></div>
<div style="text-align: center;">
<span style="font-family: Trebuchet MS, sans-serif;"><input value="<span style="color: lime;">Tampil</span>" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div></span></div>
<div style="text-align: center;">
<span style="font-family: Trebuchet MS, sans-serif;"><div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"></span></div>
<div style="text-align: center;">
<span style="color: red; font-family: Trebuchet MS, sans-serif;">Masukkan Isi Postingan</span></div>
<div style="text-align: center;">
<span style="font-family: Trebuchet MS, sans-serif;"></div></div></div></span></div>
<div style="text-align: center;">
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span></div>
<span style="font-family: Trebuchet MS, sans-serif;">Entri melalui HTML jangan melalui Compose :</span><br />
<div>
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0qsi4CiPN7m1urdocVDFEAsf_Y1MoMShTQke5fOvuDDpI8mT43NL8x2hb2duHphF7GiQ6pn9V2Y_ZDbOy9CHeNu7CVO_n4mBO8AtPbO6D99FEirrSG1SV9vnKokk7iEeQYTsvB5pHRWg/s1600/Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Trebuchet MS, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0qsi4CiPN7m1urdocVDFEAsf_Y1MoMShTQke5fOvuDDpI8mT43NL8x2hb2duHphF7GiQ6pn9V2Y_ZDbOy9CHeNu7CVO_n4mBO8AtPbO6D99FEirrSG1SV9vnKokk7iEeQYTsvB5pHRWg/s1600/Blogger.jpg" /></span></a></div>
<div>
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;">Kemudian copy-pastekan code HTML diatas.</span></div>
<div>
<b><span style="font-family: Trebuchet MS, sans-serif;">Keterangan :</span></b></div>
<div>
<span style="font-family: Trebuchet MS, sans-serif;">Tulisan berwarna <span style="color: red;">merah</span> : Isi tulisan yang ingin sobat show/hiden kan.</span></div>
<div>
<span style="font-family: Trebuchet MS, sans-serif;">Tulisan berwarna <span style="color: blue;">biru</span> dan <span style="color: lime;">hijau</span> :  bisa sobat ganti dengan kata lain sesuai yang diinginkan</span></div>
<div>
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Trebuchet MS, sans-serif;">Penampakan dapat dilihat dibawah ini :</span><br />
<br />
<div>
<div style="margin-bottom: 2px;">
<b><small>Klik Tampil untuk melihat</small></b>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Tampil" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan Isi Postingan
</div>
</div>
</div>
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;">Semoga bermanfaat.</span></div>
</div>
</div>