Memasang Emoticon Di Kotak Komentar Blogger.

Dengan memasang emoticon di kotak komentar maka para komentator akan lebih mudah untuk mengekspresikan perasaannya. Selain itu, juga akan membuat blog kita lebih ekspresif bukan?, mungkin ini agak sama dan jadul untuk di posting tapi untuk tutorial kali ini yaitu bagaimana memasang emoticon mig33 dan yahoo di kotak komentar blog.

Nah untuk memasang emoticon dikotak komentar. Anda harus men-setting kotak komentar agar muncul dibawah postingan terlebih dahulu.Bagi anda yang kotak komentarnya berada pada halaman pop-up. Silahkan diatur dulu agar kotak komentarnya muncul di bawah postingan.

Adapun memasang Emoticon pada Komentar blog langkah-langkahnya sbb:

• Tentu login dulu ke akun blogger anda kemudian klik Rancangan
• Edit HTML
• Centang Expand Widget
• Cari kode   ]]></b:skin>
• Lalu letakkan script dibawah ini diatas kode  ]]></b:skin> 

/*fauzan emot*/

.fauzanemot{

display:block;

width:auto;

background:#ACC5D2;

border:2px solid #999999;

box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;

padding:0;

margin:30px 0 10px 0;

font:normal 12px Arial, Sans-Serif;

color:#222;

}

.fauzanemot .kontainer{padding:5px;}

.fauzanemot h5{

background:#999999;

border:none;

border-bottom:1px solid #699019;

color:#fff;

text-transform:normal;

text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);

font:bold 12px Arial,Sans-Serif;

padding:5px 10px;

margin:0 0 0 0;

display:block;

}

/*fauzanemot end*/

1.   Kemudian cari  kode </body> dan letakkan kode dibawah ini diatas </body>

<script src='https://sites.google.com/site/fazansyl/project/fazanemoticon.js' type='text/javascript'/>

Yang terakhir cari kode  <p class='comment-footer'> atau yang seperti ini

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if>

</b:if>

</p>

Kalau tidak sama, cari yang paling mendekati . Kemudian letakkan kode berikut ini dibawah  <p class='comment-footer'>

<div class='fauzanemot'><h5><center>kode komentar emoticon <data:blog.pageTitle/>, silahkan sisipkan pada kotak komentar</center></h5>

<div class='kontainer'>

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(

    <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/mig33full/a.png'/> :381:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/1.png'/> :382:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/2.png'/> :383:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/3.png'/> :384:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/4.png'/> :385:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/5.png'/> :386:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/6.png'/> :387:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/7.png'/> :388:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/8.png'/> :389:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/9.png'/> :390:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/10.png'/> :391:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/11.png'/> :392:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/12.png'/> :393:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/13.png'/> :394:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/14.png'/> :395:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/15.png'/> :396:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/16.png'/> :397:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/17.png'/> :398:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/18.png'/> :399:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/19.png'/> :400:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/20.png'/> :401:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/21.png'/> :402:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/22.png'/> :403:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/23.png'/> :404:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/24.png'/> :405:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/25.png'/> :406:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/26.png'/> :407:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/27.png'/> :408:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/AhmadFawzanRohman1/28.png'/> :409:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/mig33full/73.png'/> :410:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/mig33full/77.png'/> :411:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/mig33full/85.png'/> :412:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/mig33full/153.png'/> :413:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/mig33full/155.png'/> :414:

<img src='http://i997.photobucket.com/albums/af96/fauzan_zifa/mig33full/154.png'/> :415:

</div>

</div>

Read More

Memasang Widget Translate di Blogger

 Widget translate ini akan sangat berguna bagi pengunjung atau visitor yang berasal dari luar negara. Cara membuat widget translate ini juga sangat mudah, anda bisa mengunjungi Website Translator Google. Disana sobat tinggal memilih widget translate model yang seperti apa yang di sukai dan dapatkan kodenya untuk di pasang di blog sobat. Kalau sobat ingin widget translator seperti blog ini (bisa di lihat pada bagian footer), sobat hanya perlu memasang kode widget translate yang saya berikan.

Mau widget Translate blog seperti di atas? berikut ini kodenya.

<div>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id',
    autoDisplay: false,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>

Memasang Widget Translate di Blogger

• Login ke Blog sobat > Layouts > Add gadget baru > Pilih HTML / Javascript
• Paste kode di atas pada gadget baru tersebut
• Simpan dan lihat hasilnya.

Bagaimana? mudah kan cara membuat / memasang widget translate di blogger. OK sobat, itu saja caranya dan terima kasih sudah membaca artikel cara memasang widget translate di blogger / blogspot.

Read More

Cara Membuat Widget Google Translate Bendera

Cara Membuat Google Translate Bendera - Anda tahu google translatekan ? google translate adalah penerjemah bahasa,Fungsi widget google translate ini yang bisa menerjemahkan isi postingan pada blog kita selain itu fungsi google translate juga bisa mempercantik/memperindah tampilan blog kita

Untuk melihat bentuk widget google translate itu ,anda bisa melihatnya di bawah ini :

Widget Google Translate

Nah bagi anda yang ingin memsang widget google translate,langsung aja kita lihat tutorialnya di bawah ini :

1.Login ke Akun blogger anda
2.Masuk ke menu tata letak
3.Lalu klik Tambah Gadget atau Add Gadget 
4.setelah itu klik HTML/Javascript
5.Copas/Copy paste kode di bawah ini :

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <br />

<div style="text-align: center;">

<a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8LgAmysb6UP52FhX31AGHhrrmkCO3VS2ml3Riudzwywz5CB_IB_ogEpW5o_8mT3zE7iEgJiPN_MCSCPzMN_VMoryubL-W3WX-Jl9UxBsdAdtNc-8sYYnFj_EO3vYKViVA9YCABm04YYXB/s144/uk-flag.png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbwvTVh8uFGiATAWw6Kh_7LOHegyFQj48JfsWOwZf7WDRrMIQ9FPQQ59pg17-JRdt8hqxkgXQDlU1mF74ux8PW-emhycuTtEXHfA6SdSqglLIjNxr4ACnHdrZRnj7ZhFPfSKT031-FtOpB/s144/france-flag.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjbeGjshR-4YgCcCa8IRQ7P5o_KuvT5swaZ7x7JXTpZFXQtWE5r-W4iwikZBterw9-SmnsaUZWVg9bh8C-t5vLGyjkw4fQTzk-XyBIVjFaT3C7mta2CRtw4wF_xmgwgukuz6-fbXu7Grh/s144/german-flag.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioVyPUg-jqybcwwnGaGUTO8Qihiud-QeezpL5zZkFOrzhzzhjpQZxrs2hQRoJE3lqGR9rV-ga94vBEoKSs8QD62QpSnuWOFfz5mI_-vjNJHILhIBk6gcHXQLvSedqddDrSuTu5_W43_nlR/s144/spain-flag.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZacz4pRwDUIDoilWnt0iLlMwGI0B9_S5Z7AcyPZmtOBG_kWtabYhflDvRTGZUyxRaSfjCJ4dnhZFE4vORgyxm2LXDI6KBwWk9rNzIQvUvv3dYgpBC2XmPUGrrw324aBGH7WCUSIb1VmaE/s144/italy-flag.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztb47-GapUeA04fYHt9hEVUBaE8Z_0JDkmJ2CpS7OsXCGtWvUcMP9hzwuURi-blG06gPph5QYnn-dTFNMhJWh3QnoYgOi34i4chzcBWmQD_rEAvUUvZWsWbr_Tc4H7YGSMvaJAW5QkAkg/s144/dutch-flag.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a> <br />

<br />

<a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsWsaTTa9Vrnagg02uu815ZTFC-iAhMpRO1Cb0RZ3eYzBSbv08q4ldKi4dV8nXOxh96rnD-jex7Al_rPSEXXP77JBnnJls_7lkcG5Li_WLymve8GbppJYDliYjfniNhXSBP6FOa2bSIVm/s144/russian-flag.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Brazil"><img align="absbottom" alt="Brazil" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSW5Nml9ulLS1gQY4bbxW2U-tfuZDo9HzH18RC5KK206wUA2nxb4ZAzTYHIi8tluHZ-7UTm3GdzqZKaVA7SJnUmy_0dqVzJAh_j1-LhgSiHb2Ek0ynyfVTqoO6fbg3zP-pYuC4TCIl7yOL/s144/brazil-flag.png" style="cursor: pointer; margin-right: 8px;" title="Brazilian" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh743lEB2oKcpFBiJWBRa3zdXOtDVxeTQoJE7JC-NVoI-OAh19B8lwEUyWHLnIsmh-jPlcg36U6wYBhSauXT2aNafSpVTV90A4SyeQZazNWo-h8vf2lMMTuCIHBxNdbTSIFeV3rbADIGvkD/s144/japan-flag.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuWsI7Ve_c8WVoTyn9vf4mtL3iBUqR745he04G2FoZEHmSc0r_f3IyxOJ5a8XKhVPDQLbKwtB4KlEWFvtHEfwPGJTyStDMK8CjIFcPbRwW6PDztJF1ox6HwsCZIZeUCtnvrqj5KeP-kXF/s144/korean-flag.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIN-u-0hn4AxoGJDUC8Q23utyPCo3jLM9fAiA_tj0NQkWmqYKqwyFWBurHhyA1i9wp66yEMblXbG1VFIteFKjsbQrdJmMZ4RO-vsseUBkyXOt9HSNkfsbnW_Bx1fJ2ehwdTemlrWfmREqg/s144/arab-flag.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a> <a class="translate" href="http://www.blogger.com/blogger.g?blogID=31792264707410380#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcSj2AlxiBa3VMU42JujhBBd6oiuuEXlbE8j5qDxrd5mQegbTjeOZjwkYB1d8LMnwIcsXVx2r5Gzw-epLkr43IzIONOsMPEaetS5X7HtTaD4FD1BJKsvkPPSegxM9PMh_UFb1o2UNmOkjO/s144/china-flag.png" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> <br />

<div style="font-size: 9px; padding: 8px 0px 0px 0px;">

<b><a href="http://alfadlys.blogspot.com/" title="translate widget">Translate Widget by Google</a> </b></div>

</div>

6.Simpan dan Lihat hasilnya !!!

Read More

Cara membuat Search Engine

Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah karena sobat hanya membuatkan sedikit kode HTML, scriptnya seperti ini : 

<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get"> 
<input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Yang perlu sobat perhatikan adalah tulisan yang saya cetak merah yaituhttp://AlamatBlogAnda.blogspot.com/search, tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan http://kolom-tutorial.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu di bagian kode --> value="Search". Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan tersebut ingin di ubah menjadi Cari atau Go. 

Sebagai contoh hasil dari search engine dari script diatas adalah seperti ini : 

 

Atau seperti ini : 

 

Atau juga seperti ini : 

 

Silahkan coba fungsinya, apakah berfungsi dengan baik atau tidak? 

Untuk cara pemasangan sama seperti kode HTML lainya, untuk template klasik silahkan sobat cari sendiri karena masing-masing template mempunyai kode yang berbeda-beda. Untuk yang template baru, sobat bisa memasukannya melalui Elemen Halaman kemudian pilih yang HTML/Javascript. 

Saya rasa pembahsanya sudah cukup. 

Read More

Trik Memproteksi Blog

38

Trik Memproteksi Blog dari penjiplakan atau copy paste tanpa ijin dan mengetahui siapa yang mengcopy artikel blog kita.

Membuat artikel sebagus mungkin atau semenarik mungkin itu memang tidak gampang untuk membuatnya.membutuhkan kesabaran dan membutuhkan waktu yang cukup lama.demi sebuah artikel agar para pembaca blog anda semakin betah membaca isi postingan blog anda.nah dengan demikian blog anda tentu saja ramai pengunjung karena isi artikel anda yang originals dan menarik.artikel di blog anda pun mempunyai nilai dan penulisnya adalah orang yang kreatif.hmm..bagaimana ga’ seneng tuh,punya artikel buatan sendiri dan disambut banyak pengunjung di dunia maya.
Tapi apakah anda rela jika ada salah satu pengunjung menjiplak artikel anda tanpa ijin?dan mereka pun mempublikasikannya di blognya?dan mengaku sebagai pemilik artikel syah buatan mereka sendiri.sebuah kejadian yang sangat menjengkelkan bukan?udah bikin susah-susah,di copas mentah-mentah gitu aja+ga pamit lagi..,jika anda tidak merelakan kejadian tersebut,disini saya menyediakan trik bagaimana cara memproteksi blog dari penjiplakan dan menonaktifkan klik kanan.
seperti trik dibawah ini:

A.Untuk blog di blogger atau blogspot

Menonaktifkan klik kanan
* Masuk pada akun blogspot anda
* Pada dashbor blog pilih edit tata letak
* Kemudian pilih edit html
* Cari kode <body> dan letakan kode onmousedown=”return false” oncontextmenu=”return false” onselectstart=”return false” dan letakkan di bawahnya.seperti contoh dibawah:

<body onmousedown=”return false” oncontextmenu=”return false” onselectstart=”return false” >

Saran:

Gunakan trik ini jika di perlukan,karena di samping itu membawa dampak negative pada kotak seacrh engine tidak bisa berfungsi.

B.Untuk WordPress dot com

* Masuk ke WordPress anda

* Pilih pada kolom posting.pilih HTML

* Di tengah-tengah memposting,sisipkan sedikit teks apa sajadengan menggunakan link anda.contoh: <a href=’http:fjr1.wordpress.com’> apa saja</a>,maka yang akan muncul apa saja.dan ubah warna link menjadi warna hitam agar si pembajak mengira itu adalah artikel bukan link.

Read More

Cara Menampilkan Status Off/Online Yahoo Messenger

Cara Menampilkan Status Off/Online Yahoo Messenger

         Dalam trik kali ini saya akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blog sobat akan bisa langsung berinteraksi langsung dengan sobat, nah kalo gitu insyaallah pengunjung bisa lebih akrab lagi sama sobat.

Ok Langsung aja,
Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

Nah jika kamu online maka iconya akan berubah seperti ini: 

Cara buatnya ikutin za langkah-langkah di bawah ini 
1. Tentunya masuk dulu dunk ke blog sobat
2. Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript". 
3. Copy script Berikut ini

<a href="ymsgr:sendIM?budax_asgas"> <img src="http://opi.yahoo.com/online?u=budax_asgas&amp;m=g&amp;t=2&amp;l=us"/>
</a>

4. eiitt jangan lupa Ganti text yang warna merah (budax_asgas) dengan id YM kamu, perhatikan angka "2", itu bisa kamu ganti dengan angka1-16 dan hasilnya gambar yang ditampilkan akan berbeda-beda. 
5. Letakan di sidebar yang sobat suka n jangan lupa save ya.

Read More

Cara Menghilangkan Navbar Blog Terbaru

Berikut adalah langkah-langkah untuk menghilangkan navbar blog

• Silahkan login ke blogger dengan ID anda
• Klik Menu dropdown lalu pilih Tata letak
  
  
  
• Klik Edit pada widget Navbar
  
  
  
• Setelah muncul pilihan, pilih Off
  
  
  
• Klik tombol Simpan.
• Selesai. Kini navbar blog anda telah hilang.

Read More

MEMASANG 99SHOUTBOX

• STEP 1. Buat Account / Sign Up ke 99SHOUTMIX:

.

• STEP 2. Log in menggunakan Account yang telah dibuat :

.

• STEP 3. Click Create a Shoutbox untuk membuat sebuah Shoutbox :

.

TEP 4a. Cara paling cepat untuk menghasilkan sebuah ShoutBox menggunakan 99SHOUTBOX adalah dengan memilih tampilan Default 99SHOUTBOX, dengan cara :

1. Masukkan Nama yang diinginkan pada Name Box untuk ShoutBox yang sedang dibuat
2. Biarkan Theme Box berisi pilihan Default
3. Pilih Kategori yang diinginkan pada Category Box
4. Pilih ukuran yang diinginkan pada Size Box
5. Pilih Warna Background untuk Shoutbox pada Background Box
6. Click Continue

.

• STEP 5. Setelah Click tombol Continue, 99SHOUTBOX akan menampilkan :

.

Copy Shoutbox Code ( pilihlah Object Embed NOT Javascript Embed ) kemudian Paste – kan kedalam Arbitrary text or HTML Widget [ Dashboard > Appearance > Widgets > Text ] Terakhir, Save …  SimSalaBim … sekarang Blog WordPress kalian sudah dilengkapi dengan ShoutBox By 99SHOUTBOX .

Sebelum meng – Copy – kan Object Embed (Code) tersebut, sempatkan terlebih dahulu melihat penjelasan di bagian akhir artikel Kami Dari Semua ini : ( Kalau kebetulan sedang Sibuk banget atau Buru-Buru sehinga ga’ sempat untuk membaca penjelasan di akhir artikel … ya ga’ apa-apa kok, Ga’ maksa he he) 

.

.

*Tambahan ( untuk Modifikasi Tampilan 99SHOUTBOX biar CooL )

.

• STEP 4b. Bagi yang ingin menyesuaikan tampilan ShoutBox agar lebih pas ‘menggambarkan / mencitrakan’ diri anda  , maka untuk Step 4.a dikerjakan dengan STEP dibawah ini dan diikuti dengan STEP-STEP selanjutn
• ya :

1. Masukkan Nama yang diinginkan pada Name Box untuk ShoutBox yang sedang dibuat
2. Isi Theme Box nama sesuai keingin
3. Pilih Kategori yang diinginkan pada Category Box
4. Pilih ukuran yang diinginkan pada Size Box
5. Pilih Warna Background untuk Shoutbox pada Background Box
6. Click (create a new theme) untuk melakukan pengaturan tampilan Shoutbox sesuai selera

.

• STEP 4c. Setelah (Create a new theme) di Click, akan ditampilkan :

Silahkan di utak-atik sampai mendapatkan tampilan yang paling ‘Cocok’ dengan anda  … Kemudian Click Save

.

• STEP 4d. Setelah Tombol Save di Clik, akan ditampilkan

Disana (di dalam tampilan My Themes) ditampilkan daftar Shoutbox yang telah dibuat tadi. Sampai disini pembuatan tampilan Shoutbox telah rampung. Langkah Selanjutnya adalah Click My Shoutbox pada POJOK KIRI ATAS untuk mendapatkan / mengambil Code yang harus Copy dan Paste – kan kedalam Widget Blog WordPress. Tampilan yang akan muncul setelah melakukan Click tersebut adalah :

.

• STEP 4e. Setelah sampai pada tampilan ini, perhatikan tabel My Shoutbox tersebut dan Click – lah pada tulisan Code yang terdapat pada kolom Actions  (paling kanan atas)

.

• STEP 4f. Setelah tulisan Code, di – Click dan tampilan di Screen adalah seperti dibawah ini :

Copy Shoutbox Code tersebut ( Pilihlah Object Embed, NOT Javascript embed ) kemudian Paste – kan kedalamArbitrary text or HTML Widget [ Dashboard > Appearance > Widgets > Text ] Terakhir, Save,  sekarang Blog WordPress kalian sudah dilengkapi dengan ShoutBox By 99SHOUTBOX .

Read More