Multicursor - Working In Background
Selamat Datang... blog ini hanya ingin berbagi ilmu dan sharing pengetahuan dan informasi bersama....

Cara Membuat User Online Status dengan Whos Amung Us

Sabtu, 29 September 2012

Whos Amung Us adalah widget untuk mengetahui User atau pengunjung pada suatu blog yang sedang Online atau berkunjung ke blog kita, selain itu Whos Amung Us berguna untuk mendeteksi Artikel yang di Copy Paste oleh pengunjung dalam 24 jam, Oke langsung saja kelapangan untuk Membuat User Online Status dengan Whos Amung Us.

Langkah-lagkahnya Sebagai berikut :
1. Login Ke Blog Anda
2. Klik Rancangan
3. Lalu Klik Elemen Laman
4. Klik Tambah Gadget
5. Pilih HTML/Java Script
6. Masukan Kode dibawah ini


<script id="_wau2q9">var _wau = _wau || [];
_wau.push(["tab", "47xo8nnn3n7j", "2q9", "left-upper"]);
(function() {var s=document.createElement("script"); s.async=true;
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Memasang Widget Google Translate Pada Blog

Rabu, 26 September 2012
Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka pengunjung yang berasal dari negara lain juga bisa menikmati konten diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk belajar bahasa asing lho. Menarikkan?

Sebenarnya google translate ini sudah pernah saya bahas pada beberapa waktu yang lalu. Namun karena widget ini sudah mengalami perubahan yaitu menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik.

Contohnya seperti ini yang dibuat oleh mad tomatoe








dan ini yang dibuat oleh kang rohman



Oleh sebab itu, pada postingan ini saya ingin membahas kembali dengan menyajikan widget buatan saya sendiri. Seperti yang dibawah ini








Widget ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan. sengihnampakgigi

Bagi anda yang tertarik, silahkan copy kode dibawah ini.

Untuk Google Translate 2 baris. Gunakan kode dibawah 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>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8qym54_GgGV4_x4t4Te9AfF1E89iktPBDKtTqERVbJwYxxfrMwTbzNHlZ2lp3Kcpmsgk1Fjgfqc8inG8k4FE8IR-Aw_0_8XpSNIeWOaq1wSTWMW7TzQdClMZeuEGnymKoVwwvVjR5-xCe/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ROrz1eZ-lo1tMJOqAvt7klMWlsx0nPQsni7ywK81ee8WBuUycBRr6qWAdtb0IUEs1iQSkiVmWFXFkz20S0hi60TTBOmv9PQrGVznQY2pVGgsJAflFevnBDuzMox-iz8fU6mLsm6ylgBO/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4d5DPdkWg3DoSc6gLfcVr9yEBtjCkawyuDMO_3QLzVoafagoI5hsrcFsiQp61sffFgtkvv90rhpbyZnJzMAYGwKAbip4o9RU6Dk6yDpQ8NibpJwDm7a2NBs1Y1mljUmg4fRDNb73t86s3/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M05OeDqJHOyQGTrEbi1KcYn2YDqhO8Wv3nCw1xSFZ6hOoHYA9NHsbILT8MhJap5gdIcGp5D7rAJYlxd1siF_lQrG8lONv0C8AmitqdvNFbaU25-wRbLadGrhtO9_xfdv3O6oK9InK63w/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEGLGIJxoMoxxhI3Z24ek-zsHQUWj_zwz_n-2FiEWYZJClbBtzjsCtFV1HSowZlZblPVyMEuG9vv6IcxrawlR7-LmM68MkN7Ekg9MVwJGIFe1N2Rt8IpgwxC99SeC616TUl0OkraVTwI2Q/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidjROCf-26p2zrC0Qy7GsAbNO7524h0P-fjxfTzuhwe7qb7fNbmXpkBhvNIL_Y9Rz7-BAn1Az4Op_-ZVpmaQ-NZrCKVh91N5Mf_giFF6RDXYfYh_BHJvMGfNacf0W-Rc1PtptBxbI3Xjiq/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntlmMEgVKX-2N0CNW58XK9KXKJI1nQ2p7Dxb1C6FoIOkdTp38U_5y_CYQ2O0rm6MxUXeOviG6MLfZEAcjDUI9ucBoy1tCcj2CFpInasaMfuAaa0CwfVK4n-_16zaKxJ2CFQLglgxD9vvP/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgGEhNgIHutEsLi1UtH2qZ-KS14o7hmhtPQboaj2odPjHC85Df4y_eMnl9kovcZJpToqUEs3ZD940cAvSCa4BTQWy54nNHrbar2MD2BsEubXtgsAR_greWVJo_28uKSvomDNbdPxWK3fa/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0QELxErA6zwS5XW2LQV7ooKAxQu0MC5VISJZpygFdql-8jwXDg1CL47veL2j12cdD3OzyBCcNcdlTYTu446Wo4UDpkJBW43HfkQIQ1LULo7ibJ8fp1iyY5DTELPGbRStgCV30vAD61oh_/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVLkEcmkhTsNgbz9iHjvn-z_pIQtwiNjm0YfJj4_UKjmBDc7skSqmmhK4nvsB5ZUP6LTiOtKl5I_OX-pgL0JTAdHUEbBRmOqXBoTC-LG6-sPrguTT8DsBW2WSA8d6zVz7qESnqaB7jml2L/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOAnaBgb_vjiwrXHVOyzbr0JenSrbhaJn6UGAIT7gqXWrNsC8iNgPSk30zR77tSxgKGqNKVPziM_422MqcAveaV9LQj4GpuVnThrRPu-EX9DE0NTxLCzgtsCa3GCMFCMXQDXKaLHD_xmLy/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSjlOxcdv0BK-WktIdazWU-zAAMSPrTmgfNAfrPErT7u8aIDy7TVVKa52RjjAaVALhAuNXGedDzWvV5vx_-UyWHl0og5LRf4K1NLt2FZylInuvkIaxaBd5XLB3hyphenhyphenDk_zlckzpXnDAndWwD/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>


Untuk Google Translate 3 baris. Gunakan kode dibawah ini:

google translate widget









<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>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8qym54_GgGV4_x4t4Te9AfF1E89iktPBDKtTqERVbJwYxxfrMwTbzNHlZ2lp3Kcpmsgk1Fjgfqc8inG8k4FE8IR-Aw_0_8XpSNIeWOaq1wSTWMW7TzQdClMZeuEGnymKoVwwvVjR5-xCe/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ROrz1eZ-lo1tMJOqAvt7klMWlsx0nPQsni7ywK81ee8WBuUycBRr6qWAdtb0IUEs1iQSkiVmWFXFkz20S0hi60TTBOmv9PQrGVznQY2pVGgsJAflFevnBDuzMox-iz8fU6mLsm6ylgBO/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4d5DPdkWg3DoSc6gLfcVr9yEBtjCkawyuDMO_3QLzVoafagoI5hsrcFsiQp61sffFgtkvv90rhpbyZnJzMAYGwKAbip4o9RU6Dk6yDpQ8NibpJwDm7a2NBs1Y1mljUmg4fRDNb73t86s3/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4M05OeDqJHOyQGTrEbi1KcYn2YDqhO8Wv3nCw1xSFZ6hOoHYA9NHsbILT8MhJap5gdIcGp5D7rAJYlxd1siF_lQrG8lONv0C8AmitqdvNFbaU25-wRbLadGrhtO9_xfdv3O6oK9InK63w/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEGLGIJxoMoxxhI3Z24ek-zsHQUWj_zwz_n-2FiEWYZJClbBtzjsCtFV1HSowZlZblPVyMEuG9vv6IcxrawlR7-LmM68MkN7Ekg9MVwJGIFe1N2Rt8IpgwxC99SeC616TUl0OkraVTwI2Q/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidjROCf-26p2zrC0Qy7GsAbNO7524h0P-fjxfTzuhwe7qb7fNbmXpkBhvNIL_Y9Rz7-BAn1Az4Op_-ZVpmaQ-NZrCKVh91N5Mf_giFF6RDXYfYh_BHJvMGfNacf0W-Rc1PtptBxbI3Xjiq/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntlmMEgVKX-2N0CNW58XK9KXKJI1nQ2p7Dxb1C6FoIOkdTp38U_5y_CYQ2O0rm6MxUXeOviG6MLfZEAcjDUI9ucBoy1tCcj2CFpInasaMfuAaa0CwfVK4n-_16zaKxJ2CFQLglgxD9vvP/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgGEhNgIHutEsLi1UtH2qZ-KS14o7hmhtPQboaj2odPjHC85Df4y_eMnl9kovcZJpToqUEs3ZD940cAvSCa4BTQWy54nNHrbar2MD2BsEubXtgsAR_greWVJo_28uKSvomDNbdPxWK3fa/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0QELxErA6zwS5XW2LQV7ooKAxQu0MC5VISJZpygFdql-8jwXDg1CL47veL2j12cdD3OzyBCcNcdlTYTu446Wo4UDpkJBW43HfkQIQ1LULo7ibJ8fp1iyY5DTELPGbRStgCV30vAD61oh_/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVLkEcmkhTsNgbz9iHjvn-z_pIQtwiNjm0YfJj4_UKjmBDc7skSqmmhK4nvsB5ZUP6LTiOtKl5I_OX-pgL0JTAdHUEbBRmOqXBoTC-LG6-sPrguTT8DsBW2WSA8d6zVz7qESnqaB7jml2L/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOAnaBgb_vjiwrXHVOyzbr0JenSrbhaJn6UGAIT7gqXWrNsC8iNgPSk30zR77tSxgKGqNKVPziM_422MqcAveaV9LQj4GpuVnThrRPu-EX9DE0NTxLCzgtsCa3GCMFCMXQDXKaLHD_xmLy/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSjlOxcdv0BK-WktIdazWU-zAAMSPrTmgfNAfrPErT7u8aIDy7TVVKa52RjjAaVALhAuNXGedDzWvV5vx_-UyWHl0og5LRf4K1NLt2FZylInuvkIaxaBd5XLB3hyphenhyphenDk_zlckzpXnDAndWwD/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>


1. Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.

2. Klik Save. Selesai. Silahkan lihat hasilnya.


Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda.

Selamat mencoba. Semoga bermanfaat..

Bagaimana Cara Memposting Artikel Pada Blog

  Setelah Anda memiliki blog diblogger. Langkah selanjutnya yang harus Anda lakukan adalah memposting artikel.

Nah untuk memposting. Caranya sangat mudah. Silahkan ikuti langkah-langkah dibawah ini:

1. Login ke Blogger dengan id Anda.2. Pada menu Dashboard. Klik New Post.

3. Setelah itu, Anda akan masuk ke menu post editor atau kotak posting. Disini terdapat 2 halaman posting yaitu Edit HTML dan Compose. Halaman Edit HTML merupakan halaman dimana kode HTML artikel berada. Dan halaman Compose merupakan halaman untuk menulis artikel.

4. Jadi klik menu Compose untuk memposting artikel.

5. Pada menu Compose terdapat beberapa tool yang sering digunakan untuk memposting.

: Mengganti bentuk huruf
: Mengganti ukuran teks

: Menebalkan huruf

: Memiringkan huruf

: Mengganti warna teks

: Menambah link ke suatu website

: Rata kiri

: Rata tengah

: Rata kanan

: Rata penuh

: Mengurut teks berdasarkan angka numerik

: Mengurut teks dengan bullet

: Membuat quote/ kutipan

: Mengecek terjemahan teks dalam bahasa inggris

: Menambah gambar kedalam artikel. Format yang diterima (jpg, gif, bmp, png)

: Menambah video kedalam artikel. Format yang diterima (avi, 3gp, rm, wmv)

: Menghilangkan efek pada teks
6. Beri judul artikel pada kotak Title.

7. Kemudian tulis isi artikel Anda pada kotak posting.

8. Jika sudah, beri labels atau kategori untuk artikel Anda pada kotak labels for this post. Sebagai contoh saya memberi labels untuk artikel ini dengan "Dasar blogger, Blogger Tutorial".

9. Kalau sudah, klik Preview untuk melihat pra tampilannya apakah sudah bagus atau belum.
10. Kalau sudah, Klik Publish Post untuk mempostingnya.

11. Kemudian klik (in a new window) untuk melihat hasil postingan anda pada halaman baru.

12. Jika Anda merasa masih ada keganjalan pada postingan Anda. Klik Edit Post pada halaman utama untuk mengeditnya. Jika sudah selesai klik Publish Post lagi untuk mempublikasi ulang.

Selamat berkarya...!!

Membuat Gambar Bergerak Di Pojok Halaman Blog


Gambar  Pojok
Cara Membuat Gambar Pojok di Blog Kita. Terserah inginnya sobat,membuat gambar selalu di pojok blog kita ini bisa sobat ganti dengan gambar photo,animasi, jam terbang, kelinci yang melompat-lompat, kuda berlari, hit counter, shoutbox, kalender, adsense, iklan, atau pun widget lainnya.
Sobat bisa lihat hasilnya bila mengunakan gif beruang yang sedang berlari di div id="trik_pojok -nya,maka hasilnya akan seperti gambar disebelah kiri sobat. Bila sobat berminat silahkan ikuti caranya dibawah ini:

1. Login ke akun blogger
2. Edit HTML
3. Cari kode ini  ]]></b:skin> kalo sudah ketemu simpan kode berikut ini di atasnya:
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. Text yang dicetak tebal adalah posisinya, kalo ingin ganti di posisi pojok kanan bawah tinggal text "left"    diganti dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".
5. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://www.raihanrn.com/2011/07/cara-membuat-gambar-pojok-di-blog-kita.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5CMW7JZiZyELbjGWGaQ1A0ktbxdNSN4XxzMXUoVYwPxIEGbA8G_DqANra61dVhGOSRCYMSvH_9tOD4rMt8Vv1DPOJfuMadq3INzteP-M-oiZbeXZrobLo2r2MpAvrWF5pe0_BAHKOT8/" border="0" /></a>
</div>

Koleksi Gif yg bisa sahabat pergunakan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitf7UAbGs1FTALbHyTvuFM34tCC2Dwg8fOGQmCEwSRiwV4T_eZU9fUNJ0sAXeURaj7LrwY1fUha-Vqs99CUStU0LDFAogIVWzXukHF35YiZuFjNYoWF3DJjyzLep7LhiDf_4Nx2weksIs/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnA-IChfSa5T3KW0SDkgRGx8ndNRxgnZvQd9ZBJu7Qtsx9RWfqp6_kWOGIqMVLERPa8PqDBxZU7qaNISeyoR_f6VtKmPE6WXBnZZ7E26MsK2Kf0vSdX8FJyYVfjOPLw7mEZxaKU7_LX4/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0OcAzaQpKvLE8GkCEaCcVz1C_u5hxENQekqxb6pfFI_YLsIsXiKsFpkYuicJjyO9gvMdEmwGdPCQwAF1jLbawVacn7ka9jVjE4KyeyMjh1tZAZJzdGQI3YccBC8E4XJRscDdxfsncbuc/
6. Jika sobat ingin yang ada disitu bukan gambar tetapi jam,kalender,hit counter,widget-widget yg lain, maka ganti text yang berwarna hijau dengan script widget-widget tersebut.
7. Agar lebih semarak juga membuat blog kita lebih ceria,sobat bisa memadukan koleksi gif animasi Just Me dengan gambar pojok yang kita bikin.SILAHKAN DOWNLOAD ANIMASI GIF - nya disini.
8. Save Template atau simpan experiment sobat  dan lihat hasilnya.
Semoga bermanfaat ! Selamat berkreasi, happy blogging. 

Membuat Kotak Alert Message pada Blog

Selasa, 25 September 2012
Mungkin anda pernah melihat kotak alert seperti dibawah ini ketika mengunjungi sebuah blog. Dimana anda harus mengklik tombol OK atau klik tombol Close untuk bisa mengakses blog tersebut.

alert message box
Sesuai dengan namanya, maka kotak ini berfungsi untuk menampilkan pesan-pesan penting atau peringatan kepada pengunjung. Contohnya seperti pesan diatas tuh. Wah ekstrim banget ya. Tapi nggak usah khawatir karena kenyataannya nggak mungkin terjadi. Itu hanya sebuah teks untuk nguji nyali anda saja . Just Kidding.^^

Terus terang menurut saya, kotak ini sangat mengganggu aktivitas pengunjung. Tetapi bagi anda yang iseng ingin mencobanya atau mempunyai pesan-pesan tertentu yang ingin disampaikan kepada pengunjung blog anda. Maka tidak ada salahnya untuk menggunakan cara ini. Karena setiap pengunjung yang datang ke blog anda akan membaca pesan pada kotak alert tersebut terlebih dahulu sebelum dapat akses ke blog anda.

Ok saya rasa cukup penjelasannya. Bagi anda yang ingin mencobanya, caranya sangat mudah:

1. Buka Blogger. Klik Design -> Edit HTML

2. Cari kode <head> lalu letakkan script berikut dibawahnya
<script language='JavaScript'>alert(&quot;Welcome To My Blog&quot;);</script>
3. Kalau masih bingung, letakkan saja scriptnya diantara <head> dan <b:skin>

4. Teks yang berwarna merah bold diatas merupakan teks yang akan muncul dalam kotak alert. Silahkan ganti dengan teks yang ingin anda sampaikan.

5. Kalau sudah, klik Save Template.

6. Selesai. Silahkan klik View Blog untuk melihat hasilnya :)

Cara Membuat Recent Post Berjalan

Banyak cara untuk menampilkan recent post pada blog kita, agar blog kita tampil cantik kita bisa juga membuat recent post kita dengan recent post bergambar. selain dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya,sama halnya dengan artikel terkait atau related post,recent post juga bisa dengan tampilan thumbnail,nah kali ini for you information akan memberi tutorial tentang cara membuat recent post Berjalan lihat gambar dibawah ini:


Recent post berjalanSebelumnya saya juga telah posting cara membuat recent post dengan gambar,lalu bagaimana agar gambar tersebut bisa tampil dengan slide show? ikuti tutorial dibawah ini:
  1. Login ke akun Blogger sobat
  2. Klik Rancangan >> Elemen haLaman
  3. Klik Tambah Gadget
  4. Pilih HTML/Javascript
  5. Masukan kode berikut :
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
    </script>
    <style media="screen" type="text/css">
    <!--
    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
    border:1px solid #ddd;
    }
    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }
    -->
    </style>
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "http://radiatulsmansev.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
    </script></div>
  6. Simpan
Note :
  • Url yang berwarna merah ganti dengan Url sobat
  • Angka yang berwarna biru jumlah post yang ingin di tampilkan
Nah demikain cara membuat recent post berjalan pada blog, semoga bermanfaat!

Cara Membuat READMORE Otomatis di Blogspot (UPDATE)

Senin, 24 September 2012
Cara Membuat Readmore Otomatis di Blogspot. Kali ini zona-klik ingin sharing kepada sobat bagaimana cara membuat readmore otomatis (auto read more) di blogspot. Mungkin telah banyak yang membahas cara ini di blognya masing-masing, tetapi tidak ada salahnya zona-klik mempublishnya.

Dengan adanya readmore otomatis, homepage blog kita akan terlihat rapi dengan ketentuan tinggi dan lebar yang bisa di atur dengan mudah, juga menampilkan thumbnails gambar di sampingnya.

Sebelumnya zona-klik minta maaf jika cara penyampaian di artikel ini kurang dipahami dan dimengerti oleh sobat blogger, karena itulah kemampuan dan pengetahuan zona-klik membahas cara membuat readmore otomatis di blogspot.

Tanpa perlu panjang lebar bercerita, alangkah baiknya langsung ke TKP, cekidot.........
PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis diatas kode tersebut.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...


KETIGA, klik save template

Untuk melihat hasilnya coba buka halaman home page blog sobat, jreng...jreng...jreng... readmore otomatis telah tampil dan blog sobat terlihat lebih menarik sehingga menimbulkan daya tarik tersendiri bagi pengunjung

Tutorial cara membuat akun google (Gmail)

Sabtu, 22 September 2012
Email atau bahasa Indonesianya disebut surat elektronik dan disingkat surel ini sangat wajib Anda miliki sebagai pengguna aktif internet. Bisa Saya katakan email adalah modal utama untuk memasuki dunia maya alias internet.

Bahkan sebelum mendaftar FaceBook Anda diwajibkan memasukkan email sebagai syarat wajibnya. Itu baru FaceBook, apa Anda tidak ingin mencoba yang lainnya? Twitter, YouTube, Blogger mungkin juga ingin mendaftar CPNS online?
Perlu diketahui masih ada ratusan situs dengan berbagai layanan yang berbeda di Internet. Dan syarat wajib sebelum bergabung dengan salah satu dari mereka adalah memiliki email.
Ok, Kita lihat kelebihan yang dimiliki Gmail:

  • Lebih sedikit spam
    Gmail akan menangkap email spam sebelum sampai ke kotak masuk.
  • Kotak pencarian
    Kotak pencarian di dalam Gmail untuk menemukan pesan yang Anda inginkan.
  • Tampilan percakapan
    Pesan dikelompokkan dengan tanggapan yang relevan, sehingga Anda selalu dapat melihat pesan dalam konteks.
  • Fitur chatting
    Anda dapat chatting di Gmail atau berbicara tatap muka dengan voice chat dan video.
  • Support mobile
    Akses Gmail dapat dilakukan dari ponsel Anda.
  • Kapasitas penyimpanan besar
    Kapasitas untuk menampung email memiliki 7701 MB dengan maksimal lampiran berkas 25 MB per kirim.
  • Pengelompokan email
    Masing-masing email dapat memiliki beberapa label, sehingga Anda tidak dipaksa untuk memilih satu map tertentu untuk email.
  • Prioritas kotak masuk
    Email penting secara otomatis terpisah dari segala sesuatu yang lain dan fokus pada apa yang sebenarnya penting.
  • Aman
    Sama seperti web untuk bank, Gmail menggunakan enkripsi HTTPS untuk menjaga keamanan email Anda.
  • Gratis
    Anda bisa memiliki Gmail dengan gratis tanpa membayar sedikitpun.
Artikel ini Saya tujukan bagi mereka yang ingin membuat dan mendaftar email dengan menggunakan Google Mail atau Gmail.

Langkah awal membuat email dari Google buka tautan ini http://mail.google.com/.
Pada halaman depan Google Mail klik tombol [CREATE AN ACCOUNT].


 Kemudian Anda akan disodorkan dengan form pengisian data pribadi.  Lakukan pengisian sesuai dengan data pribadi Anda. Lihat contoh gambar dibawah.


Choose your username: pilih nama untuk gmail anda, seperti co. deviekowibowo@gmail.com.Masih pada halaman yang sama, jangan lupa beri tanda pada [I agree to the Google Terms of Service and Privacy Policy] dilanjutkan tekan tombol [Next step] untuk ke tahap berikutnya.


Kemudian akan muncul halaman How you’ll appear seperti contoh gambar dibawah, klik tombol [Next step] untuk melanjutkan.


Kemudian akan muncul halaman sambutan, dan pada tahap ini email telah berhasil Anda buat. Silahkan klik tombol [Continue to Gmail] untuk melanjutkan.


Selanjutnya Anda akan dibawa pada halaman Inbox, yang artinya email 100% telah berhasil Anda buat dan siap Anda gunakan.


 Untuk keluar dari akun Email Anda, klik foto profil Anda dan pilih tombol [Sign out].





Gunakan email Anda sebaik-baiknya dan jangan sampai password email diketahui orang lain. Sebaiknya lakukan penggantian password email Anda secara periodik dan kombinasikan password dengan karakter yang unik (angka, huruf besar, huruf kecil) agar password susah untuk di jebol. 

tindak pidana

Kamis, 06 September 2012
 
 
Menurut pendapat Wirjono Prodjodikoro dalam bukunya “Asas-asas Hukum Pidana Indonesia” menyebutkan:“Hukum merupakan rangkaian peraturan-peraturan mengenai tingkah laku orang-orang sebagai anggota masyarakat, sedangkan satu-satunya tujuan dari hukum ialah mengadakan keselamatan, kebahagiaan dan tata tertib dalam masyarakat”
Usman Simanjuntak, dalam bukunya “Teknik Pemeliharaan dan Upaya Hukum” mengatakan bahwa “Perbuatan pidana adalah suatu perbuatan fisik yang termasuk kedalam perbuatan pidana”. 
Tindak pidana dapat dibeda-bedakan atas dasar-dasar tertentu, yaitu:
  1.  Menurut sistem KUHP, Dibedakan antara kejahatan (misdrijven) dimuat dalam buku II dan pelanggaran (overtredingen) dimuat dalam buku III. 
  2.  Menurut cara merumuskannya, dibedakan antara tindak pidana formil (formeel delicten) dan tindak pidana materiil (materieel delicten). 
  3.  Berdasarkan bentuk kesalahannya, dibedakan antara tindak pidana sengaja (doleus delicten) dan tindak pidana dengan tidak disengaja (culpose delicten). 
  4.  Berdasarkan macam perbuatannya, dapat dibedakan antara tindak pidana aktif/positif dapat juga disebut tindak pidana komisi (delicta commissionis) dan tindak pidana pasif/negatif, disebut juga tindak pidana omisi (delicta omissionis). 
  5.  Berdasarkan saat dan jangka waktu terjadinya, maka dapat dibedakan antara tindak pidana terjadi seketika dan tindak pidana terjadi dalam waktu lama atau berlangsung lama/berlangsung terus. 
  6.  Berdasarkan sumbernya, dapat dibedakan antara tindak pidana umum dan tindak pidana khusus. 
  7.  Dilihat dari sudut subyek hukumnya, dapat dibedakan antara tindak pidana communia (yang dapat dilakukan oleh siapa saja), dan tindak pidana propria (dapat dilakukan hanya oleh orang memiliki kualitas pribadi tertentu). 
  8.  Berdasarkan perlu tidaknya pengaduan dalam hal penuntutan maka dibedakan antara tindak pidana biasa (gewone delicten) dan tindak pidana aduan (klacht delicten). 
  9.  Berdasarkan berat ringannya pidana yang diancamkan, maka dapat dibedakan antara tindak pidana bentuk pokok (eencoudige delicten), tindak pidana yang diperberat (gequalificeerde delicten) dan tindak pidana yang diperingan (gequalifeceerde delicten) dan tindak pidana yang diperingan (gepriviligieerde delicten). 
  10.  Berdasarkan kepentingan hukum yang dilindungi, maka tindak pidana tidak terbatas macamnya bergantung dari kepentingan hukum yang dilindungi, seperti tindak pidana terhadap nyawa dan tubuh, terhadap harta benda, tindak pidana pemalsuan, tindak pidana terhadap nama baik, terhadap kesusilaan dan lain sebagainya. 
  11.  Dari sudut berapa kali perbuatan untuk menjadi suatu larangan, dibedakan antara tindak pidana tunggal (ekelovoudige delicten) dan tindak pidana berangkai (samengestelde delicten).
Apa pun alasan pembedaan antara kejahatan dan pelanggaran, yang pasti jenis pelanggaran itu adalah lebih ringan daripada kejahatan, hal ini dapat diketahui dari ancaman pidana pada pelanggaran tidak ada yang diancam dengan pidana penjara, tetapi berupa pidana kurungan dan denda, sedangkan kejahatan lebih didominir dengan ancaman pidana penjara.
Tindak pidana formil adalah tindak pidana yang dirumuskan sedemikian rupa, sehingga memberikan arti bahwa inti larangan yang dirumuskan itu adalah melakukan perbuatan tertentu. Perumusan tindak pidana formil tidak memperhatikan atau tidak memerlukan timbulnya suatu akibat tertentu dari perbuatan sebagai syarat penyelesaian tindak pidana, melainkan semata-mata pada perbuatannya. Misalnya pada pencurian untuk selesainya pencurian digantungkan pada selesainya perbuatan mengambil.
Sebaliknya dalam rumusan tindak pidana materiil, inti larangan adalah pada menimbulkan akibat yang dilarang, karena itu siapa yang menimbulkan akibat yang dilarang itulah yang dipertanggungjawabkan dan dipidana. Tentang bagaimana wujud perbuatan yang menimbulkan akibat terlarang itu tidak penting. Misalnya pada pembunuhan inti larangan adalah pada menimbulkan kematian orang, dan bukan pada wujud menembak, membacok, atau memukul untuk selesainya tindak pidana digantungkan pada timbulnya akibat dan bukan pada selesainya wujud perbuatan.
Begitu juga untuk selesainya tindak pidana materiil tidak bergantung pada sejauh mana wujud perbuatan yang dilakukan, tetapi sepenuhnya digantungkan pada syarat timbulnya akibat terlarang tersebut. misalnya wujud membacok telah selesai dilakukan dalam hal pembunuhan, tetapi pembunuhan itu belum terjadi jika dari perbuatan itu belum atau tidak menimbulkan akibat hilangnya nyawa korban, yang terjadi hanyalah percobaan pembunuhan.
 

radiatul-smansev Copyright © 2011-2012 | Powered by Blogger