Mei 2012 | Oto Website

March 31, 2025 Menu

20 Alasan Untuk Beralih ke Google +

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVpfWXQbcqb2nEHZvhGQL8kfVGOTeHH7_bix2FkSSByFq7aHqHmEBJqIs5nBpELQfn6Xmpfbnrw-ctP7opBp32r0cjcP5jZq-BktIW7d9A_L5jfhCI4-xKZwwkgTPjdwzmFaGJRR2BprY/s1600/125,google-plus-6001.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVpfWXQbcqb2nEHZvhGQL8kfVGOTeHH7_bix2FkSSByFq7aHqHmEBJqIs5nBpELQfn6Xmpfbnrw-ctP7opBp32r0cjcP5jZq-BktIW7d9A_L5jfhCI4-xKZwwkgTPjdwzmFaGJRR2BprY/s320/125,google-plus-6001.jpg" width="320" /></a></div><span class="awal">B</span>erpikir yang benar-benar merangkul Google + sebagai Anda pergi-ke jaringan sosial pilihan? Orang-orang di Labs Infographic telah mengumpulkan Infographic menarik tentang mengapa layanan Google bernilai waktu Anda.<br />
<br />
Dari integrasi dengan layanan Google seperti Gmail, Google Docs dan Picasa untuk integrasi permainan yang lebih baik, video chat Google Hangouts dengan teman dan pengaturan privasi mudah memungkinkan, <a href="http://www.infographiclabs.com/" target="_blank">Labs Infographic</a> membuat kasus yang baik untuk Google +.<br />
<br />
Tapi apa semua fitur menarik benar-benar berarti jika teman-teman dan keluarga Anda tidak sudah di situs ini? Google + 's jaringan 100 juta pengguna masih memiliki jalan panjang untuk membangun komunitasnya untuk menyaingi 800 juta basis anggota Facebook.<br />
<br />
Infographic ini juga menyoroti menarik lainnya Google + statistik, termasuk yang hampir 70% anggotanya adalah perempuan. Sementara itu, atas Google + pengguna di situs berdasarkan jumlah pengikut adalah Britney Spears (2,67 juta), Snoop Dogg (2,33 juta), CEO Google Larry Page (2,24 juta), Ashley Tisdale (2,04 juta) dan Hugh Jackman (1,96 juta).<br />
<br />
Apakah Anda membuat beralih ke Google +? Marilah kita tahu mengapa di komentar.<br />
<br />
<div style="text-align: center;">Image via Labs Infographic</div><img alt="Google+ Infographic" oncontextmenu="return false;" src="http://5.mshcdn.com/wp-content/uploads/2012/05/Google+.jpg" /><br />
<div class="separator" style="clear: both; text-align: center;"></div>

1
2

20 Alasan Untuk Beralih ke Google +

Berpikir yang benar-benar merangkul Google + sebagai Anda pergi-ke jaringan sosial pilihan? Orang-orang di Labs Infographic telah mengumpulkan Infographic menarik tentang mengapa layanan Google bernil…

Baca selengkapnya »

31 May 2012

Honda: Tidak terburu-buru untuk menemukan pengganti Casey Stoner

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmtqMvhUDgrcs2uljz5QWCuOCPxyjB7V7XlkBFxxV6fxwVMMBOqjXrkxx0DsgO0f4Nlr6F-1u0mxKmEjjcSWh6B6ASnywkwLKY6y34RN_CTHPHZGH6bWPorHuyK2fAO78CfKo3wuUHfqE/s1600/1337698471.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmtqMvhUDgrcs2uljz5QWCuOCPxyjB7V7XlkBFxxV6fxwVMMBOqjXrkxx0DsgO0f4Nlr6F-1u0mxKmEjjcSWh6B6ASnywkwLKY6y34RN_CTHPHZGH6bWPorHuyK2fAO78CfKo3wuUHfqE/s1600/1337698471.jpg" /></a></div><span class="awal">H</span>onda Racing tidak akan terburu-buru keputusan tentang siapa yang akan menggantikan Casey Stoner tahun 2013, dan tidak akan mengesampingkan opsi apapun - seperti yang dari Valentino Rossi kembali - menurut wakil presiden Shuhei Nakamoto.<br />
<br />
Pengumuman Stoner di Le Mans bahwa dia akan pensiun pada akhir tahun telah meninggalkan Honda dengan kebingungan besar-besaran untuk menemukan pengganti yang cocok.<br />
<br />
Yamaha Jorge Lorenzo, Ducati Rossi, Moto2 tahun lalu runner-up Marc Marquez dan banyak pengendara lain telah terhubung dengan naik pabrik.<br />
<br />
Nakamoto mengatakan HRC tidak akan mengesampingkan opsi apapun dan bahwa langkah pertama adalah untuk berbicara dengan saat ini bekerja pengendara Dani Pedrosa, yang di tahun ketujuh lurus dengan skuad.<br />
<br />
"Saya perlu mengumpulkan ide-ide saya dan berdiskusi dengan bos saya di Jepang," kata Nakamoto Motosprint. "Tidak ada yang mustahil sekarang.<br />
<br />
"Pertama-tama saya ingin berbicara dengan benar untuk Dani karena dia sangat kuat dan dia telah bersama kami selama bertahun-tahun. Kami dapat berbicara dengan Lorenzo, jelas Dengan Casey meninggalkan kita perlu membangun kembali.."<br />
<br />
Ditanya apakah Rossi bisa bergabung kembali HRC, dengan siapa ia membagi acrimoniously pada akhir 2003, Nakamoto menolak mengesampingkan kemungkinan itu, mengatakan: "Setelah semua, Valentino memulai karirnya di kelas puncak dengan Honda."<br />
<br />
Dia juga mengakui ada tekanan dari sponsor Repsol untuk memberikan Marquez naik, tapi bersikeras bahwa itu akan tergantung pada Dorna Carmelo Ezpeleta yang membalikkan aturan rookie - dan itu HRC tidak ingin memasangkan dua orang Spanyol bersama.<br />
<br />
"[Marquez] adalah pengendara Repsol ingin berinvestasi, tapi untuk mengetahui bagaimana kita akan menempatkannya Anda perlu menunggu keputusan Carmelo Ezpeleta berkenaan aturan rookie. Tapi HRC tidak akan memiliki dua pembalap Spanyol bersama."<br />
<br />
Nakamoto mengatakan dia tidak berpikir Stoner akan berubah pikiran, tapi kata HRC akan mengambil waktu tentang memilih pengganti juara dunia.<br />
<br />
"Mungkin setelah menghabiskan satu tahun di Australia dia [Stoner] mungkin merasa nostalgia Beberapa hal di dunia ini memberikan adrenalin Anda dapatkan dari balap Setelah semua, dia akan mengubah 27 di Oktober:.. Sekalipun dia tinggal keluar untuk satu atau dua tahun ia bisa kembali sebelum ia berubah 30 dan dia masih kuat.<br />
<br />
. "Misi saya pada tahun 2009 adalah untuk membuat HRC kuat lagi dalam setiap aspek, dan pekerjaan saya belum berakhir Ketika saya memutuskan untuk menyewa Stoner, tidak ada yang memiliki sesuatu terhadap itu: mari kita melihat apa pikiran mereka sekarang.<br />
<br />
. "Sangat dini untuk membuat rencana, karena ada banyak hal untuk mengevaluasi Sangat mudah untuk berbicara dan membuat prediksi, tapi kemudian untuk menempatkan semuanya ke dalam praktek jauh lebih kompleks karena kebutuhan semua orang harus diperhatikan: perusahaan, sponsor, pengendara.<br />
<br />
"Dan selain itu, Honda tidak terburu-buru untuk memutuskan: kita dapat mengambil waktu kita untuk berpikir dengan tenang."

Honda: Tidak terburu-buru untuk menemukan pengganti Casey Stoner

Honda: Tidak terburu-buru untuk menemukan pengganti Casey Stoner

Honda Racing tidak akan terburu-buru keputusan tentang siapa yang akan menggantikan Casey Stoner tahun 2013, dan tidak akan mengesampingkan opsi apapun - seperti yang dari Valentino Rossi kembali - me…

Baca selengkapnya »

31 May 2012

Widget Recent Post Dengan Gambar Thumbnail Bergerak

<span class="awal">S</span>alam blogger untuk para sahabat Oto Website dari mana saja!<br />
Dalam tutorial atau postingan (terserah dah) kali ini blog Oto Website akan share kepada teman-teman tentang Recent Post Dengan Gambar Thumbnail Bergerak, huh lagi gak enak badan ni sob, yah biar ada postingan masuk aja tiap hari, hikhikhik... karna gak sempat ngetik jadi saya share widget ini dulu aja ya...<br />
untuk contoh widgetnya seperti gambar berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilw_ovBpWZE1bPBWrgY9sLYjwX_iNPLjjBL3aGY158gE0UTx5zZB6sIsIbOcRIuYM4vZzNT9pN-jbuAFLEp1zRl8GaWZk5-IOUeTko3f-aRwCi442nDqlHiCWivchcfr1zr1PSA4DQDys/s1600/Recent+Post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilw_ovBpWZE1bPBWrgY9sLYjwX_iNPLjjBL3aGY158gE0UTx5zZB6sIsIbOcRIuYM4vZzNT9pN-jbuAFLEp1zRl8GaWZk5-IOUeTko3f-aRwCi442nDqlHiCWivchcfr1zr1PSA4DQDys/s320/Recent+Post.png" width="176" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>O iya sekali lagi gambar thumbnailnya bergerak ke bawah ya bukan ke atas, hehehe...<br />
Oke dah lansung aja ya sob, keburu pusing ni kepala!<br />
<br />
1. Masuk ke akun blogger sobat.<br />
<br />
2. Pada menu sobat klick Rancangan ➨ Tambah gadget(di bagian mana saja sobat ingin widget ini muncul)<br />
<br />
3. Lalu sobat pilih elemen HTML/Java Script.<br />
<br />
4. Selanjutnya sobat copy kode di bawah ini dan letakkan di dalamnya.<br />
<br />
<blockquote class="tr_bq"><i><span style="color: red;"><b><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></b></span><b><span style="color: red;"></script></span></b></i><style type="text/css" media="screen"><br />
<br />
</style><br />
<script language='javascript'><br />
imgr = new Array();<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPJtFiMFOJLDxvcqdiRlvaSp8yAqQa-2WwAXuMwQVpB-UXRvVP1VMnRyQ2jq3RbVbqnFccuCG4djzFlq9ToLTpvr5OytdLZjhdrDjdSyna7xZqDcmS1PEIcYrO3IJCTE5MTKLAxYmbv8/s1600/O.W.gif";<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPJtFiMFOJLDxvcqdiRlvaSp8yAqQa-2WwAXuMwQVpB-UXRvVP1VMnRyQ2jq3RbVbqnFccuCG4djzFlq9ToLTpvr5OytdLZjhdrDjdSyna7xZqDcmS1PEIcYrO3IJCTE5MTKLAxYmbv8/s1600/O.W.gif";<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPJtFiMFOJLDxvcqdiRlvaSp8yAqQa-2WwAXuMwQVpB-UXRvVP1VMnRyQ2jq3RbVbqnFccuCG4djzFlq9ToLTpvr5OytdLZjhdrDjdSyna7xZqDcmS1PEIcYrO3IJCTE5MTKLAxYmbv8/s1600/O.W.gif";<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPJtFiMFOJLDxvcqdiRlvaSp8yAqQa-2WwAXuMwQVpB-UXRvVP1VMnRyQ2jq3RbVbqnFccuCG4djzFlq9ToLTpvr5OytdLZjhdrDjdSyna7xZqDcmS1PEIcYrO3IJCTE5MTKLAxYmbv8/s1600/O.W.gif";<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPJtFiMFOJLDxvcqdiRlvaSp8yAqQa-2WwAXuMwQVpB-UXRvVP1VMnRyQ2jq3RbVbqnFccuCG4djzFlq9ToLTpvr5OytdLZjhdrDjdSyna7xZqDcmS1PEIcYrO3IJCTE5MTKLAxYmbv8/s1600/O.W.gif";<br />
showRandomImg = true;<br />
boxwidth = 255;<br />
cellspacing = 6;<br />
borderColor = "#232c35";<br />
bgTD = "#000000";<br />
thumbwidth = 70;<br />
thumbheight = 70;<br />
fntsize = 12;<br />
acolor = "#666";<br />
aBold = true;<br />
icon = " ";<br />
text = "comments";<br />
showPostDate = true;<br />
summaryPost = 40;<br />
summaryFontsize = 10;<br />
summaryColor = "#666";<br />
icon2 = " ";<br />
numposts = <b><span style="color: blue;">20</span></b>;<br />
home_page = "<span style="background-color: orange;"><b>http://www.otowebsite.blogspot.com</b>/</span>";<br />
limitspy=6<br />
intervalspy=4000<br />
</script><br />
<div id="spylist"><br />
<script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script><br />
</div></blockquote><br />
5. Simpan.<br />
<br />
<b>Keterangan:</b><br />
<ul><li>Jika di templatemu sudah terpasang jQuery 1.3.2 maka kamu tidak perlu memasang jQuery 1.3.2 di atas atau tinggal di hapus saja.</li>
<li>numposts = 20 angka 20 adalah jumlah postingan terbaru yang akan di munculkan di widget ini,</li>
<li>ganti url <b style="background-color: orange;">http://www.otowebsite.blogspot.com/</b> dengan url blog sobat.</li>
<li>kode di atas masih ada yang bisa sobat ganti seperti border, heigh, weight.</li>
</ul>Jika anda menggunaka widget ini jangan lupa komentnya, jangan berkomentar cuma bila ada kesulitan saja. <br />
<br />
Saya rasa cukup, silahkan tinggalkan tanggapan atau keterangan sobat tentang postingan di atas!

1
2

Widget Recent Post Dengan Gambar Thumbnail Bergerak

Salam blogger untuk para sahabat Oto Website dari mana saja! Dalam tutorial atau postingan (terserah dah) kali ini blog Oto Website akan share kepada teman-teman tentang Recent Post Dengan Gambar Thum…

Baca selengkapnya »

31 May 2012

Groove Bordeaux Blogger Template

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbSdIBZwGoXfDiRSucvsKUKlpVP-XjrzScIEKAeZmpcoYIU1szp6VrOdGJJNew2fHloLRx1PRWVOlu2SP9wmBENeky5dZkE7w933tVIY5-2U8pxYXdL3JbMwKX_DZxoWh-FfBqQ44svQ/s1600/Groove+Bordeaux+Blogger+Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbSdIBZwGoXfDiRSucvsKUKlpVP-XjrzScIEKAeZmpcoYIU1szp6VrOdGJJNew2fHloLRx1PRWVOlu2SP9wmBENeky5dZkE7w933tVIY5-2U8pxYXdL3JbMwKX_DZxoWh-FfBqQ44svQ/s400/Groove+Bordeaux+Blogger+Template.jpg" width="400" /></a></div><br />
<br />
<div style="text-align: center;"><a class="button" href="http://www.ziddu.com/download/19504352/GrooveBordeauxBloggerTemplate.zip.html" target="_blank"><b>Unduh Template</b></a></div><br />
<br />
<b>Template jenis: 2 Sidebar, 3 Column, Diadaptasi dari WordPress, lebar tetap, Banner Header, Majalah, Sidebar Kanan, Top Navigation Bar, Web 2.0, Putih, Merah</b><br />
<b><br />
</b><br />
<b>Lepaskan tanggal: September 27, 2010</b><br />
<b><br />
</b><br />
<b>Coder / Designer Nama (s): Lasantha Bandara / New WP Themes</b><br />
<b><br />
</b><br />
<b>Dasar Instruksi: Bagaimana menginstal template Blogger</b><br />
<b><br />
</b><br />
<b><span style="color: red;">Cara Pasang:</span></b><br />
<ol><li><b>Download dulu dari Ziddu.</b></li>
<li><b>Extract file .zip menjadi folder.</b></li>
<li><b>Masuk ke Blogger sobat.</b></li>
<li><b>Lalu menuju "Rancangan".</b></li>
<li><b>Centang "Expand Template Widget".</b></li>
<li><b>Pada Backup/Restore Template, pilihlah browse.</b></li>
<li><b>Ambil file "Groove Bordeaux Blogger Template" dan unggah.</b></li>
<li><b>Simpan.</b></li>
</ol>

Groove Bordeaux Blogger Template

Groove Bordeaux Blogger Template

Unduh Template Template jenis: 2 Sidebar, 3 Column, Diadaptasi dari WordPress, lebar tetap, Banner Header, Majalah, Sidebar Kanan, Top Navigation Bar, Web 2.0, Putih, Merah Lepaskan tanggal: Septembe…

Baca selengkapnya »

31 May 2012

Casey Stoner: I love Catalunya

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Tcnjy2Fv4xE336P4doYMyAZUC6Avwwe2ZR3OnNt4gdNJQcemJaTPIzJQykOtAXJ9NJT6jYThQj8gq-Rq96E1PUJXGjQVxPq3X1cnaF6fVSLdscZO5P50m5BuNuJGpDJB_sXnHYqp-RY/s1600/PA950949.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Tcnjy2Fv4xE336P4doYMyAZUC6Avwwe2ZR3OnNt4gdNJQcemJaTPIzJQykOtAXJ9NJT6jYThQj8gq-Rq96E1PUJXGjQVxPq3X1cnaF6fVSLdscZO5P50m5BuNuJGpDJB_sXnHYqp-RY/s320/PA950949.jpg" width="320" /></a></div><span class="awal">J</span>uara MotoGP Casey Stoner akan menjadi kendala utama antara kemenangan kandang didambakan untuk orang seperti Jorge Lorenzo dan Dani Pedrosa di hari Minggu Katalan MotoGP.<br />
<br />
Stoner telah selesai di podium Barcelona selama lima tahun terakhir, termasuk kemenangan pada tahun 2007 dan 2010.<br />
<br />
The Australian, yang berniat untuk pensiun pada akhir musim ini, kepala ke kedua acara akhir pekan ini di kejuaraan Lorenzo dengan hanya delapan poin.<br />
<br />
Repsol Honda bintang sehingga akan berusaha untuk setidaknya mendekati kesenjangan poin dan tawaran sebuah perpisahan suka ke sirkuit dia jatuh cinta 'di awal karirnya.<br />
<br />
"Catalunya adalah salah satu balapan favorit saya dan itu adalah besar pertama grand prix sirkuit saya diuji," jelas Stoner.<br />
<br />
"Sejak saat itu saya jatuh cinta dengan trek, sudut besar menyapu cepat ada banyak kontrol di tengah pergantian mencoba untuk mendapatkan pegangan untuk pintu keluar.<br />
<br />
"Kita tahu Honda bekerja dengan baik sini dan kami memiliki ras baik di sini tahun lalu, saya hanya berharap akhir pekan ini akan kering, yang akan menjadi besar!<br />
<br />
"Setelah pertandingan kita melakukan tes pada hari Senin. Saya sangat berharap cuaca bagus bagi kami karena ini merupakan ujian penting ke depan untuk sisa musim, "tambahnya.<br />
<br />
Baik Lorenzo dan Stoner telah memenangkan dua dari empat balapan musim ini.

Casey Stoner: I love Catalunya

Casey Stoner: I love Catalunya

Juara MotoGP Casey Stoner akan menjadi kendala utama antara kemenangan kandang didambakan untuk orang seperti Jorge Lorenzo dan Dani Pedrosa di hari Minggu Katalan MotoGP. Stoner telah selesai di podi…

Baca selengkapnya »

30 May 2012

Efek Daun Berguguran Dengan JavaScript

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-3_ykkMMkIcggpL4ZSd7662VDuWF-iitRuxTIaDTuJ5rj2YAQi_FaVRmYlP37hK6aqnX5PNaSXySw5IXX-V8w-I-3zwxhuBm8CqBU8n7xD5zJ_AGIwjEhPv_gvpPbHBlP7NGhtTyqTmw/s1600/daun.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-3_ykkMMkIcggpL4ZSd7662VDuWF-iitRuxTIaDTuJ5rj2YAQi_FaVRmYlP37hK6aqnX5PNaSXySw5IXX-V8w-I-3zwxhuBm8CqBU8n7xD5zJ_AGIwjEhPv_gvpPbHBlP7NGhtTyqTmw/s200/daun.jpg" width="200" /></a></div><span class="awal">A</span>pa kabar para sahabat O.W?<br />
Dalam postingan kali ini blog O.W alias Oto Website akan membahas tentang <b><a href="http://otowebsite.blogspot.com/2012/05/efek-daun-berguguran-dengan-javascript.html">Efek Daun Berguguran Dengan Java Script</a></b>, maksudnya dalam postingan kali ini adalah untuk mempercantik blog sobat, dengan adanya daun berjatuhan atau berguguran ini blog sobat akan terlihat semakin cantik dan menarik.<br />
Sebelumnya blog ini juga pernah membahas tentang mempercantik blog, silahkan sobat lihat sendiri di postingan blog ini lainnya, yang pasti gak kalah seru dan menariknya untuk di coba, hehehe . . .<br />
Kalo sobat suka dengan memodifikasi atau mempercantik blog, sobat harus cobain yang satu ini, oke!<br />
Ya sudah gak pake ngulur-ngulur waktu lagi, sekarang bagaiman bila kita bahas lansung cara memasangnya di blog sobat, caranya simple kok sob, okelah lansung aja ya . . .<br />
<br />
<b>Cara memasang <a href="http://otowebsite.blogspot.com/2012/05/efek-daun-berguguran-dengan-javascript.html">Efek Daun Berguguran Dengan Java Script</a>:</b><br />
<br />
1. Masuk ke akun blogger sobat.<br />
<br />
2. Pada menu sobat klick Rancangan ➨ Tambah gadget(di bagian manas aja).<br />
<br />
3. Selanjutnya sobat pilih elemen HTML/Java Script.<br />
<br />
4. Lalu sobat copy code script berikut dan paste atau letakkan ke dalam elemen HTML/Java Script tadi.<br />
<br />
<div style="background-color: purple; border: 2px #2BA94F dotted; padding: 10px; text-align: left;"><span style="color: #999999;"><script type="text/javascript"></span><br />
<span style="color: #999999;">var snowsrc      = "http://2.bp.blogspot.com/-6yjsKoliL_Q/TwlTuQtV3WI/AAAAAAAAB6k/VyKxfGKFBpM/s1600/daun-kecil.png";  // Tentukan URL gambar daun/salju</span><br />
<span style="color: #999999;">var no           = 10;  // Tentukan jumlah daun/salju</span><br />
<span style="color: #999999;">var hidesnowtime = 0;  // Menentukan apakah daun/salju harus menghilang setelah x detik (0 = tidak pernah)</span><br />
<span style="color: #999999;">var snowdistance = "pageheight";  // Menentukan berapa banyak daun/salju yang harus jatuh sebelum akhirnya menghilang ("windowheight" atau "pageheight")</span><br />
<span style="color: #999999;"></script></span><br />
<span style="color: #999999;"><script type="text/javascript" src="http://otowebsite.googlecode.com/files/snow.js"></script></span></div><br />
5. Simpan.<br />
<br />
Mudah bukan!<br />
<br />
Sekarang sobat bisa lihat sendiri perubahannya pada blog sobat!<br />
<br />
Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? Silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

1
2

Efek Daun Berguguran Dengan JavaScript

Apa kabar para sahabat O.W? Dalam postingan kali ini blog O.W alias Oto Website akan membahas tentang Efek Daun Berguguran Dengan Java Script, maksudnya dalam postingan kali ini adalah untuk mempercan…

Baca selengkapnya »

30 May 2012

Menu Slide Melayang Di Bagian Kiri Blog Dengan CSS

<span class="awal">S</span>ebelumnya saya ucapkan selamat datang di blog Oto Website ke pada para teman-teman semuanya!<br />
Di dalam kesempatan yang biasa-biasa ini dan hari yang biasa ini, hehehe... blog O.W alias Oto Website akan update postingan atau share kepada teman-teman O.W semua tentang <b><a href="http://otowebsite.blogspot.com/2012/05/menu-slide-melayang-di-bagian-kiri-blog.html">Menu Slide Melayang Di Bagian Kiri Blog Dengan CSS</a></b>.<br />
Menu navigasi ini akan melayang dan berada di bagian kiri blogger sobat. Untuk contoh dan lebih jelasnya lagi sobat bisa lihat gambar berikut:<br />
<div style="text-align: center;"><span style="font-size: x-small;">Contoh <a href="http://otowebsite.blogspot.com/2012/05/menu-slide-melayang-di-bagian-kiri-blog.html">Menu Slide Melayang Di Bagian Kiri Blog Dengan CSS</a></span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0ZF9AwiXKzRrTpBXtJeMohunwwGPBgqHd53f2b25XALbjxVWYw_MJTT3CIaoualHg2I3PXeBzzTCSEc9di-A2lOg95SvhLgzdt5Y9r5TQbnVY8Dbe_1RwIDHdVJKwyFGqINM8ul-ltY/s1600/slide+menu.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0ZF9AwiXKzRrTpBXtJeMohunwwGPBgqHd53f2b25XALbjxVWYw_MJTT3CIaoualHg2I3PXeBzzTCSEc9di-A2lOg95SvhLgzdt5Y9r5TQbnVY8Dbe_1RwIDHdVJKwyFGqINM8ul-ltY/s400/slide+menu.PNG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Nah sudah jelaskan? oke kalo begitu sekarang kita akan membahas cara memasangnya di blog sobat, untuk cara memasangnya sendiri sangatlah mudah, sobat bisa ikuti petunjuk berikut ini:<br />
<br />
1. Masuk ke akun blogger sobat.<br />
<br />
2. Pada menu klick Rancangan ➨ Tambah gadget(saya sarankan di bagian paling bawah dan jangan di beri judul)<br />
<br />
3. Lalu pilih elemen HTML/Java Script.<br />
<br />
4. Selanjutnya sobat copy kode Css berikut dan paste atau letakkan ke dalam elemen HTML/Java Script tadi.<br />
<br />
<div style="background-color: #aaaaaa; border: 4px #000fff dashed; padding: 10px; text-align: left;"><style>#facebook-teja,#twitter-teja,#salingsapa-teja,#plurk-teja{text-align:center;-o-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;z-index: 1000;font-family:arial;width:150px;position: fixed;left:0;margin-left:-120px;border:1px solid #ffffff;background-position:top right no-repeat;padding:5px;font:15px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#facebook-teja {background:-moz-linear-gradient(top,#001C5A,#001551);background: -webkit-gradient(linear, left top, left bottom, from(#001C5A), to(#001551));top:350px;}#facebook-teja:hover,#twitter-teja:hover,#salingsapa-teja:hover,#plurk-teja:hover{width:150px;opacity:1.0;margin-left:0;cursor:hand}#facebook-teja a:hover,#facebook-teja a:visited,#twitter-teja a:hover,#twitter-teja a:visited,#salingsapa-teja a:hover,#salingsapa-teja a:visited,#plurk-teja a:visited,#plurk-teja a:hover{text-shadow:none;color:#ffffff}#twitter-teja {background:-moz-linear-gradient(top,#67C9E9,#029BC5);background: -webkit-gradient(linear, left top, left bottom, from(#67C9E9), to(#029BC5));top:382px;}#salingsapa-teja{background: #51A104 -moz-linear-gradient(top,#51A104,#000);background: -webkit-gradient(linear, left top, left bottom, from(#51A104), to(#000));top:414px;}#plurk-teja,#changetejahtc ul li{background: -moz-linear-gradient(top,  #AF0000,  #6B0000);background: -webkit-gradient(linear, left top, left bottom, from(#AF0000), to(#6B0000));}#plurk-teja {top:446px;}</style><br />
<div id='plurk-teja'><a href='<span style="color: red;">#</span>'target='_blank'><span style="color: red;">Menu 4</span></a></div><br />
<div id='salingsapa-teja'><a href='<span style="color: red;">#</span>'target='_blank'><span style="color: red;">Menu 3</span></a></div><br />
<div id='facebook-teja'><a href='<span style="color: red;">#</span>'target='_blank'><span style="color: red;">Menu 1</span></a></div><br />
<div id='twitter-teja'><a href='<span style="color: red;">#</span>'target='_blank'><span style="color: red;">Menu 2</span></a></div></div><br />
5. Simpan.<br />
<br />
Sekarang sobat bisa lihat hasilnya!<br />
<br />
<b>Keterangan:</b><br />
<ul><li>Ganti tanda <span style="color: red;"><b>#</b></span> dengan Url tujuan</li>
<li>Ganti teks <span style="color: red;"><b>Menu</b></span> dengan nama tujuan url.</li>
</ul>Saya rasa cukup untuk kali ini, silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Menu Slide Melayang Di Bagian Kiri Blog Dengan CSS

Menu Slide Melayang Di Bagian Kiri Blog Dengan CSS

Sebelumnya saya ucapkan selamat datang di blog Oto Website ke pada para teman-teman semuanya! Di dalam kesempatan yang biasa-biasa ini dan hari yang biasa ini, hehehe... blog O.W alias Oto Website aka…

Baca selengkapnya »

30 May 2012

Photoscape 3.6 Terbaru

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKU7e1h9HZIwolqaGx7rwy8DWruzC7g_OCm4QP5FqChQJI_t6o3tj3HpUoO5WZpvc_Y53fCda8kU9Ty39tJjmB8ukpYm5xUWabhI1mPuBmfWwtQeKbtGCc_vaC1LoY7AP8Kq-w2JBPhSc/s1600/untitled.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKU7e1h9HZIwolqaGx7rwy8DWruzC7g_OCm4QP5FqChQJI_t6o3tj3HpUoO5WZpvc_Y53fCda8kU9Ty39tJjmB8ukpYm5xUWabhI1mPuBmfWwtQeKbtGCc_vaC1LoY7AP8Kq-w2JBPhSc/s640/untitled.bmp" width="640" /></a></div><br />
<div style="text-align: center;"><a class="button" href="http://www.ziddu.com/download/19504555/PhotoScapeSetup_V3_6.rar.html"><b>Unduh Photoscape 3.6 Terbaru</b></a></div><br />
Photoscape adalah editor foto menakjubkan gratis. Ini mencakup filter begitu banyak, alat dan efek khusus Anda akan merasa sulit untuk percaya itu benar-benar gratis.<br />
<br />
Photoscape mencakup hampir semua yang anda butuhkan untuk melihat, mengoptimalkan, mengedit, mencetak dan bersenang-senang dengan foto Anda. Bahkan, begitu lengkap yang banyak akan menyebutnya alternatif Photoshop gratis. Tentu, ini tidak cukup sampai ke tingkat dari Photoshop, tapi itu benar-benar alternatif yang bagus untuk tembakan besar Adobe - dan itu membuat mengedit foto jauh lebih menyenangkan!

Photoscape 3.6 Terbaru

Photoscape 3.6 Terbaru

Unduh Photoscape 3.6 Terbaru Photoscape adalah editor foto menakjubkan gratis. Ini mencakup filter begitu banyak, alat dan efek khusus Anda akan merasa sulit untuk percaya itu benar-benar gratis. Pho…

Baca selengkapnya »

30 May 2012

Website Speed Test

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9JR0hK7GiQfkWIaNUk99WDlwOpSybdVVEJ8i61YWvQgBjEFsT-WrZTVUtQVDPUwBBsNiaPlZ3_wSchqFW8vNqIfNZlMtB2Rd2D2CKp8XKTLnYRoe-uUiFZ996EkgJmZmNNKZPlL5Na4/s1600/Check-the-speed-of-your-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9JR0hK7GiQfkWIaNUk99WDlwOpSybdVVEJ8i61YWvQgBjEFsT-WrZTVUtQVDPUwBBsNiaPlZ3_wSchqFW8vNqIfNZlMtB2Rd2D2CKp8XKTLnYRoe-uUiFZ996EkgJmZmNNKZPlL5Na4/s640/Check-the-speed-of-your-blogger.jpg" width="640" /></a></div>Website Speed Test, Blog Oto Website sekarang menyediakan Tool untuk para sahabat untuk mengecek kecepatan blog atau web sobat!<br />
Nah silahkan sobat cek sendiri ya kecepatan blog atau web sobat, ok!<br />
<br />
<pre><span class="fullpost"><form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe"><table border="0" style="border-collapse: collapse;"><tbody>
<tr>   <td height="91" valign="top"><table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td><table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td colspan="5" valign="top"><b><span style="font-size: x-small;">Tes Kecepatan loading: </span></b><span style="font-size: xx-small;">masukkan alamat web atau blog sobat</span></td> </tr>
<tr> <td colspan="4" style="text-align: left;" valign="top"><textarea name="domain" rows="11" style="height: 17px; width: 499px;">

otowebsite.blogspot.com

Website Speed Test

Website Speed Test

Website Speed Test, Blog Oto Website sekarang menyediakan Tool untuk para sahabat untuk mengecek kecepatan blog atau web sobat! Nah silahkan sobat cek sendiri ya kecepatan blog atau web sobat, ok! …

Baca selengkapnya »

30 May 2012

Ben Spies Percaya Pada Gilirannya Di Catalunya

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmqGGkpFEXxmbXJmhdK6_TeoqgaqtGCpQfeoeIApx6CU2PRH-jgJliqNVzBHwJeMKckbjhBwSpfjjNulhMDqxoZVtEumo5UpQIFx7XIWA9ZGwgsCGKpolRJONO96w4NnbYiDzD-vnibSc/s1600/PA1146826.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="212" oncontextmenu="return false;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmqGGkpFEXxmbXJmhdK6_TeoqgaqtGCpQfeoeIApx6CU2PRH-jgJliqNVzBHwJeMKckbjhBwSpfjjNulhMDqxoZVtEumo5UpQIFx7XIWA9ZGwgsCGKpolRJONO96w4NnbYiDzD-vnibSc/s320/PA1146826.jpg" width="320"/></a></div><span class="awal">S</span>etelah awal yang menyedihkan untuk MotoGP musim 2012, Ben Spies bertekad untuk membalikkan keadaan akhir pekan ini di Catalunya.<br />
<br />
Pembalap Yamaha hanya kesebelas dalam kejuaraan yang dipimpin oleh rekan setimnya Jorge Lorenzo menuju ke putaran lima, menyusul serangkaian masalah hari perlombaan.<br />
<br />
Tetapi Barcelona adalah tempat podium pabrik pertama Spies 'tahun lalu dan Texas berkeyakinan kinerja yang kompetitif dalam hal 2012.<br />
<br />
"Saya sangat menikmati mengendarai trek ini jadi saya sudah melihat ke depan untuk mendapatkan sini dan memulai," katanya. "Ini musim yang benar-benar menantang sejauh ini, saya benar-benar percaya akhir pekan ini akan melihat berbalik dan kami bisa mendapatkannya kembali ke jalur.<br />
<br />
"Seperti biasa saya akan memberikan 100% untuk menghasilkan hasil terbaik mungkin. Kita tahu sepeda yang kompetitif dengan baik memusatkan perhatian untuk mencari dasar yang baik diatur dengan cepat dan berharap kami akhirnya memiliki akhir pekan yang kering penuh untuk semua orang! "<br />
<br />
Spies telah mengambil finish terbaik dari kedelapan sepanjang tahun ini.

Ben Spies Percaya Pada Gilirannya Di Catalunya

Ben Spies Percaya Pada Gilirannya Di Catalunya

Setelah awal yang menyedihkan untuk MotoGP musim 2012, Ben Spies bertekad untuk membalikkan keadaan akhir pekan ini di Catalunya. Pembalap Yamaha hanya kesebelas dalam kejuaraan yang dipimpin oleh rek…

Baca selengkapnya »

29 May 2012

Menambah Widget Search Box Sederhana Untuk Blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNI1TaGSiZQWXw4ERF97WEWs1QV1A_VNrz2GkCFMi-lKGelB5E6pHAnN1cYol-Y1w0jytgTCa8JKu-yUQh97C4lfq8eausk8XtEQATcMfNIrbP20kFeIk2PbX9Vy_gg9GVuVSIzMIYI7Q/s1600/SIMPLE+SEARCH+BOX.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNI1TaGSiZQWXw4ERF97WEWs1QV1A_VNrz2GkCFMi-lKGelB5E6pHAnN1cYol-Y1w0jytgTCa8JKu-yUQh97C4lfq8eausk8XtEQATcMfNIrbP20kFeIk2PbX9Vy_gg9GVuVSIzMIYI7Q/s1600/SIMPLE+SEARCH+BOX.jpg" /></a></div><span class="awal"><span class="awal">H</span></span>alo sahabat O.W dalam postingan kali ini blog ini akan membahas tentang Menambah Widget Search Box Sederhana Untuk Blogger, Sebelumnya blog ini juga pernah membahas tentang widget searcah yang di berjudul <b><a href="http://otowebsite.blogspot.com/2012/04/memasang-kotak-pencarian-cantik-di.html" target="_blank">Memasang Widget Pencarian Cantik Di Blogger</a></b>.<br />
<br />
Nah untuk yang kali ini kita akan membahas widget search box juga yang berjudul <b>Menambah Widget Search Box Sederhana Untuk Blogger.</b><br />
<b><br />
</b><br />
Untuk perbedaannya sendiri adalah widget ini sangat simple, jadi bagi sobat yang punya blog dan belum mempunyai search box, dan suka yang simple-simple akan sangat cocok jika sobat menggunakan widget ini, yang simple kan gak ngebosenin, hehehehe . . dan untuk pemasangganny juga sangatlah mudah banget kok!<br />
Untuk demonya sendiri saya sudah siapkan di bawah ini<br />
<b>Demo</b><br />
<div class="searchform"><form action="/search" id="searchform" method="get"><table style="text-align: center;"><tbody>
<tr><td><input ")="" ;}"="" blog...")="" class="sbox" id="sbox" name="q" onblur="if (this.value == " onfocus="if (this.value == " search="" style="padding: 2px; width: 98%;" this="" type="text" value="Search this blog..." {this.value="" }"="" /></td><td width="75px"><input alt="" class="sbutton" id="sbutton" type="button" value="Search" /></td></tr>
</tbody></table></form></div>Sudah kan sekarang kita akan membahas Cara Menambah Widget Search Box Sederhana Untuk Blogger sobat.<br />
<br />
1. Masuk ke akun blogger sobat.<br />
<br />
2. Pada menu klick Rancangan<span style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: x-small;"><span style="line-height: 19px;"> ➮ </span></span>Tambah Gadget di bagian mana saja sobat ingin widget ini muncul.<br />
<br />
3. Lalu sobat pilih elemen HTML/Java Script.<br />
<br />
4. Sekarang sobat copy kode script di bawah ini dan paste atau letakkan ke dalam widget tadi.<br />
<br />
<div style="background-color: purple; border: 2px #2BA94F dotted; padding: 10px; text-align: left;"><span style="color: white;"><div class="searchform"></span><br />
<span style="color: white;"><form method="get" id="searchform" action="/search"></span><br />
<span style="color: white;"><table width="100%"></span><br />
<span style="color: white;"><tr></span><br />
<span style="color: white;"><td><input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == "Search this blog...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Search this blog...";}" name="q" id="sbox" class="sbox" /></td></span><br />
<span style="color: white;"><td width="75px"><input type="button" value="Search" id="sbutton" class="sbutton" alt="" /></td></span><br />
<span style="color: white;"></tr></span><br />
<span style="color: white;"></table></span><br />
<span style="color: white;"></form></span><br />
<span style="color: white;"></div></span></div><br />
5. Simpan.<br />
<br />
Sekarang lihat sendiri hasilnya!<br />
<br />
Gimana mudah bukan?<br />
<br />
Cukup sekian untuk kali ini, mudah-mudahan postingan/articles ini bisa membantu sobat semua.<br />
<br />
Bagaiman apakah sobat berhasil menerapkannya ke blog sobat?<br />
Silahkan tinggalkan tanggapan atau komentar sobat tentang widget di atas!

Menambah Widget Search Box Sederhana Untuk Blogger

Menambah Widget Search Box Sederhana Untuk Blogger

Halo sahabat O.W dalam postingan kali ini blog ini akan membahas tentang Menambah Widget Search Box Sederhana Untuk Blogger, Sebelumnya blog ini juga pernah membahas tentang widget searcah yang di ber…

Baca selengkapnya »

29 May 2012

Facebook Luncurkan Smartphone Pada Mei Tahun Depan

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsd1FCdHEuvvGoa1PJlMpZEkd1cCXkIcAHFa3zwct7McNfp8v6SQgcqXND2rpnoiea9Fpi-inxaXFeq-cbp8lt5x9p441dIwGSpzcDFXAkDpK9zLURgyZ4fZSlqQejj2f3mng2BjG-YMo/s1600/facebook-iphone-app-600-275x171.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsd1FCdHEuvvGoa1PJlMpZEkd1cCXkIcAHFa3zwct7McNfp8v6SQgcqXND2rpnoiea9Fpi-inxaXFeq-cbp8lt5x9p441dIwGSpzcDFXAkDpK9zLURgyZ4fZSlqQejj2f3mng2BjG-YMo/s1600/facebook-iphone-app-600-275x171.jpg" /></a></div><span class="awal">F</span>acebook dapat bersiap-siap untuk meluncurkan pertama kalinya smartphone tahun depan, sebuah laporan baru menunjukkan.<br />
<br />
Menurut The New York Times , insinyur telah dicari oleh perekrut untuk bekerja membangun perangkat keras untuk smartphone Facebook. Ini akan menjadi usaha ketiga jaringan sosial untuk mengembangkan smartphone, laporan mengutip sumber yang dekat dengan masalah tersebut.<br />
<br />
Berita ini muncul sebagai raksasa mesin pencari Google menyelesaikan akuisisi Motorola Mobilitas untuk $ 12500000000 awal pekan ini. Langkah ini bisa membantu melawan Facebook yang dengan terjun sendiri ke dalam bisnis hardware smartphone.<br />
<br />
Rumor mengenai ponsel Facebook mungkin sudah beredar selama beberapa tahun terakhir. Meskipun Facebook dilaporkan pertama bekerja pada smartphone di tahun 2010 , sumber mengatakan, inisiatif itu berhenti karena komplikasi pembangunan. Sementara itu, AllThingsD telah melaporkan Facebook dan produsen HTC bekerja sama untuk mengembangkan perangkat mobile dengan nama kode " Buffy . "<br />
<br />
Diyakini bahwa "Buffy" mungkin masih dalam pembangunan. Mempekerjakan insinyur untuk bekerja secara khusus pada pembangunan ponsel Facebook akan posisi perusahaan untuk mengeksplorasi proyek smartphone lainnya, juga.<br />
<br />
Apakah menurut Anda langkah ke bisnis smartphone akan pintar untuk Facebook atau akan mengulur itu sendiri? Apakah Anda membeli telepon Facebook?

Facebook Luncurkan Smartphone Pada Mei Tahun Depan

Facebook Luncurkan Smartphone Pada Mei Tahun Depan

Facebook dapat bersiap-siap untuk meluncurkan pertama kalinya smartphone tahun depan, sebuah laporan baru menunjukkan. Menurut The New York Times , insinyur telah dicari oleh perekrut untuk bekerja me…

Baca selengkapnya »

29 May 2012

iTablet Blogger Template

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Q2HeXF-6K-9BVMn7QzAeYliF7JUxLpzN4vdgYdV9r0o9FvHFbixwgfl23xwFi6O-BS8YWsL7X1bJ7gnHp6GRMOxDg41-oEfSDFu_t01mlR9-v3Fv4SQ0j2tnpn3LOyKAcjOSWKWe-9o/s1600/itablet.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Q2HeXF-6K-9BVMn7QzAeYliF7JUxLpzN4vdgYdV9r0o9FvHFbixwgfl23xwFi6O-BS8YWsL7X1bJ7gnHp6GRMOxDg41-oEfSDFu_t01mlR9-v3Fv4SQ0j2tnpn3LOyKAcjOSWKWe-9o/s400/itablet.jpeg" width="400" /></a></div><br />
<div style="text-align: center;"><a class="button" href="http://www.ziddu.com/download/19504239/iTabletBloggerTemplate.zip.html" target="_blank"><b>Unduh Template</b></a></div><br />
<b>Instruksi URL :</b><br />
<b>Bagaimana menginstal Blogger Template</b><br />
<b>Template Author :</b><br />
<b>Lasantha Bandara /  premiumbloggertemplates.com</b><br />
<b>Perancang :</b><br />
<b>Newwpthemes.com</b><br />
<b>Deskripsi  Template:</b><br />
<b>jenis: 1 Sidebar, 2 Column, Diadaptasi dari Wordpress, Black, Elegant, Bagian Feature, lebar tetap, Hijau, Banner Header, Majalah, Sidebar Kanan, Sudut lengkung, Slider, Top Navigation Bar, Web 2.0, Telepon, Mobiles</b><br />
<b>iTablet adalah blogger gratis desain template kustom dengan 1 Sidebar Kiri, 1 Sidebar Kanan, 3 Kolom, Iklan Siap, Hitam, Blogger, Bookmark Ready, tetap, Gray, slide.</b><br />
<b><br />
</b><br />
<b><span style="color: red;">Cara Pasang:</span></b><br />
<ol><li><b>Download dulu dari Ziddu.</b></li>
<li><b>Extract file .zip menjadi folder.</b></li>
<li><b>Masuk ke Blogger sobat.</b></li>
<li><b>Lalu menuju "Rancangan".</b></li>
<li><b>Centang "Expand Template Widget".</b></li>
<li><b>Pada Backup/Restore Template, pilihlah browse.</b></li>
<li><b>Ambil file "iTablet Blogger Template" dan unggah.</b></li>
<li><b>Simpan.</b></li>
</ol>

iTablet Blogger Template

iTablet Blogger Template

Unduh Template Instruksi URL : Bagaimana menginstal Blogger Template Template Author : Lasantha Bandara / premiumbloggertemplates.com Perancang : Newwpthemes.com Deskripsi Template: jenis: 1 Sideba…

Baca selengkapnya »

29 May 2012

Java Script Bubble Cursor

<span class="awal">I</span> Love Blogging, ckckck . . .<br />
Dalam kesempatan kali ini blog O.W akan membahas tentang Java Script Bubble Cursor, sobat udah pada tau maksudnya kan? benar sekali sob, postingan kali ini intinya adalah untuk mempercantik cursor blog sobat dengan efek gelembung, yah kalo bicara so'al gelembung pastinya udah pada tau dong.<br />
<div style="text-align: center;"><span style="font-size: x-small;">Contoh Cursor Meggunakan Java Script Bubble Cursor</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh64h2xIqOMzpFp0AamzcKV4nAt4etYmj-4RhRhU1YYgspS-PqARrH7DiT53A1ikQrGZJlawgRWpi_7eauqGhxaNSlrzMc0JIOGtZODZn4fckHBH5AFKSvUgDuuJHMmTBsYj9Iq7wD0hs4/s1600/bubble-cursor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh64h2xIqOMzpFp0AamzcKV4nAt4etYmj-4RhRhU1YYgspS-PqARrH7DiT53A1ikQrGZJlawgRWpi_7eauqGhxaNSlrzMc0JIOGtZODZn4fckHBH5AFKSvUgDuuJHMmTBsYj9Iq7wD0hs4/s1600/bubble-cursor.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Gak pake lama-lama lagi sekarang kita akan lansung bahas cara memasangnya di blog sobat, caranya sangat simple kok, sobat hanya tinggal menambahkan elemen HTML/Java Script ke dalam slidebar sobat, cekidot!<br />
<br />
1. Masuk ke akun blogger sobat.<br />
<br />
2. Pada menu sobat ➨ Rancangan ➨ Tambag Gadget (saya sarankan di bagian paling bawah dan jangan di beri judul)<br />
<br />
3. Lalu sobat pilih elemen HTML/Java Script.<br />
<br />
4. Selanjutnya sobat copy kode script berikut dan paste atau letakkan ke dalam HTML/Java Script tadi.<br />
<br />
<div style="background-color: purple; border: 2px #2BA94F dotted; padding: 10px; text-align: left;"><span style="color: white;"><script type="text/javascript"></span><br />
<span style="color: white;">var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // warna untuk border-top, border-right, border-bottom, border-left dan background gelembung</span><br />
<span style="color: white;">var bubbles=100; // jumlah maksmal gelembung</span><br />
<span style="color: white;">var x=ox=400;</span><br />
<span style="color: white;">var y=oy=300;</span><br />
<span style="color: white;">var swide=800;</span><br />
<span style="color: white;">var shigh=600;</span><br />
<span style="color: white;">var sleft=sdown=0;</span><br />
<span style="color: white;">var bubb=new Array();</span><br />
<span style="color: white;">var bubbx=new Array();</span><br />
<span style="color: white;">var bubby=new Array();</span><br />
<span style="color: white;">var bubbs=new Array();</span><br />
<span style="color: white;">window.onload=function() { if (document.getElementById) {</span><br />
<span style="color: white;">var rats, div;</span><br />
<span style="color: white;">for (var i=0; i<bubbles; i++) {</span><br />
<span style="color: white;">rats=createDiv("3px", "3px");</span><br />
<span style="color: white;">rats.style.visibility="hidden";</span><br />
<span style="color: white;">div=createDiv("auto", "auto");</span><br />
<span style="color: white;">rats.appendChild(div);</span><br />
<span style="color: white;">div=div.style;</span><br />
<span style="color: white;">div.top="1px";</span><br />
<span style="color: white;">div.left="0px";</span><br />
<span style="color: white;">div.bottom="1px";</span><br />
<span style="color: white;">div.right="0px";</span><br />
<span style="color: white;">div.borderLeft="1px solid "+colours[3];</span><br />
<span style="color: white;">div.borderRight="1px solid "+colours[1];</span><br />
<span style="color: white;">div=createDiv("auto", "auto");</span><br />
<span style="color: white;">rats.appendChild(div);</span><br />
<span style="color: white;">div=div.style;</span><br />
<span style="color: white;">div.top="0px";</span><br />
<span style="color: white;">div.left="1px";</span><br />
<span style="color: white;">div.right="1px";</span><br />
<span style="color: white;">div.bottom="0px"</span><br />
<span style="color: white;">div.borderTop="1px solid "+colours[0];</span><br />
<span style="color: white;">div.borderBottom="1px solid "+colours[2];</span><br />
<span style="color: white;">div=createDiv("auto", "auto");</span><br />
<span style="color: white;">rats.appendChild(div);</span><br />
<span style="color: white;">div=div.style;</span><br />
<span style="color: white;">div.left="1px";</span><br />
<span style="color: white;">div.right="1px";</span><br />
<span style="color: white;">div.bottom="1px";</span><br />
<span style="color: white;">div.top="1px";</span><br />
<span style="color: white;">div.backgroundColor=colours[4];</span><br />
<span style="color: white;">div.opacity=0.5;</span><br />
<span style="color: white;">if (document.all) div.filter="alpha(opacity=50)";</span><br />
<span style="color: white;">document.body.appendChild(rats);</span><br />
<span style="color: white;">bubb[i]=rats.style;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">set_scroll();</span><br />
<span style="color: white;">set_width();</span><br />
<span style="color: white;">bubble();</span><br />
<span style="color: white;">}}</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">function bubble() {</span><br />
<span style="color: white;">var c;</span><br />
<span style="color: white;">if (x!=ox || y!=oy){</span><br />
<span style="color: white;">ox=x;</span><br />
<span style="color: white;">oy=y;</span><br />
<span style="color: white;">for (c=0; c<bubbles; c++) if (!bubby[c]) {</span><br />
<span style="color: white;">bubb[c].left=(bubbx[c]=x)+"px";</span><br />
<span style="color: white;">bubb[c].top=(bubby[c]=y)+"px";</span><br />
<span style="color: white;">bubb[c].width="3px";</span><br />
<span style="color: white;">bubb[c].height="3px"</span><br />
<span style="color: white;">bubb[c].visibility="visible";</span><br />
<span style="color: white;">bubbs[c]=3;</span><br />
<span style="color: white;">break;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);</span><br />
<span style="color: white;">setTimeout("bubble()", 40);</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">function update_bubb(i) {</span><br />
<span style="color: white;">if (bubby[i]) {</span><br />
<span style="color: white;">bubby[i]-=bubbs[i]/2+i%2;</span><br />
<span style="color: white;">bubbx[i]+=(i%5-2)/5;</span><br />
<span style="color: white;">if (bubby[i]>sdown && bubbx[i]>0) {</span><br />
<span style="color: white;">if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {</span><br />
<span style="color: white;">bubb[i].width=bubbs[i]+"px";</span><br />
<span style="color: white;">bubb[i].height=bubbs[i]+"px";</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">bubb[i].top=bubby[i]+"px";</span><br />
<span style="color: white;">bubb[i].left=bubbx[i]+"px";</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">else {</span><br />
<span style="color: white;">bubb[i].visibility="hidden";</span><br />
<span style="color: white;">bubby[i]=0;</span><br />
<span style="color: white;">return;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">document.onmousemove=mouse;</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">function mouse(e) {</span><br />
<span style="color: white;">set_scroll();</span><br />
<span style="color: white;">y=(e)?e.pageY:event.y+sleft;</span><br />
<span style="color: white;">x=(e)?e.pageX:event.x+sdown;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">window.onresize=set_width;</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">function set_width() {</span><br />
<span style="color: white;">if (document.documentElement && document.documentElement.clientWidth) {</span><br />
<span style="color: white;">swide=document.documentElement.clientWidth;</span><br />
<span style="color: white;">shigh=document.documentElement.clientHeight;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">else if (typeof(self.innerHeight)=="number") {</span><br />
<span style="color: white;">swide=self.innerWidth;</span><br />
<span style="color: white;">shigh=self.innerHeight;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">else if (document.body.clientWidth) {</span><br />
<span style="color: white;">swide=document.body.clientWidth;</span><br />
<span style="color: white;">shigh=document.body.clientHeight;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">else {</span><br />
<span style="color: white;">swide=800;</span><br />
<span style="color: white;">shigh=600;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">window.onscroll=set_scroll;</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">function set_scroll() {</span><br />
<span style="color: white;">if (typeof(self.pageYOffset)=="number") {</span><br />
<span style="color: white;">sdown=self.pageYOffset;</span><br />
<span style="color: white;">sleft=self.pageXOffset;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">else if (document.body.scrollTop || document.body.scrollLeft) {</span><br />
<span style="color: white;">sdown=document.body.scrollTop;</span><br />
<span style="color: white;">sleft=document.body.scrollLeft;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {</span><br />
<span style="color: white;">sleft=document.documentElement.scrollLeft;</span><br />
<span style="color: white;">sdown=document.documentElement.scrollTop;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">else {</span><br />
<span style="color: white;">sdown=0;</span><br />
<span style="color: white;">sleft=0;</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">function createDiv(height, width) {</span><br />
<span style="color: white;">var div=document.createElement("div");</span><br />
<span style="color: white;">div.style.position="absolute";</span><br />
<span style="color: white;">div.style.height=height;</span><br />
<span style="color: white;">div.style.width=width;</span><br />
<span style="color: white;">div.style.overflow="hidden";</span><br />
<span style="color: white;">return (div);</span><br />
<span style="color: white;">}</span><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;"></script></span></div><br />
5. Simpan.<br />
<br />
Sekarang sobat bisa lihat sendiri perubahannya pada cursor blog sobat!<br />
<br />
Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? Silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Java Script Bubble Cursor

Java Script Bubble Cursor

I Love Blogging, ckckck . . . Dalam kesempatan kali ini blog O.W akan membahas tentang Java Script Bubble Cursor, sobat udah pada tau maksudnya kan? benar sekali sob, postingan kali ini intinya adalah…

Baca selengkapnya »

29 May 2012

Lorenzo Memimpin Rumah Untuk 'Ras Khusus

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9jjPaBuXjPs_Zb_6q-5ojUnAyzfRrGi-bT0gLLnpk-ZS80bX-yBGQuyITsavqF-t71_2_rQ9tPSbj-_lArhAm_t541MNnXKvTKDxeFY547bHG49V0a2z2m0p8ugvI3UPXosB3LdOCSk/s1600/PA1148019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9jjPaBuXjPs_Zb_6q-5ojUnAyzfRrGi-bT0gLLnpk-ZS80bX-yBGQuyITsavqF-t71_2_rQ9tPSbj-_lArhAm_t541MNnXKvTKDxeFY547bHG49V0a2z2m0p8ugvI3UPXosB3LdOCSk/s640/PA1148019.jpg" width="640" /></a></div><span class="awal">R</span>umah kota pahlawan Jorge Lorenzo memimpin ke akhir pekan ini MotoGP Catalan di pinggiran Barcelona di puncak dunia. <br />
<br />
Kemenangan kedua Pabrik Yamaha bintang musim ini, dalam basah di Le Mans, kembali dia ke kepala klasemen kejuaraan dunia dengan delapan poin atas pemegang gelar memerintah Casey Stoner (Honda). <br />
<br />
Lorenzo dan Stoner telah membagi empat kemenangan sama di antara mereka sepanjang tahun ini dan keduanya mantan Katalan MotoGP pemenang. <br />
<br />
"Sekarang kita sampai pada Montmelo, tanpa perlu terbang, saya suka ada lomba ini begitu dekat dengan rumah saya!" Kata Lorenzo, juara MotoGP 2010. "Saya ingat saya dan kemenangan podium di sini, bukan hanya di kelas ini tetapi juga dari hari 250cc saya. <br />
<br />
"Ini akan menjadi balapan sulit karena pesaing kami sangat kuat tetapi kemenangan kita di Le Mans telah memberikan kami kepercayaan diri tambahan. Kami tahu kami bisa sangat cepat dan kompetitif sehingga kita akan difokuskan dari sesi pertama. <br />
<br />
"Ini adalah balapan spesial bagi saya sebagai ras rumah saya jadi saya ingin memberikan semua fans acara terbaik yang kita bisa." <br />
<br />
Lorenzo telah selesai di podium di setiap balapan MotoGP Catalan ia telah diperebutkan, tetapi tidak semua kenangan positif. <br />
<br />
Pembalap Spanyol terpaksa menarik diri dari event 2008 - yang seharusnya pertamanya di lintasan di kelas utama - karena jatuh praktek berat, maka ia menderita kekalahan terakhir-putar di tangan rekan setimnya Valentino Rossi pada tahun 2009.

Lorenzo Memimpin Rumah Untuk 'Ras Khusus

Lorenzo Memimpin Rumah Untuk 'Ras Khusus

Rumah kota pahlawan Jorge Lorenzo memimpin ke akhir pekan ini MotoGP Catalan di pinggiran Barcelona di puncak dunia. Kemenangan kedua Pabrik Yamaha bintang musim ini, dalam basah di Le Mans, kembali …

Baca selengkapnya »

28 May 2012

Memasang Buku Tamu Dengan Effects Of Dark

<span class="awal">U</span>ntuk melengkapi postingan atau articles tentang Memasang Buku Tamu kali ini blog O.W atau Oto Website akan membahas tentang <b><a href="http://otowebsite.blogspot.com/2012/05/memasang-buku-tamu-dengan-effects-of.html">Memasang Buku Tamu Dengan Effects Of Dark</a></b> atau juga bisa di sebut dengan Efeck Gelap.<br />
Maksud dari <b><a href="http://otowebsite.blogspot.com/2012/05/memasang-buku-tamu-dengan-effects-of.html">Memasang Buku Tamu Dengan Effects Of Dark</a></b> adalah bila tombol buku tamu ini di tekan atau di klick maka seluruh halaman blog akan menjadi gelap, kecuali buku tamunya! Sebelum Membuat Buku Tamu Dengan Light Efeck para sahabat O.W udah pada punya akun SHOUTBOX/CBOX/SHOUTMIX kan? kalo itu pasti udah pada punya ya, karna blog ini tidak menjelaskan bagaiman cara membuatnya, karna sangat mudah dan semua blog sudah ada yang membahasnya dari dulu.<br />
Untuk contohnyaBuku Tamu Dengan Light Efeck  mungkin sobat bisa lihat gambar berikut ini<br />
<div style="text-align: center;"><span style="font-size: x-small;">Contoh Buku Tamu Dengan Effects Of Dark</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH1rQ_VsfdvPRU18UdfsWjBdmaz0CvYFSRAj_WXzywrJMXCcnlHxwM-VxjwZ2VTMXWkJ3mh4gzOsC1gg5pk9up6GLpgqiF_fcT9RH_LJBmnBZYT0cHR2PbHz9oK0Fiv9EnRbupJkqQPts/s1600/light+efect.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH1rQ_VsfdvPRU18UdfsWjBdmaz0CvYFSRAj_WXzywrJMXCcnlHxwM-VxjwZ2VTMXWkJ3mh4gzOsC1gg5pk9up6GLpgqiF_fcT9RH_LJBmnBZYT0cHR2PbHz9oK0Fiv9EnRbupJkqQPts/s400/light+efect.png" width="400" /></a></div><br />
Sobat perhatikan tombol buku tamu yang saya beri lingkaran putih, nah bila tombol tersebut di tekan atu di klick maka seluruh halaman akan menjadi gelap dan buku tamu akan muncul, begitulah sedikit rinciannya.<br />
Nah udah pada jelaskna? sekarang kita akan bahas tentang cara <a href="http://otowebsite.blogspot.com/2012/05/memasang-buku-tamu-dengan-effects-of.html"><b>Memasang Buku Tamu Dengan Effects Of Dark</b></a> di blog sobat.<br />
<br />
1. Masuk ke akun blogger sobat, bukan akun blogger tetangga, hehehe...<br />
<br />
2. Pada menu sobat klick Rancangan ➡ Tambah Gadget di bagian manapun sobat ingin tombol Buku Tamu muncul.<br />
<br />
3. Selanjutnya sobat pilih elemen HTML/Java Script.<br />
<br />
4. Lalu sobat Copy kode berikut dan paste atau letakkan di dalam elemen HTML/Java Script tadi.<br />
<br />
<div style="background-color: #00aa99; border: 4px #ff1100 dashed; padding: 10px; text-align: left;"><br />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script><br />
<script><br />
$(document).ready(function() {<br />
//select all the a tag with name equal to modal<br />
$('a[name=modal]').click(function(e) {<br />
//Cancel the link behavior<br />
e.preventDefault();<br />
//Get the A tag<br />
var id = $(this).attr('href');<br />
//Get the screen height and width<br />
var semahHeight = $(document).height();<br />
var semahWidth = $(window).width();<br />
//Set heigth and width to semah to fill up the whole screen<br />
$('#semah').css({'width':semahWidth,'height':semahHeight});<br />
//transition effect<br />
$('#semah').fadeIn(1000);<br />
$('#semah').fadeTo("slow",0.8);<br />
//Get the window height and width<br />
var winH = $(window).height();<br />
var winW = $(window).width();<br />
//Set the popup window to center<br />
$(id).css('top', winH/2-$(id).height()/2);<br />
$(id).css('left', winW/2-$(id).width()/2);<br />
//transition effect<br />
$(id).fadeIn(2000);<br />
});<br />
//if close button is clicked<br />
$('.window .close').click(function (e) {<br />
//Cancel the link behavior<br />
e.preventDefault();<br />
$('#semah').hide();<br />
$('.window').hide();<br />
});<br />
//if semah is clicked<br />
$('#semah').click(function () {<br />
$(this).hide();<br />
$('.window').hide();<br />
});<br />
});<br />
</script><br />
<br />
<style>a {color:#ffffff; text-decoration:none}<br />
img { border: none; }<br />
#semah {<br />
position:absolute;<br />
left:0;<br />
top:0;<br />
z-index:9000;<br />
background-color:#000;<br />
display:none;<br />
}<br />
#wadah .window {<br />
position:fixed;<br />
left:0;<br />
top:0;<br />
width:440px;<br />
height:200px;<br />
display:none;<br />
z-index:9999;<br />
padding:20px;<br />
}<br />
#wadah #kid53 {<br />
background:url( <span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJmjlmHCfo8F5oKXCageRnja5Hx1zolZ64zW5nQIw0I_lQf7dbpguXM_T72JjrqiUpfTbcY7H35sNehRF4WFwaKq0J_puuiQTLT8k990Vj5SW00DSrXIIY1N0I9kbtOdtWyfAnQMzcJc/s1600/bukutamu_O.W.png</span> ) no-repeat 0 0 transparent;<br />
width:272px;<br />
height:460px;<br />
padding:56px 0 20px 5px;<br />
}<br />
#tutupan {<br />
padding:2px 0 0 0;<br />
}<br />
</style><br />
<br />
<ul><center> <a href="#kid53" name="modal"><img src=" <span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lt0YJ18ehgiAJik2fRj_vkuNTFfOglDWu87u2fuWaI7EaCJefNyAyK1HxRuoj9wab4NvUFQ6VmRDtx1-z68xtIllj5M-v0_jqf4zp7rpRrbvuWg1yOnwul-n1F2wxGkCr2sb31_HH6k/s1600/tbbbukutamu_O.W.png</span> " border="0" width="158" height="58" /></a> </center> </ul><br />
<br />
<div id="wadah"><br />
<br />
<div id="kid53" class="window"><br />
<br />
<b><span style="color: red;">LETAKKAN KODE BUKU TAMU SHOUTBOX</span></b><span style="color: red;"><b>/</b></span><b><span style="color: red;">CBOX/SHOUTMIX DISINI</span></b><br />
<br />
<div id="tutupan"><input type="button" value="Close" class="close" /><br />
</div></div><br />
<div id="semah"></div></div><br />
</div><br />
5. Simpan.<br />
<br />
<b>Keteranagan:</b><br />
Ganti teks warna merah dengan kode script dari cbox atau shoutmix<br />
Warna biru adalah Url gambar berikut:<br />
<br />
Untuk backgroundnya sobat bisa ganti sendiri/buat sendiri, ini adalah url gambar background yang ada di atas/yang akan muncul.<br />
<br />
<div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJmjlmHCfo8F5oKXCageRnja5Hx1zolZ64zW5nQIw0I_lQf7dbpguXM_T72JjrqiUpfTbcY7H35sNehRF4WFwaKq0J_puuiQTLT8k990Vj5SW00DSrXIIY1N0I9kbtOdtWyfAnQMzcJc/s1600/bukutamu_O.W.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJmjlmHCfo8F5oKXCageRnja5Hx1zolZ64zW5nQIw0I_lQf7dbpguXM_T72JjrqiUpfTbcY7H35sNehRF4WFwaKq0J_puuiQTLT8k990Vj5SW00DSrXIIY1N0I9kbtOdtWyfAnQMzcJc/s1600/bukutamu_O.W.png" /></a></div><span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJmjlmHCfo8F5oKXCageRnja5Hx1zolZ64zW5nQIw0I_lQf7dbpguXM_T72JjrqiUpfTbcY7H35sNehRF4WFwaKq0J_puuiQTLT8k990Vj5SW00DSrXIIY1N0I9kbtOdtWyfAnQMzcJc/s1600/bukutamu_O.W.png</span><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lt0YJ18ehgiAJik2fRj_vkuNTFfOglDWu87u2fuWaI7EaCJefNyAyK1HxRuoj9wab4NvUFQ6VmRDtx1-z68xtIllj5M-v0_jqf4zp7rpRrbvuWg1yOnwul-n1F2wxGkCr2sb31_HH6k/s1600/tbbbukutamu_O.W.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lt0YJ18ehgiAJik2fRj_vkuNTFfOglDWu87u2fuWaI7EaCJefNyAyK1HxRuoj9wab4NvUFQ6VmRDtx1-z68xtIllj5M-v0_jqf4zp7rpRrbvuWg1yOnwul-n1F2wxGkCr2sb31_HH6k/s1600/tbbbukutamu_O.W.png" /></a></div><span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lt0YJ18ehgiAJik2fRj_vkuNTFfOglDWu87u2fuWaI7EaCJefNyAyK1HxRuoj9wab4NvUFQ6VmRDtx1-z68xtIllj5M-v0_jqf4zp7rpRrbvuWg1yOnwul-n1F2wxGkCr2sb31_HH6k/s1600/tbbbukutamu_O.W.png</span><br />
<br />
<b>Keterangan Tambahan:</b><br />
Tombol atau button di atas berada di slide bar, jika sobat ingin meletakkan buttonnya di samping dan melayang, sobat cukup ganti kode<br />
<div style="background-color: #00aa99; border: 4px #ff1100 dotted; padding: 10px; text-align: left;"><ul><center> <a href="#kid53" name="modal"><img src="<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lt0YJ18ehgiAJik2fRj_vkuNTFfOglDWu87u2fuWaI7EaCJefNyAyK1HxRuoj9wab4NvUFQ6VmRDtx1-z68xtIllj5M-v0_jqf4zp7rpRrbvuWg1yOnwul-n1F2wxGkCr2sb31_HH6k/s1600/tbbbukutamu_O.W.png</span>" border="0" width="158" height="58" /></a> </center> </ul></div><br />
dengan kode<br />
<div style="background-color: #00aa99; border: 4px #ff1100 dotted; padding: 10px; text-align: left;"><ul><div style='display:scroll; position:fixed; top:5px; right:3px;'><br />
<a href="#kid53" name="modal"><img src="<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDNY3YTuSeFvO5o47SRxxI56hZA-DGjsVqV2yzw6IaJBfTlf8B7qWEk0SYd6YtPIp4p4S6R2HmE20Ak203J31DkQgp2AlwHKoGNGueYtwdGpALY7qkZcdD1votX51MzkWi-aTE9dme_M/s1600/samping_O.W.png</span>" width="158" height="58" /></a><br />
</div><br />
</ul></div><br />
dan ini adalah penampakan gambar button yang akan muncul, jika kurang suka silahkan sobat ganti sendiri,ok!<br />
<div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDNY3YTuSeFvO5o47SRxxI56hZA-DGjsVqV2yzw6IaJBfTlf8B7qWEk0SYd6YtPIp4p4S6R2HmE20Ak203J31DkQgp2AlwHKoGNGueYtwdGpALY7qkZcdD1votX51MzkWi-aTE9dme_M/s1600/samping_O.W.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDNY3YTuSeFvO5o47SRxxI56hZA-DGjsVqV2yzw6IaJBfTlf8B7qWEk0SYd6YtPIp4p4S6R2HmE20Ak203J31DkQgp2AlwHKoGNGueYtwdGpALY7qkZcdD1votX51MzkWi-aTE9dme_M/s1600/samping_O.W.png" /></a></div><br />
<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDNY3YTuSeFvO5o47SRxxI56hZA-DGjsVqV2yzw6IaJBfTlf8B7qWEk0SYd6YtPIp4p4S6R2HmE20Ak203J31DkQgp2AlwHKoGNGueYtwdGpALY7qkZcdD1votX51MzkWi-aTE9dme_M/s1600/samping_O.W.png</span><br />
<br />
Oke, saya rasa cukup untuk kali ini, dari blog ini saya ucapkan selamat mencobat, dan sukses.<br />
<br />
Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentan postingan/articles di atas!

1
2
3
4

Memasang Buku Tamu Dengan Effects Of Dark

Untuk melengkapi postingan atau articles tentang Memasang Buku Tamu kali ini blog O.W atau Oto Website akan membahas tentang Memasang Buku Tamu Dengan Effects Of Dark atau juga bisa di sebut dengan Ef…

Baca selengkapnya »

28 May 2012

Photo To Cartoon

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSkGZAu35FA_3eb_6Xc4FpUvRXnnJC4hnHpqaqdoSK2lgRW32c2_bqRC0bgLs2Sd68RXMKjeaPxvyWngiXn09q2qBXSP9q4Z7J42_6i_AwLJB3WUTsEE4fGXsVwKSoPIiALWjtelySGg/s1600/untitledm.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="420" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSkGZAu35FA_3eb_6Xc4FpUvRXnnJC4hnHpqaqdoSK2lgRW32c2_bqRC0bgLs2Sd68RXMKjeaPxvyWngiXn09q2qBXSP9q4Z7J42_6i_AwLJB3WUTsEE4fGXsVwKSoPIiALWjtelySGg/s640/untitledm.bmp" width="640" /></a></div><br />
<div style="text-align: center;"><a class="button" href="http://www.ziddu.com/download/19472353/Foto2Cartoon4.0.8_SoftArchive.Net.rar.html" target="_blank"><b>Unduh</b></a></div><br />
Photo To Cartoon, degan software ini sobat bisa merubah fotomu menjadi kartun!<br />
Penggunaanya sangatlah mudah, karna software ini memang khusus untuk membuat foto menjadi kartu.<br />
Untuk contok sobat bisa lihat di gambar di atas! gambar di atas beelum begitu menjadi kartun karna saya keburu kepingin cepet share software ini, pokoknya caranya gampang bangat sob. Untuk lebihnya sobat cobain aja sendiri,ok!

Photo To Cartoon

Photo To Cartoon

Unduh Photo To Cartoon, degan software ini sobat bisa merubah fotomu menjadi kartun! Penggunaanya sangatlah mudah, karna software ini memang khusus untuk membuat foto menjadi kartu. Untuk contok soba…

Baca selengkapnya »

28 May 2012

Icon Flag Translate Untuk Blogger

<span class="awal">I</span>con Flag Translate Untuk Blogger, sebelumnya blog ini pernah membahas tentang <b><a href="http://otowebsite.blogspot.com/2012/05/wiget-google-flag-translate-untuk-blog.html" target="_blank">Widget Google Flag Translate Untuk Blog</a></b>, dan yang ini sedikit berbeda karna yang terlihat bukan berbentuk bendera kotak, tapi iconnya dan bentuknya bundar.<br />
<div>Untuk kegunaanya di blog sobat sepertinya sobat sudah pada tau kegunaan memasang translate itu untuk apa.<br />
<div>Dan untuk contohnya sobat bisa lihat gambar berikut ini.<br />
<div style="text-align: center;"><span style="font-size: x-small;">Contoh widget.Icon Flag Translate Untuk Blogger</span></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh70bxDqjw3K8E8f8riFSGtXLuYEZiYp6NnQ3yGadN2xPn-qYPucp7Vodpo87vjPJWhaVfYLCt7KzFK4uv48iwyc8FG7XsKMKpDU2x9v8n1KHGNTBm3Xr_FThIc0bVNR-wa9lIMtE7xOo4/s1600/Icon+Flag+Translate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh70bxDqjw3K8E8f8riFSGtXLuYEZiYp6NnQ3yGadN2xPn-qYPucp7Vodpo87vjPJWhaVfYLCt7KzFK4uv48iwyc8FG7XsKMKpDU2x9v8n1KHGNTBm3Xr_FThIc0bVNR-wa9lIMtE7xOo4/s1600/Icon+Flag+Translate.png" /></a></div><div><br />
</div><div>nah seperti itulah contohnya, oke sekarang kita akan bahas cara memasanya di blogger sobat, caranya sangat mudah banget kok!</div><div><br />
</div><div>1. Masuk ke akun blogger sobat.</div><div><br />
</div><div>2. Pada mennu sobat klick Rancangan ➨ Pilih tambah Gadget ➨ Lalu pilih elemen HTML/Java Script.</div><div><br />
</div><div>3. Selanjutnya sobat copy kode berikut ini dan paste atau letakkan di dalam elemen HTML/Java Script tadi.</div><div><br />
</div><div><div style="background-color: #aaaaaa; border: 2px #2BA94F solid; padding: 10px; text-align: left;"><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/AVvXsEjqb92G-JjoORy8uBF-LnQefzNYpfNadQXfJ1CSigfbjtkw-st2gRcTQ-PypWOXLep2ZBFMjuy-ccJ0giYAKBRsLX2RioiB89stZAJJjmxgDLRVftJlO7B3txFGCcoIGoAR7gaeSZHx9klf/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/AVvXsEjgXUiq7ctJGJ_pyVVJLXNLL3xyZ8IkNUNL-Howb59oL2dvebJpzupMzuGvP2xjT5MklHDGe_H7y-6jlEv4OoHFiYvt9eLoSuH7jArO15Yygy_55Uz1bt62FP6BbUu2y_tTUzbslOc26FhS/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/AVvXsEhlex8wmCJjEbte6ute6vuTLgNYDzVyeSs4kbIUU7OzckcluMr_sC6iaLmlFgZqlT_f14EcsYNAIJ2R2sObMbXbK0QXJ_C0KpoPPM1Ei4F3cuVu5LTck9tyhhDjPQ4dPaAN6QMNE5ZrwDY5/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/AVvXsEhp7_M33H_zmDjYWMokeAhHaMcQ9VrLJHRRZZDhOa3vDByqXVLReKqbwABpf8DoI9sXsVC-sFLVFgbHjjVzSpY02aAt2cqrIDp1kcpKf_z69JnjgQOt-xsREx0BjOoUQ4aiTaSl8liWWXcH/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/AVvXsEiFj-lwcSdh7S8yyy8unk7sw7KAMdV3u2Yrd0SzCm3Hsr8kBW2Lz4gjeknHF1NR9fwacFGJMCQ8QDA-jhZkPql6yLaAdRCHxxgdAekYvVZe9rWjx3AFEySZ1XSbvs5Pex4CrlGxG0W6Woqe/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/AVvXsEjV0oP_CS_wQkn0gjDSfp2JfWCRlwed7NZYfvbVHDG-vyRC_uT6mZ63QNUBPEzlpk9f1N9lgDesSdJA05gk8Lk3F07gn-ATvJonIfnIbc1wFyxfNF31X1lvH-GZ4g1Xiy8l3VmxvY3MAG4K/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/AVvXsEjflBjV29b2IMmABZeiWexwymX-iYkO4YKGUpqNkPv7WXNpHCc3aCDl4vrMNivUpvZFd5BoZSXwxbcJbUjOMJAIs4v9yg9wIKQrT1TF_AAB0S6sGD5Lj3Ahl3dYvYjHXpfsQiZnEHFpV6or/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/AVvXsEjBwphRqrQjJx4D7LjIMWu1fM9oHkr3AVhhLQ88PLeKbeiV-dluF9ikQoDJju7M2l6t5BAhVMLN2S2rn1PagDmMnaW25HVXMKfTYWcLRniCeBH0OkLiixzn8Tj8zZYm4cGuJ6WbwGnVejYT/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/AVvXsEiSG8SmteIcy_7rArMaZL-UHGBMLwTFuwfm1ZDUkZZXqQ5rFyVfF1JyGWxBuFYTxd4E6YEHqwKoHKicCmA5iSMK4mVaHlHKCE7KTl8KWQOS3p15UHFTU8c6wEcioPNmiKOXVO0euZKlt3uy/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/AVvXsEifLdNRSZGJIuNOCeAmRkvpIJL951IGqJeZ-72xrxu3nL_l95H0v9upNwKWUG7j7SjBUpHl5ocEeC_sAECzcE4v9Oq6q2JfroESpjld6hfmoJVnQBFimCcAgEKxeBXUhinp-ZaLscj7GXzE/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/AVvXsEg6wTvWmmuuxAyiQMnd2YkToW8VxvpoXjkWYRg4Xj6DI0yimwnA-BuLTswT9k8TIrhcbwZwD_-74EM8b3rXpv7y9FLOabfOUwxElbXvRwKXDqVa5BrrHRpFCRX4ltHYjr-1vxJXpwikEKju/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/AVvXsEhoW7lYcdnIASpnBOjZFR54f6lL0Nh3G82qhmDLPAmLPI5mU6zjVq1a4nX6Q0TQvsyzO0n0yguQQ-KqxDuIuIR3xF5uyTJZEFdvoXL8qRc0LUydAwLTN-nGLbZNN5p4-SP4vmf8nTK1uXQR/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://otowebsite.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div><span style="background-color: transparent;"> </span><span style="background-color: transparent;"></span></div></div><div><br />
</div><div>4. Simpan.</div><div><br />
</div><div>Mudah bukan, Sekarang sobat bisa lihat sendiri hasilnya.</div><div><br />
</div><div>Oke sekian dulu untuk postingan atu articles Icon Flag Translate Untuk Blogger, mudah-mudahan dapat membantu dan berguna untuk sobat semua!</div><div><br />
</div><div>Nagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!</div></div>

1
2
3
4
5

Icon Flag Translate Untuk Blogger

Icon Flag Translate Untuk Blogger, sebelumnya blog ini pernah membahas tentang Widget Google Flag Translate Untuk Blog, dan yang ini sedikit berbeda karna yang terlihat bukan berbentuk bendera kotak, …

Baca selengkapnya »

27 May 2012

Memasang Komentar Facebook Dan Blog Berdampingan

<span class="awal">S</span>alam Blogger untuk para sahabat semuanya, Dalam tutorial atau postingan atau apa aja deh sobat mau menyebutnya apa, Intinya dalam postingan kali ini Blog O.W alias Oto Website akan update postingan dan ingin berbagi kepada sobat semua tentang <b>Memasang Komentar Facebook Dan Blog Berdampingan</b>, sobat pernah gak ngelihat blog yang kotak komentarnya ada dua dan berdampingan seperti kotak komentar facebook dan blog? kalo pernah hal itulah yang akan blog O.W alias Oto Website bahas kali ini!<br />
Kalo belum pernah lihat sobat bisa lihat contoh gambar berikut ini:<br />
<div style="text-align: center;"><span style="font-size: x-small;">Contoh Komentar Facebook Dan Blog Berdampingan</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKNojNXuJP785YomHv5fxNWKAUfXTysw4PEYsOAAAuzytDz1MrLHqZNY7yDOvW7ztCEV5FGYzEjbIRRSioeqeBz5J6P-qc_ZvCxD3N9gdkLVf28Uvi3YJTu50IoE0RJ-D7IvpbJzFWL4/s1600/Comment+FB+++Blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKNojNXuJP785YomHv5fxNWKAUfXTysw4PEYsOAAAuzytDz1MrLHqZNY7yDOvW7ztCEV5FGYzEjbIRRSioeqeBz5J6P-qc_ZvCxD3N9gdkLVf28Uvi3YJTu50IoE0RJ-D7IvpbJzFWL4/s400/Comment+FB+++Blog.png" width="400" /></a></div>Nah udah paham kan? kalo belum paham, pahami dulu aja, kalo udah baru lanjut, xixixixi<br />
Okelah sekarang kita akan bahas Cara Memasangnya ke blog sobat, Cekidot!<br />
<br />
1. Seperti biasa sobat masuk ke akun blogger sobat masing-masing.<br />
<br />
2. Pada tab menu sobat klick Rancangan ➨ Edit HTML ➨ <input checked="" id="expandWidgets" style="font-size: small;" type="checkbox" />Expand Template Widget.<br />
<br />
3. Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.<br />
<br />
4. Sekarang di dalam Edti Template sobat cari kode <b><span style="color: red;">]]></b:skin></span></b> Jika kesulitan mencarinya coba sobat baca <b><a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Mencari Kode HTML</a></b>.<br />
<br />
5. Jika sudah ketemu, copy kode di bawah ini dan paste atau letakkan di atas kode tadi.<br />
<br />
<div style="background-color: white; border: 2px #000000 solid; padding: 10px; text-align: left;">.comments-page { background-color: #<span style="color: blue;"><b>f2f2f2</b></span>;}<br />
#blogger-comments-page { padding: 0px 5px; display: none;}<br />
.comments-tab { float: left; padding: 5px; margin-right: 3px;<br />
cursor: pointer; background-color: #f2f2f2;}<br />
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}<br />
.comments-tab:hover { background-color: #eeeeee;}<br />
.inactive-select-tab { background-color: #d1d1d1;}</div><br />
<b><span style="color: blue;">NB:</span></b> Jika sobat ingin back ground keduanya transparent maka sobat cukup hilangkan kode warna biru.<br />
<br />
6. Sekarang sobat cari kode </head> lalu copy kode berikut dan paste atau letakkan di atasnya.<br />
<br />
<div style="background-color: white; border: 2px #000000 solid; padding: 10px; text-align: left;"><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><br />
<script src='http://code.jquery.com/jquery-latest.js'/><br />
<meta content='<span style="color: red;"><b>ID FB Sobat Disini</b></span>' property='fb:admins'/><br />
<script type='text/javascript'><br />
function commentToggle(selectTab) {<br />
$(".comments-tab").addClass("inactive-select-tab");<br />
$(selectTab).removeClass("inactive-select-tab");<br />
$(".comments-page").hide();<br />
$(selectTab + "-page").show();<br />
}<br />
</script></div><br />
<b><span style="color: blue;">NB:</span></b> Perhatikan teks warna merah, ganti teks tersebut dengan ID Aplikasi Facebook sobat, untuk membuat aplikasinya udah pada tau semua dong!<br />
<br />
7. Masih di dalam Edit HTML, sekarang sobat cari kode <b><span style="color: red;"><div class='comments' id='comments'> </span></b>Lalu copy kode berikut dan paste atau letakkan di bawahnya.<br />
<b><span style="color: blue;">NB:</span></b> Biasanya kode <div class='comments' id='comments'> ada dua jadi sobat pilih kode yang kedua, ok!<br />
<br />
<div style="background-color: white; border: 2px #000000 solid; padding: 10px; text-align: left;"><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><br />
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><br />
<fb:comments-count expr:href='data:post.url'/> Comments<br />
</div><br />
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><br />
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments<br />
</div><div class='clear'/><br />
</div><br />
<div class='comments-page' id='fb-comments-page'><br />
<b:if cond='data:blog.pageType == "item"'><br />
<div id='fb-root'/><br />
<fb:comments expr:href='data:post.url' num_posts='<span style="color: blue;"><b>2</b></span>' width='<span style="color: blue;"><b>400</b></span>'/><br />
</b:if><br />
</div><br />
<span style="color: purple;"><b><div class='comments comments-page' id='blogger-comments-page'></b></span></div><br />
<b><span style="color: blue;">NB:</span></b><br />
<ul><li>Hapus kode warna ungu jika di bawah template sobat atau di bawahnya terdapat kode yang sama.</li>
<li>Perhatikan kode warna biru: angka 2 (dua) adalah jumlah komentar yang akan di tampilkan di komentar facebook, sobat bisa merubahnya. Angka 400 (empat ratus) adalah lebar kotak komentar facebook, sobat dapat merubahnya sesuai template sobat.</li>
</ul><br />
8. Save.<br />
<br />
Sekarang sobat bisa lihat hasilnya di komentar blog sobat.<br />
<br />
Sekian dulu untuk postingan atau articles <b>Memasang Komentar Facebook Dan Blog Berdampingan</b>, semoga postingan atau articles ini dapat bermanfaat untuk sobat semua.<br />
<br />
Bagaiman apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas.

1
2
3

Memasang Komentar Facebook Dan Blog Berdampingan

Salam Blogger untuk para sahabat semuanya, Dalam tutorial atau postingan atau apa aja deh sobat mau menyebutnya apa, Intinya dalam postingan kali ini Blog O.W alias Oto Website akan update postingan d…

Baca selengkapnya »

27 May 2012

Membuat Halaman Fans Page Google + (Plus) Untuk Blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg23mdVqKLAYjRIJGHjfg5ogmgj6mqjCjmmOaOiA7Eytcpss0Or1CNNCE-HhFleK63blafrNMQvfipH56frL4W2r2Wm4woLa9z9GECalSr4SidA2V78xygI2JYKMr5ftfomrFwqQhrzyv8/s1600/Google-Plus-Page.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg23mdVqKLAYjRIJGHjfg5ogmgj6mqjCjmmOaOiA7Eytcpss0Or1CNNCE-HhFleK63blafrNMQvfipH56frL4W2r2Wm4woLa9z9GECalSr4SidA2V78xygI2JYKMr5ftfomrFwqQhrzyv8/s640/Google-Plus-Page.jpg" width="640" /></a></div><span class="awal">G</span>oogle + (Plus) sebenarnya sudah lama meluncurkan Halaman untuk Google + (Plus) untuk bisni, web, dan lain sebagainya!<br />
Kegunaanya sama dengan Facebook fans page, dan kali ini blog Oto Website akan membahas tentang <b>Membuat Halaman Fans Page Google + (Plus) Untuk Blogger</b>, jika sobat ingin membuat halaman fans page di google plus, sobat bisa ikuti lagkah-langkah berikut!<br />
Jika sobat masih menggunakan profil blogger segeralah beralih ke profil Google + (Plus) untuk beralih ke Profil Google + (Plus) sobat bisa klick <b><a href="http://draft.blogger.com/switch-profile.g" target="_blank">disini</a></b>.<br />
<br />
Oke gak pake lama-lama lagi sekarang kita lansung aja bahas caranya, oke!<br />
<br />
1. Pertama-tama silahkan sobat menuju ke <b><a href="https://plus.google.com/pages/create" target="_blank">HALAMAN INI</a></b> dan klick product atau merek.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeI2mxLhNNlATCBcUmcmOU_URcwexfZm8lthrYBcc0qngCH7z-t7QTYa_YsqIppq22y2J1o4DR8gCdUOE9P6sKMo83CV6mqk3NxMZbTZ5agMXUI1hALxwavTDWf9pCbFqp5el2WdWS80/s1600/google+plus+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeI2mxLhNNlATCBcUmcmOU_URcwexfZm8lthrYBcc0qngCH7z-t7QTYa_YsqIppq22y2J1o4DR8gCdUOE9P6sKMo83CV6mqk3NxMZbTZ5agMXUI1hALxwavTDWf9pCbFqp5el2WdWS80/s400/google+plus+1.png" width="400" /></a></div><br />
2. Masukkan judul blog dan Url sebagai mengikuti.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdPxHZpyVzz0PwdEIOJTjHUKdfv9OFu4WsyjDc98u7b8M8UbW8qSN4R2o061fexSCrEHV3H8QKF1awzaIPBOUQv2J4vMMXga97DzLebHaGCxdPaG9hfpXDQlSjgkcIZhGBOlKoz6RXY5g/s1600/google+plus+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdPxHZpyVzz0PwdEIOJTjHUKdfv9OFu4WsyjDc98u7b8M8UbW8qSN4R2o061fexSCrEHV3H8QKF1awzaIPBOUQv2J4vMMXga97DzLebHaGCxdPaG9hfpXDQlSjgkcIZhGBOlKoz6RXY5g/s400/google+plus+2.png" width="400" /></a></div><br />
3. Pilih kategori website, dan centang setujui ketentuan halaman, lalu klick buat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgumZPR9U1OhwBjO3qhAF5f0_q2k8Xql2cxXGvp_hMDEh1tyt4p8sIVIvSK66bOExayYOYliNKdvLHRZ9xdeRPLdPjEFVQwM_oM6RO-HQv962-scAoOZe-58oHSja-hDocWR562E71n0/s1600/google+plus+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgumZPR9U1OhwBjO3qhAF5f0_q2k8Xql2cxXGvp_hMDEh1tyt4p8sIVIvSK66bOExayYOYliNKdvLHRZ9xdeRPLdPjEFVQwM_oM6RO-HQv962-scAoOZe-58oHSja-hDocWR562E71n0/s400/google+plus+3.png" width="400" /></a></div><br />
4. Masukkan Tagline dari Blog dan Upload foto Profile <span style="font-size: x-small;">(jika ada!)</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7IodW5Jos6StJgNrrmWc3Nva0hHZXso80oTNDO7Vz1haJ7J2H_b_M-_BMa5vPxSswjq-2qj8BF4Xfrhta_rYoGh_xUolJJoC3Gm-QkzLw2fQsCqfNT6m_htXNShuMfbpKEQA-pEIzRQ/s1600/google+plus+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7IodW5Jos6StJgNrrmWc3Nva0hHZXso80oTNDO7Vz1haJ7J2H_b_M-_BMa5vPxSswjq-2qj8BF4Xfrhta_rYoGh_xUolJJoC3Gm-QkzLw2fQsCqfNT6m_htXNShuMfbpKEQA-pEIzRQ/s400/google+plus+4.png" width="400" /></a></div><br />
5. Google plus halaman sobat hampir selesai di buat, jika sobat ingin membagikannya dengan lingkaran sobat silahkan klick Bagikan di Google+ lalu klick Selesai.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUTrGVUt5NDvLWWObHXcK3S2EhYV5FFB30ANmtPJ58GqzZ6eQ6FpyoJC_Zl5bA3zDjCw2k5Q4OpB5yj1SPAdnk2HaX33u10NrhF-ttMvKViaTc_QQkGx1uAbzDJt2qKq_QvY4Qf74KKI4/s1600/google+plus+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUTrGVUt5NDvLWWObHXcK3S2EhYV5FFB30ANmtPJ58GqzZ6eQ6FpyoJC_Zl5bA3zDjCw2k5Q4OpB5yj1SPAdnk2HaX33u10NrhF-ttMvKViaTc_QQkGx1uAbzDJt2qKq_QvY4Qf74KKI4/s400/google+plus+5.png" width="400" /></a></div><br />
<br />
<b><span style="color: red;">MENAMBAHKAN RESMI GOOGLE + (PLUS) BADGE HALAMAN</span></b><br />
Untuk menambahkan penggemar dan pemirsa tambahkan badge google plus ke halaman blog sobat<br />
<br />
1. Setelah selesai membuat halaman sobat akan melihat halaman seperti di bawah ini, klick Hubungkan situs web sobat untuk mendapatkan badge.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3zdtUx0epwjLz6kiyJhjREiPoYlYl56SKLrPELJvSr95YPXFIFyBmNc1Zr8pSfvabHQP6T_4_daw4WTg6tva_Mpb5BDTjdUrlvY7Pm2JLR6zscpHMkSNQC_7V7cF8uhyphenhyphen2HXG8ZgVbzQ/s1600/google+plus+6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3zdtUx0epwjLz6kiyJhjREiPoYlYl56SKLrPELJvSr95YPXFIFyBmNc1Zr8pSfvabHQP6T_4_daw4WTg6tva_Mpb5BDTjdUrlvY7Pm2JLR6zscpHMkSNQC_7V7cF8uhyphenhyphen2HXG8ZgVbzQ/s400/google+plus+6.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div>2. Sobat akan di bawa ke halaman ini, sobat dan halaman google plus secara otomatis di tambahkan.<br />
<br />
3. Pilih gaya badge dan bahasa.<br />
<br />
4. Disini sobat akan mendapatkan du bagian kode, kode 1 dan kode 2.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVcRyYshNYZ3yETNm7VOJgUa43S3SlmOgIpu4cnIFkE-_v5EPo-6KWqhOGfJY8472H7vLUByUIMkH2W5IHLLDs0v9YizHiIdq-dsIPYEooEb_pRDYjcnOkKTvgdPRiPzgjNwBjLAqR0os/s1600/google+plus+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVcRyYshNYZ3yETNm7VOJgUa43S3SlmOgIpu4cnIFkE-_v5EPo-6KWqhOGfJY8472H7vLUByUIMkH2W5IHLLDs0v9YizHiIdq-dsIPYEooEb_pRDYjcnOkKTvgdPRiPzgjNwBjLAqR0os/s400/google+plus+7.png" width="358" /></a></div><br />
<br />
<br />
5. Pergi ke Dasbor ➨ Rancangan ➨ Edit HTML.<br />
<br />
6. Selanjutnya anada cari kode </head> jika kesulitan mencarinya coba sobat baca <b><a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Mencari Kode HTML</a></b>.<br />
<br />
7. Jika sudah ketemu letakkan kode 1 di atasnya.<br />
<br />
8. Lalu letakkan kode 2 di gadget HTML/Java Script atau di manapun sobat ingin lencana atau badge ini muncul<br />
<br />
Saya rasa cukup untuk kali ini, silahkan tinggalkan komentar atau tanggapan sobat!<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://plus.google.com/115780777398536909642?prsrc=3" rel="publisher" style="margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="" src="https://ssl.gstatic.com/images/icons/gplus-64.png" style="border: 0px; height: 64px; width: 64px;" /></a></div>

1
2
3
4
5

Membuat Halaman Fans Page Google + (Plus) Untuk Blogger

Google + (Plus) sebenarnya sudah lama meluncurkan Halaman untuk Google + (Plus) untuk bisni, web, dan lain sebagainya! Kegunaanya sama dengan Facebook fans page, dan kali ini blog Oto Website akan mem…

Baca selengkapnya »

27 May 2012

Chek Google Pagerank

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHkWPqHH-UTDkUPu1Y_Zq9z0FaJHvK3IGBd_k6qtaqdLzo5C33MxKj8Wq7FMYHhHOCI4vxkRSnIt5nbSTzMuQhboF1cx-mwJCdoQvK6oRgCy1FmMvnfDIjO0MTazE0FVtVa3MHl6D-s7Q/s1600/pagerank121.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHkWPqHH-UTDkUPu1Y_Zq9z0FaJHvK3IGBd_k6qtaqdLzo5C33MxKj8Wq7FMYHhHOCI4vxkRSnIt5nbSTzMuQhboF1cx-mwJCdoQvK6oRgCy1FmMvnfDIjO0MTazE0FVtVa3MHl6D-s7Q/s640/pagerank121.png" width="640" /></a></div><br />
<span class="awal">P</span>agerak,merupakan semacam penilaian google terhadap web/blog Sobat, seberapa bagus dan berkualitasnya blog sobat juga berapa banyak pengunjung blog sobat. Semakin tinggi pagerank web/blog sobat, maka akan semakin senang robot dari search engine datang mengunjungi dan merayapi blog sobat.<br />
<br />
Apabila pagerank web/blog sobat tinggi maka peluang untuk muncul pada halaman pertama pencarian google akan semakin besar. Hal ini memungkinkan web/blog sobat ramai dengan pengunjung dari search engine. Banyak manfaat yang akan kita dapat dari pagerank tinggi.<br />
<br />
Selain itu, update atau pembaruan web/blog akan cepat terindex google jika web/blog sobat mempunyai pagerank yang tinggi. Peluang untuk bersaing di search engine akan semakin mudah.<br />
<br />
Ada Blog telah menyediakan Tools untuk mengecek page rank blog sobat silahkan cek Page Rank sobat disini ,ini alatnya<br />
<br />
<div style="text-align: center;"><table cellspacing="1" style="border: 1px solid #DDD; margin: 10px auto 40px; text-align: center; width: 400px;"><tbody>
<tr><td style="background: #D1FFA4; vertical-align: middle;"><br />
<div style="color: #666666; font-family: Verdana; font-size: 11px; margin: 0px; padding: 2px;"><strong>Check Page Rank of your Web site pages instantly:</strong></div></td></tr>
<form action="http://www.prchecker.info/check_page_rank.php" method="post" style="margin: 0px; padding: 0px;" target="_blank"></form><tr><td style="background: #DDD; border: 1px solid #CCC; padding: 10px;"><br />
<input name="action" type="hidden" value="docheck" /><br />
<input maxlength="150" name="urlo" style="font-family: Arial; font-size: 13px; margin-right: 10px; padding: 1px 2px 2px 3px; width: 250px;" type="text" value="http://" /> <br />
<input name="submit" style="font-family: Arial; font-size: 11px; padding: 1px; width: 80px;" type="submit" value=" Check PR " /></td></tr>
<tr><td><br />
<div style="color: #aaaaaa; font-family: Verdana; font-size: 9px; margin: 0px; padding: 3px 0px 1px 0px;">This page rank checking tool is powered by <a href="http://www.prchecker.info/" target="_blank">Page Rank Checker</a> service</div></td></tr>
</tbody></table></div><br />
<div style="text-align: center;"><b>Bagaimana hasilnya?!?</b></div><div style="text-align: center;"><b><br />
</b></div>

Chek Google Pagerank

Chek Google Pagerank

Pagerak,merupakan semacam penilaian google terhadap web/blog Sobat, seberapa bagus dan berkualitasnya blog sobat juga berapa banyak pengunjung blog sobat. Semakin tinggi pagerank web/blog sobat, maka…

Baca selengkapnya »

27 May 2012

Inter Milan Tutup Tur Indonesia dengan Kemenangan

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU64mZwOQuRbkZjsMmxrqWIXE3jXWXS7mqe9FB9v4NJ4ONL7IoUpcUoEEeigt-d8xQNBS4o44uCAnDfD2lsh_tn1a_d7F-3UVoG1PEpZ7TN0jqG-nQ6RZeuP6N_-x6_5Irxoism_Q5cPA/s1600/intervsindon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU64mZwOQuRbkZjsMmxrqWIXE3jXWXS7mqe9FB9v4NJ4ONL7IoUpcUoEEeigt-d8xQNBS4o44uCAnDfD2lsh_tn1a_d7F-3UVoG1PEpZ7TN0jqG-nQ6RZeuP6N_-x6_5Irxoism_Q5cPA/s640/intervsindon.png" width="640" /></a></div><span class="awal">J</span>akarta - Setelah sehari sebelumnya menaklukkan tim Lega Selection, Inter Milan sukses menjungkalkan Timnas U-23 Indonesia plus dengan skor cukup telak, 4-2.<br />
<br />
Inter Milan melakoni partai keduanya dalam laga persahabatan bertajuk Inter Milan Indonesia Tour 2012 melawan Timnas U-23 Indonesia plus di Stadion Utama Gelora Bung Karno, Sabtu (26/5/2012) malam WIB.<br />
<br />
Berbeda dengan saat menghadapi Lega Selection, kali ini pelath Inter Milan Andrea Stramaccioni menurunkan lebih banyak pemain seniornya, diantaranya Ivan Cordoba, Maicon, Diego Milito, Javier Zanetti, Esteban Cambiasso, dan Walter Samuel.<br />
<br />
Pertandingan di awal babak pertama berlangsung dengan tempo sedang. Inter langsung unggul cepat ketika pertandingan baru berusia empat menit.<br />
<br />
Berawal dari sebuah kemelut di depan gawang Indonesia, Coutinho melepas tembakan datar keras memanfaatkan bola liar. Penjaga gawang Indonesia Markus Harison gagal menyelamatkannya. 1-0 Inter unggul.<br />
<br />
Selepas gol itu, jalannya pertandingan berubah drastis. Indonesia bangkit dan terus menekan pertahanan Inter lewat kecepatan duo winger, Okto Maniani dan Elie Aiboy. Inter pun terpancing dan terlihat bermain lebih serius.<br />
<br />
Terus menekan, kebuntuan Timnas Indonesia terpecahkan di menit kesembilan. Berawal dari serangan balik yang dirancang Okto dari sisi kiri, bola umpan silangnya berhasil disapu Cambiasso. Tetapi, bola muntah disambar tembakan keras Patrich Wangai dari luar kotak penalti dan bersarang di pojok kanan gawang Inter. Skor berubah menjadi 1-1.<br />
<br />
Inter Milan nyaris berbalik unggul di menit ke-21. Temabakn jarak jauh Jonathan dari sisi kanan masih mampu ditepis dengan baik oleh Markus.<br />
<br />
Enam menit kemudian, Inter kembali memperoleh peluang. Kali ini, tembakan bebas Angelo Palombo juga masih mampu ditepis Markus.<br />
<br />
Bomber Timnas Ferdinand Sinaga mengalami cedera engkel. Posisinya kemudian digantikan oleh bomber Persema Malang, Irfan Bachdim, di menit ke-30.<br />
<br />
Kelengahan lini belakang Indonesia di menit akhir harus dibayar mahal. Coutinho membawa Inter berbalik unggul sekaligus mencetak gol keduanya di pertandingan ini.<br />
<br />
Diawali dari aksi juggling Maicon dari sisi kanan. Pemain bertahan asal Brasil itu mengirim umpan kepada Diego Milito dan langsung diteruskan kepada Coutinho. Dengan tenang, Coutinho menyungkil bola dan menaklukkan Markus untuk kedua kalinya. 2-1 Inter berbalik unggul hingga akhir babak pertama.<br />
<br />
Pertandingan babak kedua juga berlangsung cepat dan keras. Stramaccioni terlihat lebih serius di babak ini. Hal itu ditunjukkannya dengan memasukkan Giampaolo Pazzini menggantikan Samuele Longo.<br />
<br />
Terdapat sebuah insiden terjadi di menit ke-58. Ivan Cordoba terlihat menyikut Diego Michels. Diego terjatuh dan hidungnya mengeluarkan darah. Namun setelah mendapat perawatan, Diego bisa kembali bermain.<br />
<br />
Dua menit kemudian, Gol ketiga Inter akhirnya tercipta. Giampolo Pazzini lolos dari perangkap offside setelah menerima umpan terobosan Cambiasso. Dengan tenang, Pazzini menaklukkan Markus. 3-1 Inter unggul.<br />
<br />
Sepuluh menit kemudian, Pazzini mencetak gol keduanya di pertandingan ini. Kali ini, pemain berdarah Italia itu menggocek dua pemain Indonesia dan melepas tembakan keras yang gagal dihalau Markus. Inter unggul jauh 4-1.<br />
<br />
Timnas Indonesia mampu memperkecil ketertinggalan di masa injury time melalui gol Yoshua Pahabol. Valentino merangsek masuk kotak penalti setelah melewati tiga pemain Inter. Kemudian, dia melepas umpan silang datar yang langsung dicocor Pahabol yang berdiri di muka gawang. Skor 4-2 bertahan hingga laga usai.<br />
<br />
Kapten Inter, Javier Zanetti, berlari mengelilingi lapangan dua kali seusai laga sebagai wujud penghormatannya kepada para Interisti Indonesia. Beberapa pemain Inter, termasuk Stramaccioni juga mengikuti jejak Zanetti.<br />
<br />
<div id="spoiler"><div><input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="SUMBER" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><div style="text-align: justify;">INILAH.COM</div></div><div id="hide"></div></div>

Inter Milan Tutup Tur Indonesia dengan Kemenangan

Inter Milan Tutup Tur Indonesia dengan Kemenangan

Jakarta - Setelah sehari sebelumnya menaklukkan tim Lega Selection, Inter Milan sukses menjungkalkan Timnas U-23 Indonesia plus dengan skor cukup telak, 4-2. Inter Milan melakoni partai keduanya dalam…

Baca selengkapnya »

26 May 2012

Cara membuat Vertical Sliding Info Panel Dengan JQuery

<span class="awal">S</span>elamat pagi sob? itu kalo sobat membaca postingan articles ini pada waktu pagi hari, jika siang ya selamat siang, jika sore . . . dan seterusya deh, xixixi . . .<br />
Dalam kesempatan kali ini saya akan share kepada teman-teman tentang <b><a href="http://otowebsite.blogspot.com/2012/05/cara-membuat-vertical-sliding-info.html" target="">Cara membuat Vertical Sliding Info Panel Dengan jQuery</a></b>, widget ini sangat keren banget sob, dan tidak akan menghabiskan tempat di blog sobat, jadi sangat cocok banget jika blog sobat lagi kehabisa tempat.<br />
Widget ini sliding auto hide dan biasa di gunakan untuk menyimpan data profil sobat dan lain sebagainya. Untuk contoh Vertical Sliding Info Panel Dengan jQuery sobat bisa lihat gambar berikut.<br />
<div style="text-align: center;"><span style="font-size: x-small;">Contoh Vertical Sliding Info Panel Dengan jQuery </span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8hpKckhWg04tqcxslR9m-U8zeOJ0alHjilO-zrTIVdwHSD3woVVKh8bZLoyDRCPWV5RHwOFOhxwddgfXiLYgiYlsg2qBYZ6iXdqejzJAR3_ppm36F8zobpqts3E080tz5pFHuIi92Rlo/s1600/vertical+sliding.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8hpKckhWg04tqcxslR9m-U8zeOJ0alHjilO-zrTIVdwHSD3woVVKh8bZLoyDRCPWV5RHwOFOhxwddgfXiLYgiYlsg2qBYZ6iXdqejzJAR3_ppm36F8zobpqts3E080tz5pFHuIi92Rlo/s320/vertical+sliding.png" width="293" /></a></div>Gimana keren bukan?<br />
<br />
Untuk <b><a href="http://otowebsite.blogspot.com/2012/05/cara-membuat-vertical-sliding-info.html">Cara membuat Vertical Sliding Info Panel Dengan JQuery</a></b> di blogger sobat, sobat cukup ikuti step-by step berikut:<br />
<br />
1. Masuk ke akun blogger sobat.<br />
<br />
2. Pada menu sobat klick Racangan ➨ Edit HTML ➨ Centang <input checked="" id="expandWidgets" style="font-size: small;" type="checkbox" /><span style="background-color: transparent;">Expand Template Widget.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">3. Sekarang sobat backup dulu ya templatenya, untuk mengantisipasi bila terjadi kesalahan.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">4. Selanjutnya pada edit template sobat </span><span style="background-color: transparent;">cari kode<b><span style="color: red;"> ]]></b:skin></span></b> Jika kesulitan mencarinya coba sobat baca <b><a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Mencari Kode HTML</a></b>.</span><br />
<span style="background-color: transparent;"><br />
</span><br />
<span style="background-color: transparent;">5. Jika sudah ketemu sekarang sobat copy kode di bawah ini dan paste atau letakkan di atas kode tadi.</span><br />
<br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjserxNSu8p9NUXVF9qTYnzNi9KR2y7rnlIZ_4OZHpJs60_LxxnK5DkbeJ31f0vu0YxnYgvAt_SwjUDrELdg40LBzNiQs0AFodb-HrGWJFXan8Iap7pZupTuYbVcMvh3cnXVIJ9NcQeoHyk/); border: 2px #000fff dashed; padding: 10px;">; text-align: left;">.panel{position:fixed;top:20px;left:0;background:#000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:1px solid #666;width:320px;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:10px 30px 30px 100px}<br />
.panel p{color:#fff;margin:0 0 15px;padding:0}<br />
.panel a,.panel a:visited{color:#9FC54E;text-decoration:none;margin:0;padding:0}<br />
.panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;margin:0;padding:0}<br />
a.trigger{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpfM3Jrhw_gKpV07WZBrsi8gYAmVvxU2MtXcvrdNNG2MOzd6oieut-2LJk0wmw2rW12JzYiPBcxeu0hkzy2tRD0UYzlrV351hSlCFk1S6Up7XAoXHYlSJTiBIbttRpdLhEF7kliEikUow/s320/plus.png) 85% 55% no-repeat;border:1px solid #fff;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 35px 10px 10px}<br />
a.trigger:hover{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpfM3Jrhw_gKpV07WZBrsi8gYAmVvxU2MtXcvrdNNG2MOzd6oieut-2LJk0wmw2rW12JzYiPBcxeu0hkzy2tRD0UYzlrV351hSlCFk1S6Up7XAoXHYlSJTiBIbttRpdLhEF7kliEikUow/s320/plus.png) 85% 55% no-repeat;border:1px solid #fff;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px 40px 10px 10px}<br />
a.active.trigger{background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3s7AzBzPfFvKbZkdVLJ2r1NTZYo9wuf0Y01QwKuR8bSXg0DgBy1c_0JJRi7J4cIzsNJGamNMFv4pdLcoYeZrWTGlj0RK63NSPDr_ESQT6ANdgPAxqkzlwBvWTtp_bkyUP_YGAQEY_IEE/s320/minus.png) 85% 55% no-repeat}<br />
.columns{clear:both;width:330px;line-height:22px;padding:0 0 20px}<br />
a:focus{outline:none}<br />
.panel img{border:1px solid #666;float:right;margin:3px 0px 6px 5px;padding:2px}<br />
.panel h3{border-bottom:1px solid #666;margin-bottom:5px;padding-bottom:3px;text-align:left;clear:both;color:#fff;font-size:13px;font-weight:700}<br />
.columns ul,.columns ul li{list-style-type:none;margin:0;padding:0}<span style="background-color: transparent;"></span></div><br />
6. Masih dalam edit template sekarang sobat cari kode <b><span style="color: red;"></head></span></b> dan letakkan kode berikut di atasnya.<br />
<br />
<span style="background-color: transparent;"></span><br />
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0YzfWnFBJG6lk3v2UHq9DzKLUyom00fKF1NXviDvHLx_ppBTwV3-ezfaOg8pBHNT3EBJnc5ooYtywa2jGgcMncicp6E4KU1F2UVgk9bUuqM9hankSqBND8Qe0WS8Li_RuX4jpWRshyde8/s320/AG00433_.gif) no-repeat; border: 2px #000fff dashed; padding: 10px;"><span style="color: red;"><script src='http://otowebsite.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/></span><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(".trigger").click(function(){<br />
$(".panel").toggle("fast");<br />
$(this).toggleClass("active");<br />
return false;<br />
});<br />
});<br />
</script><span style="background-color: transparent;"></span></div><br />
7. Simpan template.<br />
<br />
8. Tinggal satu langkah lagi, Pada menu sobat klick Rancangan ➨ Tambah gadget (saya sarankan di bagian paling bawah, dan jangan di beri judul) ➨ Lalu pilih HTML/Java Scrtipt.<br />
<br />
9. Sekarang sobat copy kode berikut dan pastekan ke dalam elemen HTML/Java Script tadi.<br />
<br />
<div style="background-color: #bbbbbb; border: 2px #bb0000 dashed; padding: 10px; text-align: left;"><div class='panel'><br />
<center><font size="1"><a href="http://otowebsite.blogspot.com/2012/05/cara-membuat-vertical-sliding-info.html"target=_blank"><div style="color: #444444;"><br />
<span >make own</span></div></a></font></center><br />
<h3>Selamat Datang Di Oto Website [Dofollow]</h3><br />
<p style="text-align:justify">Salam Blogger | Senang rasanya sobat blogger sudah bersedia singgah disini. semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya, dan apabila berkenan silahkan berkomentar dan follow blog saya, dengan harapan kita sebagai sesama blogger bisa menjalin silaturohmi antar sesama blogger.<br />
<br/><br />
<a title="@dek_rif" target="_blank" href="https://plus.google.com/101942472174789798746">Selengkapnya tentang saya</a></p><br />
<h3>Sekilas tentang penulis</h3><br />
<img width="73px" height="90px" alt="Fhikar Note" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCmjjx0PZ445Mu_mPImHReIpaRKFgm-FeeSFLHLCjUEZYGIWQ-jrk6fLPbLLQGwqpudhdUo9dV2otmtVARb0gFbZs64zdUvoDejxpHlpIQmSbnCCgPkYhgIQu-m-FVxjxZkpPMH6xgQh8/s1600/@dek_rif.jpg" /><br />
<p>Nama Saya Arief tapi akrab di panggil Dek Rif<br />
<br/><br />
Saya hanyalah orang biasa yang ingin berbagi kepada teman-teman semua dan saya ingin sukses di dunia internet</p><br />
<div class='columns'><br />
<div class='colleft'><br />
<h3>Social Stuff</h3><br />
<a href="feeds/posts/default"><img alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijBSY1iPVj44UapSkZAq3XWxwlP-R3wcIfPNBioA0fMo5NoLc19eYxhrLq7BeT2Q48pNBLhYZ1DZkObPyc3tUJWAo3t3vPVXUtOUiZ6k4turNPcGz0JGCpIaBZZXjvL3R8mcd5F_DZvWo/s320/r.png" /></a><br />
<a href="https://plus.google.com/101942472174789798746"><img alt="mybloglog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQsbEdSvNE4De3bE3qSgT-ox4j4WFcNbFO9z4L-V-j8wFqYh-vjYfJ4cvWGOQ0MfU52Vn1K8VBFGzIIhHCPjuiIN25Jfe_9_ahBGe1JXSfuHnsAU3XmJwLUQBw4wsrCJE97NzdrC4WyYU/s128/Inside-Google.png" /></a><br />
<a href="http://twitter.com/@dek_rif"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-5FyRN_pm8V5N3iNzBICCQXqzY_mnIY03LogcBbIfu4oIdKW6l0Bwfh3LNo05FYcx1WlA9Id4JgMIDQLoEw3YHidx0_PX1qZyc4eXMhdseIJxJy81FQNWCx4nPlWnIqQFK8AtAO_4RWg/s320/t.png" /></a><br />
<a href="http://www.facebook.com/itnaw"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1iSOy9TnBYLLN9s5iPfgHrQUeJbxVeG7QHnZtw4pgmMbKjEBCR_2Y-QHWsTRL7Hu3crIn2Br1cvzvRS9z5yAGMgxJzrYzQeNqlwqmrg0yVn7ePh9kKeAD7GAp2P7vXCi-UFaIXGDyhY/s320/f.png" /></a><br />
<a href="http://otowebsite.blogspot.com/"><img alt="HOME" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIExUQTPT0Fo2zbyiEgN02Bjp_YBizyDoUZDOu68IsBwk9j5y9sZj8nSE_vUyK6fYE7GzVUBooIi9jne-oZhtq4OA_P_P4SggClXUpRFEtDXLg6c8JnYKNyIGyYUfyru6Jan8yXQCzemY/s320/b.png" /></a><br />
</div><br />
</div><br />
</div><br />
<a class='trigger' href='#'>Info</a><span style="background-color: transparent;"></span></div><br />
10. Simpan.<br />
<br />
Sekarang sobat bisa lihat sendiri hasilnya!<br />
<br />
<b>Keterangan:</b><br />
<ul><li>Kode script warna merah pada kode script yang adalah script jQuery 1.3.2 jika di template sobat sudah terdapat kode tersebut maka sobat tidak perlu memasangnya lagi.</li>
<li>Kode script yang ke tiga yang di pasang di widget yang perlu di perhatikan, sobat dapat mengubahnya sesuai selera soba, karna itu adalah cuma contoh profil saya, hehehe . . . kalo yang itu gak perlu di jelasin kan?</li>
</ul>Oke dah saya rasa cukup untuk kali ini, ada kesulitan? jangan sungkan bertanya!<br />
<br />
Bagaiman, apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komenntar sobat tentang postingan atau articles di atas!

1
2
3
4
5

Cara membuat Vertical Sliding Info Panel Dengan JQuery

Selamat pagi sob? itu kalo sobat membaca postingan articles ini pada waktu pagi hari, jika siang ya selamat siang, jika sore . . . dan seterusya deh, xixixi . . . Dalam kesempatan kali ini saya akan s…

Baca selengkapnya »

26 May 2012

Load more posts

Langganan: Postingan (Atom)

Top