Casey Stoner menang di Assen, Jorge Lorenzo dibawa keluar pada lap pertama

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb7iGuCaVJpm5eO3XauIFJEWJvs_mpYPtPWtPU-n-LCC70kAHAIGJbOHsQpMyaJwOx-A4sJpPEq8FBgQs96HZhyphenhyphenWX5V5b9HS_AinQ_Y3Wyfh_AIbS2ZZoQ_i-oP3yKpX-fVrwXHWced2I/s1600/1341060402.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb7iGuCaVJpm5eO3XauIFJEWJvs_mpYPtPWtPU-n-LCC70kAHAIGJbOHsQpMyaJwOx-A4sJpPEq8FBgQs96HZhyphenhyphenWX5V5b9HS_AinQ_Y3Wyfh_AIbS2ZZoQ_i-oP3yKpX-fVrwXHWced2I/s320/1341060402.jpg" width="212" /></a></div><span class="awal">C</span>asey Stoner kedudukan dengan Jorge Lorenzo di kepala meja poin MotoGP dengan menjuarai Belanda di Assen TT pada hari ketika Lorenzo diambil di tikungan pertama oleh Alvaro Bautista.<br /> <br /> Gresini Honda Bautista berusaha untuk membuat tanah di awal setelah kecelakaan kualifikasi yang membuatnya kedelapan di grid, dan outbraked lima saingan di dalam hati sebelum jatuh dan meluncur ke Lorenzo Yamaha, mengambil kedua keluar di tempat.<br /> <br /> Berarti tinggal Honda duo Dani Pedrosa dan Stoner yang jelas untuk badai jauh dari lapangan serempak. Pedrosa diadakan memimpin sampai lap 16 dari 26, ketika Stoner mampu lolos dan tarik jelas. Kemenangan pertama Australia sejak Estoril pada awal Mei berarti dia sama dengan Lorenzo pada 140 poin, meskipun yang terakhir masih penghitungan menang lebih besar. Pedrosa adalah 19 poin terpaut di urutan ketiga.<br /> <br /> Sisa pabrik Yamaha Ben Spies memiliki tantangan tidak untuk Honda, dan akhirnya kehilangan tempat ketiga untuk Tech 3 Yamaha Andrea Dovizioso setelah perlombaan sepanjang pergumulan.<br /> <br /> Rekan setimnya Dovizioso Cal Crutchlow harus pergi lebar untuk melewatkan kecelakaan Lorenzo / Bautista di awal dan menurun menjadi tempat 15. Pembalap Inggris kemudian dipasang lagi biaya bangkit kembali untuk pulih ke posisi kelima.<br /> <br /> Nicky Hayden Ducati teratas di keenam, walaupun perjalanan awal melalui kerikil chicane. Dia berjuang keras Pramac Ducati masa lalu Hector Barbera dan karya-karyanya rekan setimnya Valentino Rossi, yang akhirnya diadu untuk ban belakang baru dan jatuh ke-13.<br /> <br /> Akhir pekan menjanjikan Stefan Bradl yang harus berakhir secara menyedihkan ketika ia jatuh nya LCR Honda keluar dari keempat pada lap kedua.<br /> <br /> Dengan Karel Abraham (Cardion Ducati) menarik pra-ras karena sakit terus dari cedera tangannya, bidang prototipe adalah ramping bahkan sebelum insiden, sehingga atas CRT pengendara Randy de Puniet akhirnya kedelapan, menangkis Gresini Michele Pirro. De Puniet yang Aspar rekan setimnya Aleix Espargaro sempat memimpin pak sampai masalah mesin. Kecepatan Guru Mattia Pasini menyelesaikan 10 besar.<br /> <br /> <b>Hasil - 26 laps: </b><br /> <br /> <br /> <b>Pos</b> <b> Rider             Team/Bike                    Time/Gap</b><br /> 1.  Casey Stoner      Honda                      41m19.855s<br /> 2.  Dani Pedrosa      Honda                        + 4.965s<br /> 3.  Andrea Dovizioso  Tech 3 Yamaha               + 11.994s<br /> 4.  Ben Spies         Yamaha                      + 14.775s<br /> 5.  Cal Crutchlow     Tech 3 Yamaha               + 22.074s<br /> 6.  Nicky Hayden      Ducati                      + 31.660s<br /> 7.  Hector Barbera    Pramac Ducati               + 59.107s<br /> 8.  Randy de Puniet   Aspar Aprilia             + 1m04.441s<br /> 9.  Michele Pirro     Gresini FTR-Honda         + 1m06.980s<br /> 10.  Mattia Pasini     Speed Master Aprilia      + 1m25.087s<br /> 11.  Danilo Petrucci   Ioda-Aprilia              + 1m32.103s<br /> 12.  Ivan Silva        Avintia Inmotec-Kawasaki  + 1m33.797s<br /> 13.  Valentino Rossi   Ducati                        + 1 lap<br /> 14.  James Ellison     Paul Bird Aprilia             + 1 lap<br /> <br /> <b>Retirements:</b><br /> <br /> Aleix Espargaro   Aspar Aprilia                 14 laps<br /> Colin Edwards     Forward Suter-BMW              7 laps<br /> Yonny Hernandez   Avintia FTR-Kawasaki           5 laps<br /> Stefan Bradl      LCR Honda                       1 lap<br /> Jorge Lorenzo     Yamaha                         0 laps<br /> Alvaro Bautista   Gresini Honda                  0 laps<br /> Karel Abraham     Cardion Ducati                 0 laps

Casey Stoner menang di Assen, Jorge Lorenzo dibawa keluar pada lap pertama

C asey Stoner kedudukan dengan Jorge Lorenzo di kepala meja poin MotoGP dengan menjuarai Belanda di Assen TT pada hari ketika Lorenzo diambi...

Baca selengkapnya »

Touch Me Sharing Widget

<div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY-6VFbKksA-8CoPjEazatiPAG9C7oa7IEKH3j9jauFDtY7njyBTgdqyrhFH-yaSduOlVTjQHIYBoejjwNFkCQEWhs_de8L1baOmaGVcgNkEw-6Wtmj51Vg_5JFzbx_N6_orKFeISVyfo/s1600/touch+me+sw.jpg" /></a></div><span class="awal">H</span>appy blogging !!!<br /> Sekarang dalam kesempatan yang biasa-biasa blog Oto Website akan update postingan kembali, dengan article yang keren punya dan kali ini blog Oto Website akan share tentang <b><a href="http://otowebsite.blogspot.com/2012/06/touch-me-sharing-widget.html">Touch Me Sharing Widget</a></b>.<br /> Widget kali ini sangat cantik dan sangat mudah pemasangannya, yang namanya di pasang di widget pasti gampang kan? mungkin kita gak perlu berlama-lama lagi berbincang-bincangnya, bagi sobat yang belum paham dengan widget kali ini sobat bisa lansung melihat demonya!<br /> <br /> <div style="text-align: center;"><a class="button" href="http://www.otowebsite.co.cc/" target="_blank">Lihat Demo</a></div><div style="text-align: center;"><br /> </div>Nah kalo udah paham sekarang mari kita bahas cara memasang <b><a href="http://otowebsite.blogspot.com/2012/06/touch-me-sharing-widget.html">Touch Me Sharing Widget</a></b> di blog sobat :<br /> <br /> 1. Login ke akun blogger sobat.<br /> <br /> 2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (di bagian manapun sobat ingin widget ini muncul)<br /> <br /> 3. Lalu sobat pilih HTML/Java Scrip ( terserah mau di beri judul atau tidak) ➨ Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!<br /> <br /> <div class="md8"><style><br /> /*--------Touch Me Sharing Widget ------*/<br /> .touchme a {<br /> display:block;<br /> height:50px;<br /> width:50px;<br /> padding:0 4px;<br /> float:left;<br /> background:transparent url(http://otowebsite.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;<br /> -webkit-transition: ease-in 0.2s all;   <br /> -moz-transition: ease-in 0.2s all;   <br /> -o-transition: ease-in 0.2s all;   <br /> -ms-transition: ease-in 0.2s all;   <br /> transition: ease-in 0.2s all;<br /> cursor:pointer;<br /> }<br /> <br /> .touchme a.googleplus {<br /> background-position: 0px -58px;<br /> }<br /> .touchme a.googleplus:hover {<br /> background-position: 0px 0px;<br /> }<br /> <br /> .touchme a.twitter {<br /> background-position: 0px -290px;<br /> }<br /> .touchme a.twitter:hover {<br /> background-position: 0px -232px;<br /> }<br /> .touchme a.facebook {<br /> background-position: 0px -406px;<br /> }<br /> .touchme a.facebook:hover {<br /> background-position: 0px -348px;<br /> }<br /> <br /> .touchme a.rss {<br /> background-position: 0px -174px;<br /> }<br /> .touchme a.rss:hover {<br /> background-position: 0px -116px;<br /> }<br /> <br /> </style><br /> <br /> <div class='touchme'><br /> <!--RSS--><br /> <a class='rss' href="<b><span style="color: red;">YOUR RSS LINK</span></b>" rel='external nofollow' target='_blank'></a><br /> <!--Google Plus--><br /> <a class='googleplus' href="<b><span style="color: red;">YOUR GOOGLE PROFILE LINK</span></b>" rel='external nofollow' target='_blank'></a><br /> <!--Facebook--><br /> <a class='facebook' href="<b><span style="color: red;">YOUR FACEBOOK LINK</span></b>" rel='external nofollow' target='_blank'></a><br /> <!-- Twitter --><br /> <a class='twitter' href="<b><span style="color: red;">YOUR TWITTER LINK</span></b>" rel='external nofollow' target='_blank' ></a><br /> <br /> </div></div><br /> 4. Simpan.<br /> <br /> <b><span style="color: red;">Keterangan :</span></b><br /> <ul><li>Ganti YOUR RSS LINK dengan Feed burner link sobat.</li> <li>Ganti YOUR GOOGLE PROFILE LINK dengan Google+ URL sobat.</li> <li>Ganti YOUR FACEBOOK LINK dengan Facebook URL sobat.</li> <li>Ganti YOUR TWITTER LINK dengan Twitter Profile URL sobat.</li> </ul>Sekian.<br /> <br /> Saya rasa cukup untuk postingan atau article <b><a href="http://otowebsite.blogspot.com/2012/06/touch-me-sharing-widget.html">Touch Me Sharing Widget</a></b>, mudah-mudahan article ini bisa bermanfaat!<br /> <br /> Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas!

Touch Me Sharing Widget

H appy blogging !!! Sekarang dalam kesempatan yang biasa-biasa blog Oto Website akan update postingan kembali, dengan article yang keren pu...

Baca selengkapnya »

Cara Membuat Facebook Like Auto Hide Di Blog - V2

<span class="awal">H</span>ari ini saya akan mecoba share atau update postingan kembali di blog tercinta ini yaitu blog O.W alias Oto Website, hehehe . . .<br /> Dan kali ini saya akan mencoba share tentang widget Facebook yang saya beri judul <b><a href="http://otowebsite.blogspot.com/2012/06/cara-membuat-facebook-like-auto-hide-di.html">Cara Membuat Facebook Like Auto Hide Di Blog - V2</a></b>. Sebelumya blog ini pernah membahas <b><a href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html" target="_blank">Cara Membuat Facebook Like Auto Hide Di Blog</a></b> yang memanfaatkan bantuan dari jQuery, kali ini juga sama kita juga menggunakan bantuan jQueri tapi widget kali ini lebih simple dan lebih mudah sedikit memasangnya.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh2pYb0eI9T8N2YzrXDF0I5iUG-v23KZkwsjNY3UyvoC7XhVpTY0CO0Vrzq4ykfU0e0WVM-WkIE5p3vWcq8y84V0Yk_L1KkZa533E0MQiv6ZxIWgCHeucN3vPaBBc1zi53EZeS82RjZrE/s1600/v2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh2pYb0eI9T8N2YzrXDF0I5iUG-v23KZkwsjNY3UyvoC7XhVpTY0CO0Vrzq4ykfU0e0WVM-WkIE5p3vWcq8y84V0Yk_L1KkZa533E0MQiv6ZxIWgCHeucN3vPaBBc1zi53EZeS82RjZrE/s400/v2.jpg" width="261" /></a></div><br /> Widget ini sebenarnya adalah gabungan dari empat wigets yang saya pisahkan menjadi satu widget yang khusus untuk facebook saja, untuk postingan articles mendatang saya pasti akan share empat widget gabungan dari wiget ini.<br /> Untuk lebih jelasnya tentang widget ini sobat bisa lihat dulu demonya dulu dengan menekan tombol berikut ini:<br /> <br /> <div style="text-align: center;"><a class="button" href="https://otowebsite-blogspot.googlecode.com/svn/trunk/Oto%20Website-Tutorial%20Mudah%20Tooltips%20dengan%20CSS3%20dan%20jQuery.html" target="_blank"><b>Lihat Demo</b></a></div><div style="text-align: center;"><br /> </div>Nah sudah jelaskan? kalo begitu sekarang mari kita bahas <b><a href="http://otowebsite.blogspot.com/2012/06/cara-membuat-facebook-like-auto-hide-di.html">Cara Membuat Facebook Like Auto Hide Di Blog - V2</a></b> ini :<br /> <br /> 1. Login ke akun blogger sobat.<br /> <br /> 2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (saya sarankan di bagian paling bawah dan jangan di beri judul)<br /> <br /> 3. Lalu sobat pilih HTML/Java Scrip ➨ Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!<br /> <br /> <div class="md5"><style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhetB7sC2Qxt1bbb35W2UgVowOtusCPETXL-A3193iqgh0eTPLfSIzAMz1mvoabvPKBoEv5WfaySI8ba90uqUmLF-EwEPA8A-OJOilfkmmFFKMUYWGKhkItS1YlLZuD6q7LoU7sw5lH3ac/s1600/otowebsite.blogspot.com-facebook.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="background-color: lime; color: red;">dekrif</span></b>&&width=200&height=348&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:348px;" allowtransparency="true"></iframe></div></div></div></div><br /> <blockquote><div>Ganti <b><span style="background-color: lime; color: red;">dekrif</span></b> dengan url facebook fans page sobat.<br /> Contoh url facebook fans page Oto Website adalah "<b><span style="color: orange;">http://www.facebook.com/dekrif</span></b>" maka cukup ambil url belakangnya saja ya itu "<b><span style="color: orange;">dekrif</span></b>"</div></blockquote><br /> 4. Lalu simpan.<br /> <br /> Selesai !<br /> <br /> Sekarang sobat bisa lihat sendiri hasilnya pada blog sobat!<br /> <br /> Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas!

Cara Membuat Facebook Like Auto Hide Di Blog - V2

H ari ini saya akan mecoba share atau update postingan kembali di blog tercinta ini yaitu blog O.W alias Oto Website, hehehe . . . Dan kali...

Baca selengkapnya »

Apakah Facebook Menguji Tombol 'Want' ?

<div class="separator" style="clear: both; text-align: center;"><a href="http://www.otowebsite.blogspot.com/" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBuH2LbUSpxshvYgKyScmqjBfmeiPK4RuAps9iNWR046IWr9aSoLj23zyzHB0XmlWxVRrbPELiKybMJg8qhIggU36P1EaW5IucHQl8I-9XOrxlpFx5LWX6iIoYnhxFSWpdsD6y_9Bacuk/s320/facebook-like-comic-600-275x171.jpg" width="320" /></a></div><span class="awal">F</span>acebook mungkin menguji sebuah "Want" tombol yang akan memungkinkan Anda untuk menambahkan produk ke daftar keinginan virtual.<br /> <br /> Menurut Tom Waddington, seorang pengembang web untuk situs <a href="http://www.cutoutandkeep.net/" target="_blank">Cut Out + Keep</a>, Facebook memiliki cacat "Ingin" tombol termasuk dalam Javascript coding nya <a href="https://developers.facebook.com/docs/plugins/" target="_blank">daftar plug-in sosial</a> . Ini berarti bahwa - selain plug-in yang ada seperti berlangganan dan tombol Seperti yang memungkinkan pengguna untuk melihat aktivitas teman di seluruh situs - sebuah "Ingin" tombol kemungkinan akan memungkinkan anggota untuk melihat apa item lain dalam jaringan mereka ingin membeli.<br /> <br /> "Kode ini dirilis ke Facebook Javascript SDK, Rabu," kata Waddington Mashable . "Saya melacak perubahan pada file."<br /> <br /> Waddington mengatakan ia menemukan beberapa tag baru lainnya - seperti "derajat," peristiwa halaman "," "konteks sosial" dan "privasi pemilih" - tetapi mereka tidak tampaknya akan bekerja juga: "Aku masih menjajaki kode untuk melihat apa lagi yang baru. "<br /> <br /> Meskipun tombol saat ini tidak tercantum di situs pengembang Facebook sebagai plugin sosial, Waddington mengatakan bahwa tombol Want hanya akan bekerja pada proyek-proyek Grafik Buka dengan di bawah tag "produk."<br /> <br /> Waddington mencoba untuk menginstal tombol Want ke <a href="http://tom.waddington.me/blog/2012/06/27/facebook-want/" target="_blank">blog-nya</a> , tetapi menerima pesan kesalahan dalam proses.<br /> <br /> "Tombol akan menampilkan di situs, tapi klik ini menunjukkan pesan kesalahan," kata Waddington. "Facebook belum memungkinkan setiap aplikasi untuk mempublikasikan Ingin belum."<br /> <br /> Facebook belum menanggapi permintaan untuk komentar. Waddington penemuan itu pertama kali dicatat oleh <a href="http://www.insidefacebook.com/2012/06/28/facebook-testing-want-button-plugin/" target="_blank">Di dalam Facebook</a> , Kamis.<br /> <br /> Aplikasi Ingin akan memungkinkan perusahaan untuk mengumpulkan banyak informasi tentang minat anggota, hanya sebagai tombol Seperti sudah tidak. Langkah ini juga akan memungkinkan integrasi pedagang besar melalui Facebook tanpa harus membangun aplikasi mereka sendiri atau platform.<br /> <br /> "E-commerce dapat meningkatkan eksposur sosial dengan memasukkan Ingin tombol," kata Waddington. "Ini tidak akan memerlukan otorisasi sebuah aplikasi dan akan menerbitkan" pengguna ingin cerita produk 'di feed berita. "<br /> <br /> Dia menambahkan bahwa aplikasi pengguna mengotorisasi mungkin akan dapat mengakses "dicari" produk melalui API, sehingga Facebook bisa memberikan daftar keinginan universal.<br /> <br /> "Jika Facebook memungkinkan situs untuk memasukkan harga dan data produk seperti nomor ISBN, maka akan menjadi sangat kuat," tambahnya.<br /> <br /> Apakah Anda akan tertarik melihat sebuah tombol Want di situs ini? Bagaimana Menurut Anda dapat mempengaruhi industri ritel? Marilah kita tahu di komentar.

Apakah Facebook Menguji Tombol 'Want' ?

F acebook mungkin menguji sebuah "Want" tombol yang akan memungkinkan Anda untuk menambahkan produk ke daftar keinginan virtual. ...

Baca selengkapnya »

Menambahkan JS-KIT Ranting Bintang dan Jempol

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyt0Of-EXyXLsGp1Ou7TLSbuH-KtY_UskQnZeL0sftOcThQPlA28ZVvhSEMHGSaugSu7W6FD2NfaOs1RJISSgiKKtGG-4jGtt5fIIDhw9vw70UtOm6bCugBFQukABxR8XoGTpmHwfvZs/s1600/otowebsite+rating.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyt0Of-EXyXLsGp1Ou7TLSbuH-KtY_UskQnZeL0sftOcThQPlA28ZVvhSEMHGSaugSu7W6FD2NfaOs1RJISSgiKKtGG-4jGtt5fIIDhw9vw70UtOm6bCugBFQukABxR8XoGTpmHwfvZs/s320/otowebsite+rating.jpg" width="320" /></a></div><span class="awal">M</span><a href="http://otowebsite.blogspot.com/2012/06/menambahkan-js-kit-ranting-bintang-dan.html">enambahkan JS-KIT Ranting Bintang dan Jempol</a>.<br /> Dalam perjumpaan kali ini blog Oto Website akan update postingan kembali dan kali ini blog Oto Website akan membahas tentang <a href="http://otowebsite.blogspot.com/2012/06/menambahkan-js-kit-ranting-bintang-dan.html">Menambahkan JS-KIT Ranting Bintang dan Jempol</a>.<br /> <br /> Pemasangan Ranting Bintang dan Jempol ini kta akan menggunakan script bantuan dari JS-KIT.<br /> <br /> <a href="http://otowebsite.blogspot.com/2012/06/menambahkan-js-kit-ranting-bintang-dan.html">Menambahkan JS-KIT Ranting Bintang dan Jempol</a> di blog adalah sebagai sarana untuk mengetahui seberapa populerkah postingan atau article blog kita di mata pengunjug, jadi bila pengunjung suka dengan postingan article kita banyak kemungkinan mereka akan memberikan nilai pada postingan article kita dengan cara memberi ranting bintang atau jempol yang telah kita sediakan atau pasang di blog kita. Jadi bila sobat berniat memasangnya di blog sobat, Sobat cukup ikuti langkah-langkah yang saya berikan kepada sobat berikut ini !<br /> <br /> <hr color="#FF00FF" /><div style="text-align: center;"><b>"Lankah-langkah <a href="http://otowebsite.blogspot.com/2012/06/menambahkan-js-kit-ranting-bintang-dan.html">Menambahkan JS-KIT Ranting Bintang dan Jempol</a>"</b></div><hr color="#FF00FF" /><br /> <b>Dalam <a href="http://otowebsite.blogspot.com/2012/06/menambahkan-js-kit-ranting-bintang-dan.html">Menambahkan JS-KIT Ranting Bintang dan Jempol</a> penempatannya ada dua macam :</b><br /> <ul><li>Di bawah postingan.</li> <li>Di atas postingan atau di bawah judul postingan.</li> </ul><b>Dalam <a href="http://otowebsite.blogspot.com/2012/06/menambahkan-js-kit-ranting-bintang-dan.html">Menambahkan JS-KIT Ranting Bintang dan Jempol</a> ada dua macam jenis atau style :</b><br /> <ul><li>Ranting Bintang</li> <li>Jempol penilaian.</li> </ul><b>Cara Memasangnya :</b><br /> <br /> 1. Masuk ke akun blogger Sobat.<br /> <br /> 2. Pada Dasbor klick ➨ Rancangan ➨ Edit HTML ➨ centang <input checked="" id="expandWidgets" style="font-size: small;" type="checkbox" />Expand Template Widget.<br /> <br /> 4. Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.<br /> <br /> 3. Selanjutnya sobat cari kode <b><span style="color: red;"><i><data:post.body/></i></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 /> <blockquote class="tr_bq"><b>Bila ada dua atau tiga kode yang sama maka pilih kode yang kedua.</b></blockquote>4. Jika sudah ketemu sekarang sobat copy salah satu kode di bawah ini dan paste atau letakkan tepat di bawah kode tadi.<br /> <br /> <blockquote><div><br /> Jika ingin memasangnya di atas postingan atau di bawah judul postingan maka letakkan kode berkikut ini tepat di atas kode :<br /> <b><span style="color: red;"><div class='post-header-line-1'/> </span></b>atau di atas kode <b><span style="color: red;"><data:post.body/></span></b> yang paling atas.</div></blockquote><br /> <hr color="#FF00FF" /><br /> <div style="text-align: center;"><b>Code 1</b></div><div style="text-align: center;"></div><br /> <div class="md4"><br /> <br /> <br /> <div style="float:left; margin-right:3px;"></div><br /> <div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div><br /> <br /> </div><br /> <div style="text-align: center;">Result :</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirt3XXZDOvhLSnDWns-ItHVsALQZndEXVg1vg_bb8g9eiLp8OXgvfx0J9zk3ZTB-CkxbZ9H93RwXm0AW5NC9Jx7mpKxSmglu9abhECHjUhH6NuvS3Zhu0XcoRmtLYPp7YeolIoXIc2xPM/s1600/star-otowebsite-rating.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirt3XXZDOvhLSnDWns-ItHVsALQZndEXVg1vg_bb8g9eiLp8OXgvfx0J9zk3ZTB-CkxbZ9H93RwXm0AW5NC9Jx7mpKxSmglu9abhECHjUhH6NuvS3Zhu0XcoRmtLYPp7YeolIoXIc2xPM/s1600/star-otowebsite-rating.png" /></a></div><br /> <hr color="#FF00FF" /><br /> <div style="text-align: center;"><b>Code 2</b></div><div style="text-align: center;"><div class="md4"><br /> <br /> <br /> <div style="text-align: left;"><div style="float:left; margin-right:3px;"></div></div><div style="text-align: left;"><div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title" view="score"></div></div><br /> </div><br /> Result :<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_CpxZXrlKkp-L1RoiNVRuVsc4lML5nMeOM3HbO-bCQpveJbknJfDLPw1Ql55Ex20-ycoFf3yxstvJ1aB5W1oySHQziB1mW5yUFAC1mNzDeWyss3hL7cwVsWPlxkFPeQli2vw_QP598Kk/s1600/hand-otowebsite-rating.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_CpxZXrlKkp-L1RoiNVRuVsc4lML5nMeOM3HbO-bCQpveJbknJfDLPw1Ql55Ex20-ycoFf3yxstvJ1aB5W1oySHQziB1mW5yUFAC1mNzDeWyss3hL7cwVsWPlxkFPeQli2vw_QP598Kk/s1600/hand-otowebsite-rating.png" /></a></div><br /> <hr color="#FF00FF" /><br /> <div style="text-align: left;">5. Selanjutnya letakkan kode di bawah ini tepat di atas kode <b><i><span style="color: red;"></body></span></i></b><br /> <b><i><br /> </i></b></div></div><div style="text-align: left;"><div class="md8"><script src="https://otowebsite-blogspot.googlecode.com/svn/trunk/ratings.js"></script></div><br /> 6. Simpan template.<br /> <br /> Sekarnag sobat bisa lihat sendiri hasilnnya.<br /> <br /> Bagaimana apakah sobat berhasil menerapkannya di blog sobat? Silahkan tinggalakan tanggapan atau komentar sobat tentang postingan atau articles di atas!</div>

Menambahkan JS-KIT Ranting Bintang dan Jempol

M enambahkan JS-KIT Ranting Bintang dan Jempol . Dalam perjumpaan kali ini blog Oto Website akan update postingan kembali dan kali ini blog...

Baca selengkapnya »

Beautiful And Sleek Search Boxes

<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/AVvXsEh6DSlTpbwurooJ3M6y2073Vw1XS3b-l-fIheK3WK7cc4n7jt_grkkSzy7uVkCMwqY14YREvL3ie8h1Bbmt3NobxQYNJwEtsJxDUMO_ZRZYWng4bG3DblkHM-SEXc3u0JdBuMvnOwkH4a4/s1600/beautiful+search+box.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6DSlTpbwurooJ3M6y2073Vw1XS3b-l-fIheK3WK7cc4n7jt_grkkSzy7uVkCMwqY14YREvL3ie8h1Bbmt3NobxQYNJwEtsJxDUMO_ZRZYWng4bG3DblkHM-SEXc3u0JdBuMvnOwkH4a4/s320/beautiful+search+box.jpg" width="320" /></a></div><span class="awal">B</span><b><i>erbagi takkan pernah RUGI.</i></b><br /> <b><i>Copas tanpa izin dan meyertakan link sumber adalah pekerjaan PENCURI.</i></b><br /> Pantunnya saya buat khusus untuk saya dan para plagiat atau pencuri konten alias MALING.<br /> Tak menghormati minta di hormati, maling-maling.<br /> <br /> Sori ya saya lagi emosi, ckckck, Di dalam postingan atau articles kali ini saya akan share kepada teman-teman semua tentang widget searc box dan kali ini temanya adalah <b><a href="http://otowebsite.blogspot.com/2012/06/beautiful-and-sleek-search-boxes.html">Beautiful And Sleek Search Boxes</a></b>.<br /> Sok-sok pakai bahasa inggris dikit, hehehe . . .<br /> Sebelumnya blog ini juga pernah membahas articles atau postingan tentang search box di antaranya <b><a href="http://otowebsite.blogspot.com/2012/05/menambah-widget-search-box-sederhana.html" target="_blank">Menambah Widget Search Box Sederhana Untuk Blogger</a></b> dan <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 /> Kalo sobat tidak memiliki search box di blog sobat maka saya rekomondasikan agar sobat menggunakan lima pilahan widget search box ini atau widget search box yang pernah saya bahas sebelumnya.<br /> <br /> Okelah kalo begitu kita lansung saja membahas cara memasangnya di blog sobat, lest go . . . !!!<br /> <br /> 1. Masuk ke akun blogger sobat.<br /> <br /> 2. Pada Dasbor klick Rancangan ➨ Tambah Gadget.<br /> <br /> 3. Lalu pilih elemen HTML/Java Script.<br /> <br /> 4. Selanjutnya dalam elemen HTML/Java Script sobat copy salah satu kode <b><a href="http://otowebsite.blogspot.com/2012/06/beautiful-and-sleek-search-boxes.html">Beautiful And Sleek Search Boxes</a></b> berikut dan paste atau letakkan di dalamnya.<br /> <br /> <hr color="#0000FF" size="7" /><br /> <div style="text-align: center;"><b>A.Untuk Style ini:</b></div><div style="text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4p40GDf0v1xLUzvj9bUryAzJFH_OLijUKYKphMt_M7h58LdXTe_cTDeIZwIAt834yZF_kkC0mqJlXN1FGZ5kJXZQCy6jJ71sPOXKsDJL_-nhn9ZzXMZe4pjOfBTsD0N7q5_Sr-yUFSoU/s1600/otowebsite.blogspot.com-white.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4p40GDf0v1xLUzvj9bUryAzJFH_OLijUKYKphMt_M7h58LdXTe_cTDeIZwIAt834yZF_kkC0mqJlXN1FGZ5kJXZQCy6jJ71sPOXKsDJL_-nhn9ZzXMZe4pjOfBTsD0N7q5_Sr-yUFSoU/s1600/otowebsite.blogspot.com-white.png" /></a></div><br /> <div style="text-align: center;">Ini adalah kodenya:</div><div class="md9"><div style="text-align: center;"><br /> </div><style type="text/css"><br /> #otowebsite-searchbox {<br />     border-radius: 5px;<br />     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4p40GDf0v1xLUzvj9bUryAzJFH_OLijUKYKphMt_M7h58LdXTe_cTDeIZwIAt834yZF_kkC0mqJlXN1FGZ5kJXZQCy6jJ71sPOXKsDJL_-nhn9ZzXMZe4pjOfBTsD0N7q5_Sr-yUFSoU/s1600/otowebsite.blogspot.com-white.png) no-repeat scroll center center transparent;<br />     width: 307px;<br />     height: 50px;<br />     disaply: block;<br /> }<br /> <br /> form#otowebsite-searchform {<br />     display: block;<br />     padding: 10px 12px;<br />     margin: 0;<br /> }<br /> <br /> form#otowebsite-searchform #s {<br />     padding-left: 24px !important;<br />     padding: 7.5px;<br />     margin: 0;<br />     width: 220px;<br />     font-size: 14px;<br />     font-family: verdana;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> <br /> form#otowebsite-searchform<br /> #sbutton {<br />     margin: 0;<br />     padding: 0;<br />     height: 40px;<br />     width: 44px;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> </style><br /> <div id="otowebsite-searchbox"><br />     <form id="otowebsite-searchform" action="/search" method="get"><br />         <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'<br />         onblur='if (this.value == "") {this.value = "Search...";}' /><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"<br />         /><br />     </form><br /> </div></div><br /> <br /> <hr color="#0000FF" size="7" /><br /> <div style="text-align: center;"><b>B.Untuk Style ini.</b></div><div style="text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmZkse5gXTDIkBE_8n-_YiDUbEutGlW6PM2aywB7zhXVSaFPxxxFJ-KddtTiOsCivpHBVxpOosd5oM58XF1u9En6Ri8wpRGqlsxu1e-tMfrb32tg2gtyMkttW9QBbh2wEVSDnmUwvV854/s1600/otowebsite.blogspot.com-blue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmZkse5gXTDIkBE_8n-_YiDUbEutGlW6PM2aywB7zhXVSaFPxxxFJ-KddtTiOsCivpHBVxpOosd5oM58XF1u9En6Ri8wpRGqlsxu1e-tMfrb32tg2gtyMkttW9QBbh2wEVSDnmUwvV854/s1600/otowebsite.blogspot.com-blue.png" /></a></div><br /> <div style="text-align: center;">Ini adalah kodenya :</div><div class="md9"><div style="text-align: center;"><br /> </div><style type="text/css"><br /> #otowebsite-searchbox {<br />     border-radius: 5px;<br />     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmZkse5gXTDIkBE_8n-_YiDUbEutGlW6PM2aywB7zhXVSaFPxxxFJ-KddtTiOsCivpHBVxpOosd5oM58XF1u9En6Ri8wpRGqlsxu1e-tMfrb32tg2gtyMkttW9QBbh2wEVSDnmUwvV854/s1600/otowebsite.blogspot.com-blue.png) no-repeat scroll center center transparent;<br />     width: 307px;<br />     height: 50px;<br />     disaply: block;<br /> }<br /> <br /> form#otowebsite-searchform {<br />     display: block;<br />     padding: 10px 12px;<br />     margin: 0;<br /> }<br /> <br /> form#otowebsite-searchform #s {<br />     padding-left: 24px !important;<br />     padding: 7.5px;<br />     margin: 0;<br />     width: 220px;<br />     font-size: 14px;<br />     font-family: verdana;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> <br /> form#otowebsite-searchform<br /> #sbutton {<br />     margin: 0;<br />     padding: 0;<br />     height: 40px;<br />     width: 44px;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> </style><br /> <div id="otowebsite-searchbox"><br />     <form id="otowebsite-searchform" action="/search" method="get"><br />         <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'<br />         onblur='if (this.value == "") {this.value = "Search...";}' /><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"<br />         /><br />     </form><br /> </div></div><br /> <br /> <hr color="#0000FF" size="7" /><br /> <div style="text-align: center;"><b>C.Untuk Style ini.</b></div><div style="text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xsHANbnOWDW0b_IPoH0IyVJbWi1IjRZP90xmOjNk8PJSWeKvBsVV5xHh5HNSseTWNXgd1f_fzZ7sRGW-g0hANGnEP6sP_76Nhc8h6hkeF2Jzy3mj7jlgX8xb_0P8jl1ooiUspAhpzeU/s1600/otowebsite.blogspot.com-black.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xsHANbnOWDW0b_IPoH0IyVJbWi1IjRZP90xmOjNk8PJSWeKvBsVV5xHh5HNSseTWNXgd1f_fzZ7sRGW-g0hANGnEP6sP_76Nhc8h6hkeF2Jzy3mj7jlgX8xb_0P8jl1ooiUspAhpzeU/s1600/otowebsite.blogspot.com-black.png" /></a></div><br /> <div style="text-align: center;">Ini adalah kodenya :</div><div style="text-align: center;"><br /> </div><div class="md9"><br /> <style type="text/css"><br /> #otowebsite-searchbox {<br />     border-radius: 5px;<br />     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xsHANbnOWDW0b_IPoH0IyVJbWi1IjRZP90xmOjNk8PJSWeKvBsVV5xHh5HNSseTWNXgd1f_fzZ7sRGW-g0hANGnEP6sP_76Nhc8h6hkeF2Jzy3mj7jlgX8xb_0P8jl1ooiUspAhpzeU/s1600/otowebsite.blogspot.com-black.png) no-repeat scroll center center transparent;<br />     width: 307px;<br />     height: 50px;<br />     disaply: block;<br /> }<br /> <br /> form#otowebsite-searchform {<br />     display: block;<br />     padding: 10px 12px;<br />     margin: 0;<br /> }<br /> <br /> form#otowebsite-searchform #s {<br />     padding-left: 24px !important;<br />     padding: 7.5px;<br />     margin: 0;<br />     width: 220px;<br />     font-size: 14px;<br />     font-family: verdana;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> <br /> form#otowebsite-searchform<br /> #sbutton {<br />     margin: 0;<br />     padding: 0;<br />     height: 40px;<br />     width: 44px;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> </style><br /> <div id="otowebsite-searchbox"><br />     <form id="otowebsite-searchform" action="/search" method="get"><br />         <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'<br />         onblur='if (this.value == "") {this.value = "Search...";}' /><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"<br />         /><br />     </form><br /> </div></div><br /> <br /> <hr color="#0000FF" size="7" /><br /> <div style="text-align: center;"><b>D.Untuk Style ini.</b></div><div style="text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDzQNdC14eQnArN0gxyQsitozaNhHh_LC1UT95Af3SkCxTDJ6kzJJxiUxjRLNfhV-UJ6kV3AlVZwrFyMqtI1E2RDgy0LhW86wpok7FRcjc9Aeu0fOpPbZFX9oG_f66lKOJdxyu0Gmc7s/s1600/otowebsite.blogspot.com-orange.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDzQNdC14eQnArN0gxyQsitozaNhHh_LC1UT95Af3SkCxTDJ6kzJJxiUxjRLNfhV-UJ6kV3AlVZwrFyMqtI1E2RDgy0LhW86wpok7FRcjc9Aeu0fOpPbZFX9oG_f66lKOJdxyu0Gmc7s/s1600/otowebsite.blogspot.com-orange.png" /></a></div><br /> <div style="text-align: center;">Ini adalah kodenya :</div><div style="text-align: center;"><br /> </div><div class="md9"><br /> <style type="text/css"><br /> #otowebsite-searchbox {<br />     border-radius: 5px;<br />     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDzQNdC14eQnArN0gxyQsitozaNhHh_LC1UT95Af3SkCxTDJ6kzJJxiUxjRLNfhV-UJ6kV3AlVZwrFyMqtI1E2RDgy0LhW86wpok7FRcjc9Aeu0fOpPbZFX9oG_f66lKOJdxyu0Gmc7s/s1600/otowebsite.blogspot.com-orange.png) no-repeat scroll center center transparent;<br />     width: 307px;<br />     height: 50px;<br />     disaply: block;<br /> }<br /> <br /> form#otowebsite-searchform {<br />     display: block;<br />     padding: 10px 12px;<br />     margin: 0;<br /> }<br /> <br /> form#otowebsite-searchform #s {<br />     padding-left: 24px !important;<br />     padding: 7.5px;<br />     margin: 0;<br />     width: 220px;<br />     font-size: 14px;<br />     font-family: verdana;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> <br /> form#otowebsite-searchform<br /> #sbutton {<br />     margin: 0;<br />     padding: 0;<br />     height: 40px;<br />     width: 44px;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> </style><br /> <div id="otowebsite-searchbox"><br />     <form id="otowebsite-searchform" action="/search" method="get"><br />         <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'<br />         onblur='if (this.value == "") {this.value = "Search...";}' /><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"<br />         /><br />     </form><br /> </div></div><br /> <br /> <hr color="#0000FF" size="7" /><br /> <div style="text-align: center;"><b>E.Untuk Style ini.</b></div><div style="text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHftx-LGwev9KUH9KzdOkQHxurH7XCW8qJOwGquijZ_EZrhyFkLSnGhMjyUzzv0s2n5_ACuFe6FffuiW3JwVyuy7uVKTq3obQXAZpFnF8TbSSXX8H9cLxrXDgWfzh_3KWiCGcHwxoK2w/s1600/otowebsite.blogspot.com-pink.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHftx-LGwev9KUH9KzdOkQHxurH7XCW8qJOwGquijZ_EZrhyFkLSnGhMjyUzzv0s2n5_ACuFe6FffuiW3JwVyuy7uVKTq3obQXAZpFnF8TbSSXX8H9cLxrXDgWfzh_3KWiCGcHwxoK2w/s1600/otowebsite.blogspot.com-pink.png" /></a></div><br /> <div style="text-align: center;">Ini adalah kodenya :</div><div class="md9"><div style="text-align: center;"><br /> </div><style type="text/css"><br /> #otowebsite-searchbox {<br />     border-radius: 5px;<br />     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHftx-LGwev9KUH9KzdOkQHxurH7XCW8qJOwGquijZ_EZrhyFkLSnGhMjyUzzv0s2n5_ACuFe6FffuiW3JwVyuy7uVKTq3obQXAZpFnF8TbSSXX8H9cLxrXDgWfzh_3KWiCGcHwxoK2w/s1600/otowebsite.blogspot.com-pink.png) no-repeat scroll center center transparent;<br />     width: 307px;<br />     height: 50px;<br />     disaply: block;<br /> }<br /> <br /> form#otowebsite-searchform {<br />     display: block;<br />     padding: 10px 12px;<br />     margin: 0;<br /> }<br /> <br /> form#otowebsite-searchform #s {<br />     padding-left: 24px !important;<br />     padding: 7.5px;<br />     margin: 0;<br />     width: 220px;<br />     font-size: 14px;<br />     font-family: verdana;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> <br /> form#otowebsite-searchform<br /> #sbutton {<br />     margin: 0;<br />     padding: 0;<br />     height: 40px;<br />     width: 44px;<br />     vertical-align: top;<br />     border: none;<br />     background: transparent;<br /> }<br /> </style><br /> <div id="otowebsite-searchbox"><br />     <form id="otowebsite-searchform" action="/search" method="get"><br />         <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'<br />         onblur='if (this.value == "") {this.value = "Search...";}' /><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"<br />         /><br />     </form><br /> </div></div><br /> 5. Simpan.<br /> <br /> Sekarang sobat bisa lihat sendiri perubahannya pada blog sobat.<br /> <br /> Saya rasa cukup untuk kali ini !<br /> <br /> Bagaimana apakah Sobat berhasil menerapkannya di blog sobat? Silahkan tinggalkan tanggapan atau komentar Sobat tentang postingan atau articles di atas!

Beautiful And Sleek Search Boxes

B erbagi takkan pernah RUGI. Copas tanpa izin dan meyertakan link sumber adalah pekerjaan PENCURI. Pantunnya saya buat khusus untuk saya d...

Baca selengkapnya »

Mengganti Tulisan Poskan Komentar Pada Blog

<span class="awal">K</span>ali ini blog Oto Website akan berbagi trick kembali, dan kali ini temanya adalah tentang <b><a href="http://otowebsite.blogspot.com/2012/06/mengganti-tulisan-poskan-komentar-pada.html">Mengganti Tulisan Poskan Komentar Pada Blog</a></b>.<br /> Sobat pasti sudah pada tau kan maksud dari postingan article yang blog ini share kali ini, kalo belum tau maksud dari postingan article kali ini sobat bisa lihat gambar berikut ini:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://otowebsite.blogspot.com/"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2yt0BGYxOTALMvIApF9QiY50aqW9_mrKxVd5FERd2_aNTPFA8-DT7jyHKpq5qxNPE7nKasCaD6sD6PUF7kol4NbtPrZCRuYXUDRVYhq6xpHnv-nbTBV9h-Oub6canI_Mv0MHaA4hcy0E/s640/change+post.png" width="640" /></a></div>Gak perlu berlama-lama lagi bila sudah jelas dengan maksudnya kali ini sekarang mari kita bahas cara <b><a href="http://otowebsite.blogspot.com/2012/06/mengganti-tulisan-poskan-komentar-pada.html">Mengganti Tulisan Poskan Komentar Pada Blog</a> </b>Sobat.<br /> <br /> 1. Masuk ke akun blogger sobat.<br /> <br /> 2. Pada Dasbor klick Rancangan ➨ Edit Template.<br /> <br /> 3. Lalu centang<input checked="" id="expandWidgets" style="font-size: small;" type="checkbox" />Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.<br /> <br /> 4. Untuk <b><a href="http://otowebsite.blogspot.com/2012/06/mengganti-tulisan-poskan-komentar-pada.html">Mengganti Tulisan Poskan Komentar Pada Blog</a></b> sekarang dalam Edit Template sobat cari kode berikut :<br /> <br /> <div class="md2"><b><data:postCommentMsg/></b></div><br /> Bila kesulitan mencarinya coba 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 /> <blockquote><b>NB :</b> Bila sobat menemukan lebih dari satu kode yang sama atau dua kode yang sama maka pilih yang pertama.</blockquote>5. Bila sudah ketemu sekarang silahkan sobat hapus kode tersebut dan ganti dengan Tulisan/kata-kata Sobat sendiri.<br /> <br /> 6. Simpan template.<br /> <br /> Sekarang coba lihat bagian kotak komentar blog sobat untuk melihat perubahannya!<br /> <br /> Sekian, Saya rasa cukup untuk kali ini, semoga Postingan atau articles kali ini bisa bermanfaat.<br /> <br /> Apakah sobat berhasil menerapkannya di Blogger Sobat? Silahkan tinggalakan Tanggapan atau Komentar Sobat tentang Postingan atau Articles di atas.

Mengganti Tulisan Poskan Komentar Pada Blog

K ali ini blog Oto Website akan berbagi trick kembali, dan kali ini temanya adalah tentang  Mengganti Tulisan Poskan Komentar Pada Blog . S...

Baca selengkapnya »

jQuery Multi Level Drop Down Menu - V1

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXYrZp6okWsvq7IxNZPzTplaQ4v4iPGLMnrINu-7pKnL8nMjtVnmRjms-gaq_w8rsKDHcB21E5I4-eLM3tvrugbnS-nHOmFpqrn1w1wU_ajhZjfproB_3GMqtSW62mK7RDKdV5dT833mQ/s1600/multi+level+v+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXYrZp6okWsvq7IxNZPzTplaQ4v4iPGLMnrINu-7pKnL8nMjtVnmRjms-gaq_w8rsKDHcB21E5I4-eLM3tvrugbnS-nHOmFpqrn1w1wU_ajhZjfproB_3GMqtSW62mK7RDKdV5dT833mQ/s640/multi+level+v+1.jpg" width="640" /></a></div><span class="awal">J</span><b><a href="http://www.otowebsite.blogspot.com/2012/06/jquery-multi-level-drop-down-menu-v1.html">Query Multi Level Drop Down Menu - V1</a>.</b><br /> Seperti yang saya bilang dulu bahwa kalo membahas tentang menu/navigasi memang tidak ada habisnya, Menu Navigasi memang banyak sekali macamnya. Sebelumnya juga blog Oto Website sudah banyak membahas tentang masalah Menu Navigasi dan setiap membahas masalah menu ada saja yang tidak berhasil, seperti tidak menemukan kode yang saya suruh dan sebagainya.<br /> Nah kali ini blog ini akan membahas tentang Menu Navigasi lagi dan yang ini semuanya pasti bakalan bisa, kalo tidak bisa ya keterlaluan, hehehe . . .<br /> Menu Navigasi kali ini kita juga akan menggunakan jQuery jadi bisa di bilang cara memasangnya yang mudah.<br /> Mungkin tidak perlu berlama-lama lagi ya, untuk lebih jelasnya Sobat bisa lihat demonya dulu!<br /> <br /> <div style="text-align: center;"><a class="button" href="https://otowebsite-blogspot.googlecode.com/svn/trunk/jQuery%20Multi%20Level%20Drop%20Down%20Menu%20-%20V1.html" target="_blank"><b> Lihat Demo</b></a></div><div style="text-align: center;"><br /> </div>Nah seperti itulah menu yang akan kita bahas. Cara memasang <b><a href="http://www.otowebsite.blogspot.com/2012/06/jquery-multi-level-drop-down-menu-v1.html">jQuery Multi Level Drop Down Menu - V1</a></b> ini juga sangatlah mudah kok, ayo dah . . .<br /> <br /> 1. Pertma-tama login ke akun blogger Sobat.<br /> <br /> 2. Pada menu klick Rancangan ➨ Tambah Gadget  ➨ Pilih elemen HTML/Java Script.<br /> <br /> 3. Peletakkan Gadget atau elemen HTML/Java Script di bagian atas postingan seperti pada gambar berikut.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivarJULJ0FyQC4sOlqzGxsQtiaI2_sBuSP31mqnQk2fPL9BCGMC0n2Jq1gVT-rZPWuDFKuKqKhbMmM_5G4GqgSvr43EJK47EB9UHa_O8VPHCnSVN4rj3dfJYMhlAhmNWaVoIoEN5nT-lg/s1600/aa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivarJULJ0FyQC4sOlqzGxsQtiaI2_sBuSP31mqnQk2fPL9BCGMC0n2Jq1gVT-rZPWuDFKuKqKhbMmM_5G4GqgSvr43EJK47EB9UHa_O8VPHCnSVN4rj3dfJYMhlAhmNWaVoIoEN5nT-lg/s400/aa.png" width="400" /></a></div><br /> 4. Selanjutnya copy kode script berikut dan letakkan di dalam elemen HTML/Java Script tadi.<br /> <br /> <br /> <div class="md5"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/ow-smooth-menu.js"><br /> </script><br /> <br /> <script type="text/javascript"><br /> <br /> ddsmoothmenu.init({<br />  mainmenuid: "smoothmenu1", //menu DIV id<br />  orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"<br />  classname: 'ddsmoothmenu', //class added to menu's outer DIV<br />  //customtheme: ["#1c5a80", "#18374a"],<br />  contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]<br /> })<br /> <br /> ddsmoothmenu.init({<br />  mainmenuid: "smoothmenu2", //Menu DIV id<br />  orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"<br />  classname: 'ddsmoothmenu-v', //class added to menu's outer DIV<br />  //customtheme: ["#804000", "#482400"],<br />  contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]<br /> })<br /> <br /> </script><br /> <br /> <style>.ddsmoothmenu{<br /> font: bold 12px Verdana;<br /> background: <b><span style="background-color: lime; color: red;">#414141</span></b>; /*background of menu bar (default state)*/<br /> width: 100%;<br /> }<br /> <br /> .ddsmoothmenu ul{<br /> z-index:100;<br /> margin: 0;<br /> padding: 0;<br /> list-style-type: none;<br /> }<br /> <br /> /*Top level list items*/<br /> .ddsmoothmenu ul li{<br /> position: relative;<br /> display: inline;<br /> float: left;<br /> }<br /> <br /> /*Top level menu link items style*/<br /> .ddsmoothmenu ul li a{<br /> display: block;<br /> background: #414141; /*background of menu items (default state)*/<br /> color: white;<br /> padding: 8px 10px;<br /> border-right: 1px solid #778;<br /> color: #2d2b2b;<br /> text-decoration: none;<br /> }<br /> <br /> * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/<br /> display: inline-block;<br /> }<br /> <br /> .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{<br /> color: white;<br /> }<br /> <br /> .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/<br /> background: black;<br /> color: white;<br /> }<br /> <br /> .ddsmoothmenu ul li a:hover{<br /> background: black; /*background of menu items during onmouseover (hover state)*/<br /> color: white;<br /> }<br /> <br /> /*1st sub level menu*/<br /> .ddsmoothmenu ul li ul{<br /> position: absolute;<br /> left: 0;<br /> display: none; /*collapse all sub menus to begin with*/<br /> visibility: hidden;<br /> }<br /> <br /> /*Sub level menu list items (undo style from Top level List Items)*/<br /> .ddsmoothmenu ul li ul li{<br /> display: list-item;<br /> float: none;<br /> }<br /> <br /> /*All subsequent sub menu levels vertical offset after 1st level sub menu */<br /> .ddsmoothmenu ul li ul li ul{<br /> top: 0;<br /> }<br /> <br /> /* Sub level menu links style */<br /> .ddsmoothmenu ul li ul li a{<br /> font: normal 13px Verdana;<br /> width: 160px; /*width of sub menus*/<br /> padding: 5px;<br /> margin: 0;<br /> border-top-width: 0;<br /> border-bottom: 1px solid gray;<br /> }<br /> <br /> /* Holly Hack for IE \*/<br /> * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/<br /> <br /> <br /> /* ######### CSS classes applied to down and right arrow images  ######### */<br /> <br /> .downarrowclass{<br /> position: absolute;<br /> top: 12px;<br /> right: 7px;<br /> }<br /> <br /> .rightarrowclass{<br /> position: absolute;<br /> top: 6px;<br /> right: 5px;<br /> }<br /> <br /> /* ######### CSS for shadow added to sub menus  ######### */<br /> <br /> .ddshadow{ /*shadow for NON CSS3 capable browsers*/<br /> position: absolute;<br /> left: 0;<br /> top: 0;<br /> width: 0;<br /> height: 0;<br /> background: silver;<br /> }<br /> <br /> .toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/<br /> opacity: 0.8;<br /> }</style><br /> <br /> <div id="smoothmenu1" class="ddsmoothmenu"><br /> <ul><br /> <li><a href="http://www.otowebsite.blogspot.com/">Home</a></li><br /> <li><a href="#">Folder 0</a><br />   <ul><br />   <li><a href="<b><span style="background-color: lime; color: red;">#</span></b>"><b><span style="background-color: lime; color: red;">Sub Item 1.1</span></b></a></li><br />   <li><a href="#">Sub Item 1.2</a></li><br />     </ul><br /> </li><br /> <li><a href="#">Folder 1</a><br />   <ul><br />   <li><a href="#">Sub Item 1.1</a></li><br />   <li><a href="#">Sub Item 1.2</a></li><br />     </ul><br /> </li><br /> <li><a href="#">Item 3</a></li><br /> <li><a href="#">Folder 2</a><br />   <ul><br />   <li><a href="#">Sub Item 2.1</a></li><br /> <br />   </ul><br /> </li><br /> <li><a href="http://www.otowebsite.blogspot.com/">Create This</a></li><br /> </ul><br /> <br style="clear: left" /><br /> </div></div><br /> 5. Simpan.<br /> <br /> Sekarang Sobat bisa lihat hasilnya!<br /> <br /> <b><span style="color: blue;">Dari kode di atas ada yang harus sobat rubah, di antaranya :</span></b><br /> <ul><li>Untuk mengganti warna background menu sobat tinggal ubah kode <b><span style="background-color: lime; color: red;">#414141</span></b> dengan kode warna, untu melihat kode warna silahkan sobat lihat <b><a href="http://otowebsite.blogspot.com/2012/04/kode-warna-v3.html" target="_blank">Kode Warna V3</a></b>.</li> <li>Ganti tanda pagar (<b><span style="background-color: lime; color: red;">#</span></b>) dengan url/link tujuan.</li> <li>Ganti teks <b><span style="background-color: lime; color: red;">Sub Item 1.1</span></b> dan seterusya dengan nama menu/link tujuan Sobat.</li> </ul>Sekian untuk kali ini, mudah-mudahan postingan kali ini bisa bermanfaat.<br /> <br /> Bagaimana apakah Sobat berhasil menerapkannya di blog sobat? Silahkan tinggalkan tanggapan atau komentar Sobat tentang postingan atau articles di atas!

jQuery Multi Level Drop Down Menu - V1

J Query Multi Level Drop Down Menu - V1 . Seperti yang saya bilang dulu bahwa kalo membahas tentang menu/navigasi memang tidak ada habisnya...

Baca selengkapnya »

Google Uploaded 9 Video untuk Beritahu Cara melakukan SEO lebih baik & Hard Lalu Lintas

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3fkdKe6LXtcKh2yHsR9nA-FOqfdyWWb1rcnZr0MGRDZjwkDNugNlauIUnMmj70qTV0s9qJmm1-WbfhWE-taHaPmVhbB7GE_JxTkK2wAw5Zh25f0x-iLCyTg3S24-g1W1rLOgp26WHgg/s1600/google_video.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3fkdKe6LXtcKh2yHsR9nA-FOqfdyWWb1rcnZr0MGRDZjwkDNugNlauIUnMmj70qTV0s9qJmm1-WbfhWE-taHaPmVhbB7GE_JxTkK2wAw5Zh25f0x-iLCyTg3S24-g1W1rLOgp26WHgg/s320/google_video.jpg" width="320" /></a></div><span class="awal">M</span>engarahkan lalu lintas ke situs web adalah perjuangan berat yang terus menerus di mana Anda bisa memanjat dan memanjat, tetapi tidak pernah sampai ke puncak. Anda hanya dapat naik lebih tinggi daripada yang lain. Untuk sebagian besar, tugas yang menakutkan, dan gua banyak setelah sejumlah perjuangan, dan warung kemajuan mereka, dan akhirnya jatuh kembali. Banyak memerlukan bimbingan ahli, yang banyak yang tidak mendapatkan. Jadi, mereka pergi dengan praktek SEO yang salah . Nah sekarang, Google telah memutuskan untuk mengatasi masalah ini dengan mengeluarkan video yang menjelaskan praktek-praktek SEO terbaik. Ini adalah 9 video tentang SEO , SERPs, menarik audiens, menghindari webspam, dan banyak lagi. Mereka semua dibebaskan pada tanggal 25 Juni pada saat yang sama. Apakah Anda seorang pemula atau pro-blogger, Anda akan menemukan video ini sangat membantu.<br /> <br /> 1. Menciptakan konten yang besar yang berkinerja baik pada hasil pencarian Google<br /> <br /> Ada beberapa faktor yang menentukan seberapa baik website akan tampil di hasil pencarian. Tapi kuncinya adalah fokus konten pada pengguna, dan menyediakan mereka dengan lingkungan yang lebih ramah untuk menelusuri situs Anda. Kebanyakan orang membuat kesalahan dengan fokus konten di Search engine. Ini semua tentang pengalaman pengguna-sekarang. Bawa konten asli yang berbeda dari situs lain. Jadilah yang relevan, dan terus mengupdate konten Anda secara teratur.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/y8s6Y4mx9Vw?feature=player_embedded" width="640"></iframe><br /> <br /> 2. Mencari situs Anda di Google<br /> <br /> Untuk memeriksa apakah situs Anda telah diindeks oleh Google, pergi ke Google, dan pada kotak pencarian, tulis "site:" diikuti dengan nama domain Anda. Misalnya, site: mybloggertricks.com. Jika terjadi sesuatu, maka situs Anda telah diindeks. Jika tidak, maka mungkin ada masalah di file robots.txt Anda atau domain yang mungkin telah sebelumnya yang terkait dengan konten berbahaya. Anda dapat mengajukan permintaan peninjauan kembali dengan Google dari webmaster tool. Jika Anda menemukan bahwa tidak semua halaman telah diindeks, Anda dapat menunggu untuk Google untuk melakukannya, atau Anda bisa mengirimkan konten yang secara manual dengan membuka google.com / submitcontent.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/uNZJMZ0hi1Y?feature=player_embedded" width="640"></iframe><br /> <br /> 3. Memahami pencarian Google yang mengarahkan lalu lintas ke situs Web Anda<br /> <br /> Google Webmaster Tools adalah tempat yang tepat untuk melihat apa pencarian yang mendorong sebagian besar jumlah lalu lintas untuk Anda. Periksa query yang memiliki klik tinggi dan klik melalui harga. Dan memeriksa mereka yang memiliki tingkat rendah untuk melihat apa yang salah. Juga, jika tayangan hitungan Anda tinggi, tetapi RKPT rendah, maka situs Anda mungkin tidak menarik bagi pengguna.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/Vmb_gO3Q_HM?feature=player_embedded" width="640"></iframe><br /> <br /> <br /> 4. Menggunakan Peta Situs untuk membantu Google menemukan konten host di situs Anda<br /> <br /> Peta Situs penting karena mereka membantu Google mengindeks situs web Anda. Anda harus membuat sitemap untuk website Anda, dan kemudian mengirimkannya ke Google. Kita telah membahas tentang hal ini lebih rinci di sini;<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/TxahHF_MD2Q?feature=player_embedded" width="640"></iframe><br /> <br /> 5. Pelajari cara Terlibat dengan audiens Anda menggunakan media sosial<br /> <br /> Sosial media adalah cara yang bagus untuk mempromosikan bisnis Anda. Melibatkan audiens pada sosial media adalah kunci keberhasilan setiap bisnis. Anda dapat terlibat dengan audiens Anda dengan memegang kontes, berbagi cerita dan prestasi, serta mengumumkan produk. Berinteraksi dengan audiens Anda sangat penting, karena akan meningkatkan jumlah pelanggan Anda, karena media sosial adalah semua tentang koneksi.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/7Z3MJ5kgi6M?feature=player_embedded" width="640"></iframe><br /> <br /> 6. Pelajari tentang Google Webmaster Tools Pesan Pusat<br /> <br /> Google Webmaster Tools Pesan Pusat adalah teman anda! Ini akan memberi Anda pesan untuk berita dan peristiwa terkini, dan pengumuman. Ini juga akan memungkinkan Anda mengetahui adanya perubahan perilaku dalam situs web Anda, sehingga Anda bisa tahu apa yang salah dengan situs Anda. Ini akan membiarkan Anda tahu bidang apa yang menyebabkan masalah dan berdampak kinerja Anda dalam hasil pencarian.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/SJ4qOz23k9U?feature=player_embedded" width="640"></iframe><br /> <br /> 7. Kesalahan bahwa Google dapat menemukan dan melaporkan pada saat saya merangkak website Anda<br /> <br /> Sekali lagi, Google Webmaster Tools adalah ada untuk membantu Anda memperbaiki kesalahan di situs Anda. The Crawl kesalahan halaman dalam alat Webmaster membiarkan Anda mengetahui adanya kesalahan atau kesalahan situs URL. Situs kesalahan terjadi ketika Google tidak dapat mengakses web server hosting. Mereka perlu diselesaikan sesegera mungkin! Kesalahan termasuk URL tidak ditemukan atau 404 kesalahan. Google juga akan memberitahu Anda mengenai kesalahan lain yang ditemukan di situs Anda, maka Anda dapat dengan mudah memecahkan masalah dan mengatasi kesalahan dia untuk memastikan situs Anda sekali lagi kembali ke jalur.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/tH1gQoCd05g?feature=player_embedded" width="640"></iframe><br /> <br /> 8. Webspam Konten Pelanggaran<br /> <br /> Google sangat ketat tentang aturan dan peraturan. Setiap situs yang melanggar yang mungkin diblokir atau dihapus dari hasil pencarian. Contoh pelanggaran termasuk menyalin konten yang tidak relevan dari situs web lain, memiliki blog yang berkualitas rendah diisi dengan link afiliasi, dan menciptakan beberapa situs yang mengarahkan kembali ke satu situs untuk memberikan gigitan lebih pada apel.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/yFxNda5Z4eE?feature=player_embedded" width="640"></iframe><br /> <br /> 9. Bagaimana pihak jahat dapat spam situs Anda<br /> <br /> Kadang-kadang, Anda mungkin menjadi korban spam. Pengguna yang jahat akan posting link di seluruh blog Anda di bagian komentar. Komentar-komentar menyertakan link ke website lain tidak benar-benar terkait dengan topik. Selalu mengatur link dalam komentar untuk " nofollow ", sehingga pengguna disarankan untuk praktek ini.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/kewJSFjKfPw?feature=player_embedded" width="640"></iframe>

Google Uploaded 9 Video untuk Beritahu Cara melakukan SEO lebih baik & Hard Lalu Lintas

M engarahkan lalu lintas ke situs web adalah perjuangan berat yang terus menerus di mana Anda bisa memanjat dan memanjat, tetapi tidak perna...

Baca selengkapnya »

Spanyol Berhasil Mengalahkan Portugal Dalam Drama Adu Pinalti

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-PaBDAhuOxlGr4zys06RqhkADIVdZE0yYoOD-qDxuqEV9SO_K-4vKELVOTM9nIpcGnBWV7eF-fGGUJCxXfD6NQrybgfMl9LCI0s3UycUt5XGm7jerUZ25UwjSpaOUENBUCx3PHWGfZc/s1600/imagesizer.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-PaBDAhuOxlGr4zys06RqhkADIVdZE0yYoOD-qDxuqEV9SO_K-4vKELVOTM9nIpcGnBWV7eF-fGGUJCxXfD6NQrybgfMl9LCI0s3UycUt5XGm7jerUZ25UwjSpaOUENBUCx3PHWGfZc/s320/imagesizer.jpg" width="320" /></a></div><span class="awal">S</span>panyol akhirnya membungkam Portugal setelah memenangkan drama adu penalti dan maju ke final Piala Eropa 2012 dan bersiap menantang pemenang pertandingan Jerman vs Italia.<br /> <br /> Hingga perpanjangan waktu kedua berakhir, kedudukan Spanyol vs Portugal masih belum berubah 0-0. Maka pertandingan dilanjutkan dengan adu penalti untuk menentukan siapa yang masuk final Piala Eropa 2012<br /> <br /> Spanyol bermain jauh di bawah performa terbaiknya. Bosque yang tak mau mendengar kritikan kekeuh tak menurunkan striker murni mulai pertengahanbabak ke-2 setelah Negredo digantikan Fabregas di menit ke -53.<br /> <br /> Serangan Spanyol nampak tak terpola mengingat tak ada striker yangjadi targetman di depan. Permainan tiki taka seakan menghilang dari Spanyol.<br /> <br /> Hingga akhir babak 1, Spanyol nampak tertekan meski mendominasi penguasaan bola 60% berdasarkan catatan Soccernet dalam semifinal Piala Eropa 2012 melawan Portugal.<br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscmT1kA3dxdT7MQc0fGcIPcW2Yl7fq2uULmDtI0dovIPA25aEy4WgiMYMJ8OrEDP3G4qlA3IRl7RdwZDRYHO97C8s8AYktTFPdY4FTPwks3jWR4AeCG_XCsPERMAZHIhsp-KgrIfPSrQ/s1600/imagesizer+(1).jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscmT1kA3dxdT7MQc0fGcIPcW2Yl7fq2uULmDtI0dovIPA25aEy4WgiMYMJ8OrEDP3G4qlA3IRl7RdwZDRYHO97C8s8AYktTFPdY4FTPwks3jWR4AeCG_XCsPERMAZHIhsp-KgrIfPSrQ/s320/imagesizer+(1).jpg" width="320" /></a>Permainan Spanyol jauh di bawah performa terbaiknya. Lini tengah Spanyol sering kehilangan bola, dan tiki taka pun tak muncul.<br /> <br /> Sejauh ini penampilan Portugal cukup bisa mengimbangi Spanyol, bahkan sesekali mengirimkan ancaman nyata di depan gawang Casillas. Spanyol makin tak terpola permainannya setelah Xavi Hernandez keluar di menit ke-87 digantikan Pedro.<br /> <br /> Hingga perpanjangan waktu kedua berakhir, kedudukan masih belum berubah 0-0. Maka pertandingan dilanjutkan dengan adu penalti untuk menentukan siapa yang masuk final Piala Eropa 2012.(api)<br /> <br /> <br /> <b>Penendang penalti:</b><br /> SPANYOL: Xabi Alonso (gagal), Andres Iniesta (gol), Gerard Pique (gol), Sergio Ramos (gol), Cesc Fabregas (gol)<br /> PORTUGAL: Moutinho (gagal), Pepe (gol), Nani (gol), Bruno Alves (gagal),<br /> <br /> <br /> <b>Berikut ini cuplikan drama adu pinalti Spanyol vs Portugal.</b><br /> <br /> <iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/T5jwMqQBhFQ?feature=player_embedded" width="640"></iframe><br /> <br /> <b>SUSUNAN PEMAIN:</b><br /> <br /> PORTUGAL: Rui Patricio, Bruno Alves, Kepler Laveran Lima Ferreira, Fabio Coentrao, João Pereira, Miguel Veloso/ Custodio 106', Joao Moutinho, Raúl Meireles/ Silvestre Varela 113', Nani, Cristiano Ronaldo, Hugo Almeida/ Nelson Oliveira 80'<br /> <br /> SPANYOL: Iker Casillas, Gerard Piqué, Sergio Ramos, Arbeloa, Jordi Alba, Andrés Iniesta, Xavi/ Pedro 87', Xabi Alonso, Sergio Busquets Burgos, David Silva, Negredo/ Cesc Fabregas 53'

Spanyol Berhasil Mengalahkan Portugal Dalam Drama Adu Pinalti

S panyol akhirnya membungkam Portugal setelah memenangkan drama adu penalti dan maju ke final Piala Eropa 2012 dan bersiap menantang pemenan...

Baca selengkapnya »

Widget Profil Twitter Keren Part 2

<span class="awal">S</span>ebelumnya blog Oto Website pernah membahas tentang <b><a href="http://otowebsite.blogspot.com/2012/05/wiget-profil-twitter-keren.html" target="_blank">Widget Profil Twitter Keren Part 1</a></b>, dan kali ini blog Oto Website akan share tentang widget yang sama dengan versi berbeda ya itu <b>Widget Profil Twitter Keren Part 2</b>. Fungsinya juga sama dengan part 1 ya itu untuk menampilkan tweet kita di widget tersebut. Untuk contohnya <b>Widget Profil Twitter Keren Part 2</b> sobat bisa lihat gambar di bawah ini.<br /> <div style="text-align: center;">Contoh <b>Widget Profil Twitter Keren Part 2</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZWBvrHaMFDquNiCFfsu-2KykqiiX0bVoISs5DQt_MkK9FgWQtBGD_fU3z0-oGhlRB4IhqriG72ykd9UOcuoQkyHPapehAOG5mnCyo5crnpSJA9yfi6ouxndnCurUOjpYIW2FHu61oBFA/s1600/twit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZWBvrHaMFDquNiCFfsu-2KykqiiX0bVoISs5DQt_MkK9FgWQtBGD_fU3z0-oGhlRB4IhqriG72ykd9UOcuoQkyHPapehAOG5mnCyo5crnpSJA9yfi6ouxndnCurUOjpYIW2FHu61oBFA/s1600/twit.png" /></a></div>Okelah kalo begitu sekarang mari kita bahas cara memasangnya :<br /> <br /> 1. Login ke akun blogger sobat.<br /> <br /> 2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (di bagian mana saja sobat ingin menampilkan widget ini)<br /> <br /> 3. Lalu sobat pilih HTML/Java Scrip ➨ Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!<br /> <br /> <div class="md2"><div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXLPd1zjrVV6m2Z2sso6i65Y12x0Qv22JsW4AJPlkYyZW0LbcM449OCw6uoIgNFagB0QH-8j5ZEPM7OmCtn43bfQSw92yUTX2wWGrPgMrhzRFaQ32eTme7vjdDN0aZl7ExgecfjLd7uY/s1600/otowebsite.blogspot.com-twitter.png" width="64" height="64" alt="Twitter icon" /></div><h2 class="tut">My Tweets</h2></div><div id="tweet-container"><img id="loading" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh38eO_j0tzYE6wM7whJmrzw8GAyghyphenhyphenx1H9_HdBxSlSWcwwV0LzQTdKcCN4FmvmzNYnP7XZM0ggsKhtcVvlXU75xzueNzrBdAccPlTMG6yEvPqSUhRYrZUWqEOWJeDG9e0Q49bckw6YOkM/s1600/otowebsite.blogspot.com-loading.gif" width="16" height="11" alt="Loading.." /></div><div id="scroll"></div></div><style>/* CSS Document */h2.tut{/* This is the "MY TWEETS" title */    color: white;font-family: "Myriad Pro", Arial, Helvetica, sans-serif;font-size: 16px;padding: 12px 0 0 58px;text-transform: uppercase;/* The CSS3 text-shadow property */    text-shadow: 2px 1px 6px #333;}#twitter-ticker{/* Styling the ticker */    width: 300px;height: 300px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7xM7ktwv0JGYRB9_ieqlMnF7w_nzmomnWgENtwPsCXX1pnI5UKr2eOUrRSPlIvCWCczsjBPsaJ7mmo1BdaWdWQqmFz7W5amXrUsqK1ZKXOjTDef9wUtzLYqQjVlQA2lRdHsyKmTAZZXo/s1600/otowebsite.blogspot.com-slickbg.png) no-repeat #f5f5f5;color: #666666;display: none;/* Rounded corners */    -moz-border-radius: 10px 10px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-align: left;}#tweet-container{/* This is where the tweets are inserted */    height: 230px;width: auto;overflow: hidden;}#twitIcon{/* Positioning the icon holder absolutely and moving it to the upper-left */    position: absolute;top: -25px;left: -10px;width: 64px;height: 64px;}#top-bar{height: 45px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhilTshK_sMy3brZsoMB03nHgDTy9jVNCemE0TNawP1VyQ1V_lCcQAUUlbHD5vS2R3fAodpc9XkRAznaCmK3zuS5oYKcjCa-xinqd-n979f-W51dhqGecx54QwD2MihQY_g2-enYo06UBQ/s1600/otowebsite.blogspot.com-top_bar.png) repeat-x;border-bottom: 1px solid white;position: relative;margin-bottom: 8px;/* Rounding the top part of the ticker, works only in Firefox unfortunately */    -moz-border-radius: 6px 6px 0 0;}.tweet{/* Affects the tweets */    padding: 5px;margin: 0 8px 8px;font-family: calibri;border: 1px solid #F0F0F0;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKSzIxpZ5KKZ2AR7j3e8WHztsk-i5pJS0rMp5nFWAH8oYBurXvbsgUJ5rxGuHbH6d_n9LtbagVnjfP4ywlylUcfookYgHbzC4-TQOk_lU35Jd1Yex7YeyAgYhp6cQaPm48rYUfVWqipgs/s1600/otowebsite.blogspot.com-transparent.png);width: auto;overflow: hidden;}.tweet .avatar, .tweet .user, .tweet .time{float: left;}.tweet .time{text-transform: uppercase;font-size: 10px;color: #AAAAAA;white-space: nowrap;}.tweet .avatar img{width: 36px;height: 36px;border: 2px solid #eeeeee;margin: 0 5px 5px 0;}.tweet .txt{/* Using the text container to clear the floats */    clear: both;}.tweet .user{font-weight: bold;}a, a:visited{/* Styling the links */    color: #00BBFF;text-decoration: none;outline: none;}a:hover{text-decoration: underline;}#loading{/* The loading gif animation */    margin: 100px 95px;}.jScrollPaneContainer{position: relative;overflow: hidden;z-index: 1;}.jScrollPaneTrack{position: absolute;cursor: pointer;right: 4px;top: 0;height: 100%;background: #ddd;}.jScrollPaneDrag{position: absolute;background: #999;cursor: pointer;overflow: hidden;}.jScrollPaneDragTop{position: absolute;top: 0;left: 0;overflow: hidden;}.jScrollPaneDragBottom{position: absolute;bottom: 0;left: 0;overflow: hidden;}a.jScrollArrowUp{display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowUp:hover{/*background-color: #f60;*/}a.jScrollArrowDown{display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowDown:hover{/*background-color: #f60;*/}a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color: #f00;*/}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/jquery.mousewheel.js"></script><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/jScrollPane-1.2.3.min.js"></script><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/ticker-script.js"></script><script type="text/javascript">var tweetUsers=['<b><span style="color: red;">otowebsite</span></b>'];</script></div><br /> 4. Simpan.<br /> <br /> <b>Keterangan :</b><br /> Ganti teks warna merah <b><span style="color: red;">otowebsite</span></b> dengan usernmae twitter sobat.<br /> <br /> Selesai !<br /> <br /> Nah sekian dulu untuk postingan/article <b>Widget Profil Twitter Keren Part 2</b>, semoga bisa bermanfaat untuk sobat semua.<br /> <br /> Bagaiman apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas!

Widget Profil Twitter Keren Part 2

S ebelumnya blog Oto Website pernah membahas tentang  Widget Profil Twitter Keren Part 1 , dan kali ini blog Oto Website akan share tentang ...

Baca selengkapnya »

Zuckerberg Ingin Anak Menggunakan Facebook

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi72Q0zYgWIDLZYQnfQYpe9S05yOL0eimSl2eRSnYMbDUzBOoWd9IhqC_C2aOY1uzH5TSZ3ZguZrx8Yh3JMlrOYr5EONNS2RKr3qs0tKq2d1h0UsX_m8zKx3MEmaqOsJiVbdJPqrKuDQU0/s1600/facebook+kids.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi72Q0zYgWIDLZYQnfQYpe9S05yOL0eimSl2eRSnYMbDUzBOoWd9IhqC_C2aOY1uzH5TSZ3ZguZrx8Yh3JMlrOYr5EONNS2RKr3qs0tKq2d1h0UsX_m8zKx3MEmaqOsJiVbdJPqrKuDQU0/s640/facebook+kids.jpg" width="640" /></a></div><span class="awal">F</span>acebook CEO Mark Zuckerberg pekan ini mengatakan bahwa anak-anak muda harus diperbolehkan di situs untuk tujuan pendidikan. Menurut dia: " Di masa depan, perangkat lunak dan teknologi akan memungkinkan orang untuk belajar banyak dari sesama siswa mereka. " <br /> Mengatakan kata-kata ini ia telah mengambil sebuah kontroversi kecil karena semua dari kita hampir tidak akan setuju untuk mengizinkan anak-anak di bawah 13 untuk menggunakan facebook . Sebelum berita ini facebook hanya memungkinkan orang di atas 13 untuk menggunakan facebook. Ini facebook Maret dilarang 20.000 profil di facebook yang di bawah umur, masih sekitar 7,5 juta siswa dari Amerika sudah ada di facebook tetapi mereka berbohong tentang usia mereka! <br /> Dia lebih lanjut mengatakan,<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J8trjLDjuWmXfJyatRIMwNEjkJ19Kr62nMGhn11iObkUQjAsjZCHbjvUuduqUWEf-4I3i2e67aUWQpFBjgjCRPqUNtQXu5vnKA4_tKuLIcQNDxSUm5uUuqvtrY0Qhybt-moUN6_-0vs/s1600/Mark+Zuckerberg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J8trjLDjuWmXfJyatRIMwNEjkJ19Kr62nMGhn11iObkUQjAsjZCHbjvUuduqUWEf-4I3i2e67aUWQpFBjgjCRPqUNtQXu5vnKA4_tKuLIcQNDxSUm5uUuqvtrY0Qhybt-moUN6_-0vs/s320/Mark+Zuckerberg.jpg" width="269" /></a></div><blockquote><div>Pendidikan jelas merupakan hal terbesar yang akan mendorong bagaimana ekonomi membaik dalam jangka panjang. Kita menghabiskan banyak waktu berbicara tentang ini ... Di masa depan, perangkat lunak dan teknologi akan memungkinkan orang untuk belajar banyak dari sesama siswa mereka ... Itu akan menjadi pertarungan kita mengambil di beberapa titik. Filosofi saya adalah bahwa untuk pendidikan yang Anda butuhkan untuk memulai pada usia yang sangat, sangat muda .... Karena pembatasan kita bahkan belum mulai proses belajar ini ... Jika mereka mengangkat maka kita akan mulai mempelajari apa yang berhasil. Kami mengambil banyak tindakan pencegahan untuk memastikan bahwa mereka [anak-anak muda] aman.</div></blockquote>Masalah ini bisa sangat kontroversial sebagai facebook dapat menempatkan sebuah dampak negatif pada generasi muda kita. Orang-orang dari berbagai lapisan masyarakat dan dari berbagai usia membuang-buang waktu berharga mereka di facebook. Hal ini telah mengurangi konsentrasi pada pekerjaan dan keluarga. Bagaimana kita membiarkan generasi muda kita untuk menggunakan situs jaringan sosial jika kita sendiri tidak menggunakannya dengan cara yang positif? <br /> Beberapa Sumber di <a href="http://news.cnet.com/8301-1023_3-20064886-93.html" target="_blank">sini</a>.<br /> <br /> <b>Efek Efisiensi Pada di Tempat Kerja Akibat Facebook</b><br /> Facebook terus memotong efisiensi di tempat kerja. Survei menemukan 77% dari facebookers menggunakan situs jejaring sosial, sementara pada pekerjaan. <br /> Perusahaan yang memungkinkan pengguna untuk mengakses Facebook di tempat kerja kehilangan rata-rata 1,5% pada produktivitas karyawan total, menurut sebuah laporan baru dari Nucleus Research, sebuah perusahaan riset TI . Survei dari 237 karyawan juga menunjukkan bahwa 77% pekerja yang memiliki akun Facebook menggunakannya selama jam kerja. Dari mereka yang menggunakan Facebook di tempat kerja, 87% mengatakan mereka tidak punya alasan bisnis yang jelas untuk menggunakan situs ini. <br /> <br /> <b>Pengaruh Facebook Pada Mahasiswa</b><br /> Pengguna Facebook biasanya mendapatkan nilai lebih rendah di perguruan tinggi; studi lain telah menemukan bahwa situs jejaring sosial mungkin tidak mendapatkan nilai bagus di tempat kerja juga. <br /> <br /> <b>Facebook Alternatif untuk anak-anak</b><br /> Ada alternatif untuk Facebook untuk anak-anak muda. Yang saya datang untuk mengetahui adalah situs Togetherville . Togetherville adalah jaringan sosial yang diciptakan khusus untuk anak-anak. Orang tua menggunakan account Facebook mereka sendiri untuk membantu anak-anak mendaftar untuk Togetherville dan kemudian orang tua dan anak dapat menggunakan situs bersama untuk memperkenalkan anak-anak untuk jejaring sosial di lingkungan yang lebih aman.<br /> <br /> <b>Saya Pribadi View</b><br /> Saya pribadi merasa bahwa anak-anak harus dijauhkan dari facebook. Facebook bersama dengan situs media sosial dapat memainkan peran yang sangat negatif dalam kehidupan mereka. Hal ini dapat menurunkan kreativitas mereka dan mempengaruhi studi sekolah mereka.<br /> <br /> <b>Sebuah Pertanyaan pembakaran: </b><br /> Jika facebook belum mampu membawa perubahan positif pada orang tua dari 13 dari bagaimana Anda bisa mengharapkan bahwa hal itu dapat digunakan sebagai alat untuk membantu siswa dalam studi mereka? :)

Zuckerberg Ingin Anak Menggunakan Facebook

F acebook CEO Mark Zuckerberg pekan ini mengatakan bahwa anak-anak muda harus diperbolehkan di situs untuk tujuan pendidikan. Menurut dia: ...

Baca selengkapnya »

Menambahkan Icon Gambar Pada Judul Postingan

<span class="awal">U</span>ntuk postingan articles blog Oto Website kali ini saya akan membahas tentang <b><a href="http://www.otowebsite.blogspot.com/2012/06/menambahkan-icon-gambar-pada-judul.html">Menambahkan Icon Gambar Pada Judul Postingan</a></b>. Agar blog kita lebih cantik tidak ada salahnya jika kita mempercantik blog/situs kita dengan <b><a href="http://www.otowebsite.blogspot.com/2012/06/menambahkan-icon-gambar-pada-judul.html">Menambahkan Icon Gambar Pada Judul Postingan</a></b>. Untuk caranya juga gak sulit-sulit amat, alias gampang. Sebelumnya sobat harus memiliki icon gambar dulu, tapi kalo masih belum sempat ya tidak apa, karna saya sudah menyediakan icon gambar yang bisa sobat gunakan, tapi kalo kurang bagus ya maaf, hehehe . . .<br /> <div style="text-align: center;">Contoh Icon Gambar Pada Judul Postingan</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-wnguHOemBcBnreYoR9mkvQ7OPlT-OK6a4y__Ka5TWMryN0L8i11T81Zxav6UTt91JpQqvUW4rOKrMRzPrZu_hnyU7vFw7OkksvGZPckxcRMZyQsAh_GsPZ-DvwKF7sfbfMiJfjoWN48/s1600/icon+gambar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-wnguHOemBcBnreYoR9mkvQ7OPlT-OK6a4y__Ka5TWMryN0L8i11T81Zxav6UTt91JpQqvUW4rOKrMRzPrZu_hnyU7vFw7OkksvGZPckxcRMZyQsAh_GsPZ-DvwKF7sfbfMiJfjoWN48/s320/icon+gambar.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div>Biar tidak terlalu menghabiskan banyak durasi, kalo begitu sekarang mari kita bahas caranya :<br /> <br /> 1. Masuk ke akun blogger sobat.<br /> <br /> 2. Pada Dasbor klick ➨ Rancangan ➨ Edit HTML.<br /> <br /> 3. Centang <input checked="" id="expandWidgets" style="font-size: small;" type="checkbox" />Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.<br /> <br /> 4. Selanjut dalam Edit Template sobat cari kode :<br /> <div class="md5"><a expr:href='data:post.url'><data:post.title/></a></div>Jika kesulitan mencarinya coba 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. Bila sudah ketemu sekarang sobat harus menyisipkan kode berikut ini di antara kode tadi :<br /> <br /> <div class="md5"><img border='0' src='<b><span style="color: red;">URL GAMBAR</span></b>'/></div><br /> 6. Sehingga hasil penyisipan kodenya akan menjadi seperti ini :<br /> <blockquote><div><a expr:href='data:post.url'><br /> <img border='0' src='<b><span style="color: red;">http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_otowebsite.gif</span></b>'/><br /> <data:post.title/></a></div></blockquote>7. Simpan template.<br /> <br /> <b>Keterangan :</b><br /> Warna merah adalah url gambar sobat bisa menggantinya bila kurang suka, tidak di ganti juga tidak apa-apa.<br /> <br /> Oke saya rasa cukup untuk kali ini, mudah-mudahan postingan kali ini bisa bermanfaat untuk sobat semua.<br /> <br /> Bagaimana apakah sobat berhasil menerpkannya di blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Menambahkan Icon Gambar Pada Judul Postingan

U ntuk postingan articles blog Oto Website kali ini saya akan membahas tentang  Menambahkan Icon Gambar Pada Judul Postingan . Agar blog kit...

Baca selengkapnya »

Floating Menu Spoiler Melayang

<span class="awal">S</span>poiler??? sebelumnya blog ini perah membahas tentang <b><a href="http://otowebsite.blogspot.com/2012/03/cara-membuat-berbagai-macam-tombol.html" target="_blank">Membuat Berbagai Macam Tombol Spoiler Atau Tombol Show Hidden</a></b>, sebenarnya saya ingin membahas Spoyler di slide bar tapi karna saya lihat di blog tetangga udah banyak yang membahas spoyler di slide bar jadi terpaksa saya tidak membahasnya, ckckck . . .<br /> Semuanya pasti udah pada tau dong apa itu Spoyler blog/situs, kalo belum tau bisa sobat lihat di postingan/articles <b><a href="http://otowebsite.blogspot.com/2012/03/cara-membuat-berbagai-macam-tombol.html" target="_blank">Membuat Berbagai Macam Tombol Spoiler Atau Tombol Show Hidden</a></b>. Dalam perjumpaan kita kali ini saya ingin share kepada sobat tentang <b><a href="http://otowebsite.blogspot.com/2012/06/floating-menu-spoiler-melayang.html">Floating Menu Spoiler Melayang</a></b>. Spoiler sebenarnya bisa di letakkan dimana saja tergantung pengguna dan kejeniusannya(kayak profesor aja) hehehe . . . seperti pada postingan kali ini kita akan mencobat memasang spoyler melayang di blog/situs sobat!<br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC26PiXZJSvwSzLgqQcsd9MFrmrrFGc_yBmLNdXNNrjluHJ5eDfrD8pzL3g7RE3OytQeVUxX1pr78EE7LUkxc-zT1ts5olridhLCjTJL511VFe2Dfdj1tfj3f92KvIlOxyf5F-Bx9xBi4/s1600/spoyler+menu.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC26PiXZJSvwSzLgqQcsd9MFrmrrFGc_yBmLNdXNNrjluHJ5eDfrD8pzL3g7RE3OytQeVUxX1pr78EE7LUkxc-zT1ts5olridhLCjTJL511VFe2Dfdj1tfj3f92KvIlOxyf5F-Bx9xBi4/s400/spoyler+menu.gif" width="400" /></a></div><div style="text-align: center;"><a class="button" href="http://wantinovi.blogspot.com/" target="_blank"><b>Lihat Demo</b></a></div><br /> Sekarang udah pada paham maksudnya kan, kalo begitu mari bersama-sama sekarang kita berDo'a, eh maksudnya bahas cara memasang <b><a href="http://otowebsite.blogspot.com/2012/06/floating-menu-spoiler-melayang.html">Floating Menu Spoiler Melayang</a></b>, cara memasangnya juga sangat mudah, ayo dah kita bahas :<br /> <br /> 1. Masuk ke akun blogger Sobat.<br /> <br /> 2. Pada Dasbor klick Rancangan ➨ Tambah Gadget.<br /> <br /> 3. Pilih elemen HTML/Java Script.<br /> <br /> 4. Lalu copy code berikut ini dan paste atau letakkan di dalam elemen HTML/Java Script tadi.<br /> <br /> <div class="md8"><style text-type="CSS"><br /> #bmenu{<br /> position:fixed;<br /> <b><span style="color: blue;">right:5px</span></b>;<br /> <b><span style="color: blue;">center:0px</span></b>;<br /> background-color:#000;<br /> border-radius:10px;<br /> -moz-border-radius:10px;<br /> border:1px solid #FFF;<br /> width:202px;<br /> height:20px;<br /> color:#FF0606;<br /> transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}<br /> <br /> #bmenu h3{<br /> margin:0;<br /> padding:0;<br /> text-align:center;<br /> cursor:pointer;}<br /> <br /> #bmenu ul{<br /> border-radius:10px;-moz-border-radius:10px;<br /> border:2px solid #FFf;<br /> background-color:#FF0606;<br /> margin:15px 0;<br /> padding:0 15px;}<br /> <br /> #bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{<br /> color:#000;<br /> text-decoration:none;<br /> font-size:14px;}<br /> <br /> #bmenu li a:hover{<br /> color:#fff;}<br /> <br /> #bmenu:hover{<br /> z-index:5;<br /> height:175px;<br /> </style><br /> <br /> <div id="bmenu"><br /> <h3><br /> <b><span style="color: red;">TITLE</span></b></h3><br /> <ul><br /> <li><a href="<span style="color: red;">#</span>"><span style="color: lime;"><b>O.W-1</b></span></a></li><br /> <li><a href="<span style="color: red;">#</span>"><b><span style="color: lime;">O.W-2</span></b></a></li><br /> <li><a href="<span style="color: red;">#</span>"><b><span style="color: lime;">O.W-3</span></b></a></li><br /> <li><a href="<span style="color: red;">#</span>"><b><span style="color: lime;">O.W-4</span></b></a></li><br /> <li><a href="<span style="color: red;">#</span>"><b><span style="color: lime;">O.W-5</span></b></a></li><br /> </ul><br /> </div></div><br /> 5. Simpan.<br /> <br /> <b>Keterangan:</b><br /> <ul><li><b><span style="color: blue;">right:5px;center:0px</span></b>; ➨ menunjukkan posisi spoiler, angak 5 dan 0 bisa sobat rubah.</li> <li><b><span style="color: red;">TITLE</span></b> ➨ adalah judul spoyler, ganti dengan judulmu sendiri.</li> <li>tanda pagar (<b><span style="color: red;">#</span></b>) ➨ ganti dengan url atau link tujuan sobat.</li> <li><b><span style="color: lime;">O.W-1</span></b> dan seterusnya ➨ ganti dengan nama menu atau nama link tujuan.</li> </ul>Dari kode di atas sebenarnya masih ada code yang bisa di rubah, silahkan rubah sendiri bila anda tau tentang code. Bila tidak tau lebih baik jagan, kalo <b><a href="http://otowebsite.blogspot.com/2012/06/floating-menu-spoiler-melayang.html">Floating Menu Spoiler Melayang</a></b>nya rusak baru tau rasa, ok!<br /> <br /> Saya rasa cukup untuk kali ini, bila ada kesulitan jangan sungkan untuk bertanya, saya akan dengan sengang hati membantu.<br /> <br /> Bagaimana apakah sobat berhasil menerapkannya di blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Floating Menu Spoiler Melayang

S poiler??? sebelumnya blog ini perah membahas tentang  Membuat Berbagai Macam Tombol Spoiler Atau Tombol Show Hidden , sebenarnya saya ingi...

Baca selengkapnya »

Pertempuran Google vs Bing di Search Engine

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-uy7uqgb1gYgrmqcsIXCRzruI24VTkgs9AsUmIPEm4_Nx7dTyQfBbVKOHN-KjUtVe7Y7NHwQyoE7BBUIgZtfrrc9OgOuFQT-HRfjFYYOg6JKMrKZ5WA51or-Gx3bLSJCM7mkbC9iZBg/s1600/Search-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/AVvXsEiL-uy7uqgb1gYgrmqcsIXCRzruI24VTkgs9AsUmIPEm4_Nx7dTyQfBbVKOHN-KjUtVe7Y7NHwQyoE7BBUIgZtfrrc9OgOuFQT-HRfjFYYOg6JKMrKZ5WA51or-Gx3bLSJCM7mkbC9iZBg/s1600/Search-275x171.jpg" /></a></div><span class="awal">P</span>emandangan dari pencarian berubah. Baik Google dan Microsoft telah secara dramatis merombak cara masing-masing menangani pencarian selama beberapa bulan terakhir, menggunakan pendekatan yang berbeda untuk membantu pencari informasi menemukan apa yang mereka/pengunjung cari.<br /> <br /> Salah satu mesin sedang mencoba untuk mengenal benda yang mencari, memberikan ringkasan informasi yang cepat dan berguna untuk beberapa pencarian sehingga Anda dapat menemukan apa yang Anda butuhkan dengan cepat. Sementara itu, yang lain sudah berubah pencarian sosial, menunjukkan informasi dari teman di jaringan sosial dan bahkan memungkinkan Anda untuk mencari nasihat seorang teman ketika mencari untuk memastikan Anda mendapatkan jawaban terbaik.<br /> <br /> Jadi, mana yang terbaik? Mari kita lihat mana yang lebih baik di tawarkan :<br /> <br /> Google : Jawaban Cepat.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_mMWLZF_ds9ZwdDkain_jilJKH0ZPTnqgrbI87xEN_pH1q8xfs90-auEpEPQ42bDgbKF6w-whA8OA8dGxfbo_L4PLoldU_j8zQuTyZSQZKlmebM-AvP6pI8EfG-aJPTsWHR4rdt5vaA/s1600/Andromeda--Google-Knowledge.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_mMWLZF_ds9ZwdDkain_jilJKH0ZPTnqgrbI87xEN_pH1q8xfs90-auEpEPQ42bDgbKF6w-whA8OA8dGxfbo_L4PLoldU_j8zQuTyZSQZKlmebM-AvP6pI8EfG-aJPTsWHR4rdt5vaA/s400/Andromeda--Google-Knowledge.jpg" width="400" /></a></div><br /> Google mulai meluncurkan grafik pengetahuan di semua alat pencarian pada bulan Mei. Sekarang, ketika Anda mencari sesuatu di Google, mesin akan mencoba untuk menentukan apa yang Anda cari dengan memanfaatkan informasi dari database pengetahuan, seperti freebase , Wikipedia dan Google Maps . Karena mesin adalah melihat topik secara keseluruhan bukan kata kunci sederhana, pencarian lebih intuitif dan lebih mungkin untuk memberikan informasi tentang apa yang Anda benar-benar mencari.<br /> <br /> Ringkasan beberapa topik juga muncul di sisi kanan halaman di samping hasil pencarian Anda. Misalnya, pencarian untuk "William Shakespeare" akan memunculkan foto penulis drama dari Wikipedia bersama dengan biografi singkat dan daftar singkat dari drama-dramanya.<br /> <br /> Hasil juga disesuaikan untuk menunjukkan apa yang orang informasi yang paling sering mencari tentang suatu topik tertentu. Dalam kasus Shakespeare, informasi yang ulang tahunnya dan judul dari beberapa karyanya. Dalam kasus dari San Francisco Giants, bagaimanapun, pencarian menghasilkan informasi tentang liga, apa tahun tim telah memenangkan World Series dan link ke informasi tentang setiap pemain.<br /> <br /> Google + hasil juga muncul dalam ringkasan informasi dan hasil pencarian. Dalam kasus pencarian Giants kita, misalnya, update paling baru pada halaman + Google tim muncul.<br /> <br /> Bing : Jawaban Sosilal<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUgNoM1uxRelVwRtJ72E71DWOeuAQmBvU3h3MAMILOI8PFD4UdXaz1roLvaLrODfiSqA-gxBLqvbUKSQ39HTR5apysEnToTtbv-4VejNjokv4HdCDuXocwFp9lIxKlYr1xZVGGr5TwxZ8/s1600/The+New+Bing.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUgNoM1uxRelVwRtJ72E71DWOeuAQmBvU3h3MAMILOI8PFD4UdXaz1roLvaLrODfiSqA-gxBLqvbUKSQ39HTR5apysEnToTtbv-4VejNjokv4HdCDuXocwFp9lIxKlYr1xZVGGr5TwxZ8/s400/The+New+Bing.jpg" width="400" /></a></div><br /> Meskipun Google mencakup hasil pencarian beberapa dari Google +, Bing mengambil pencarian media sosial ke tingkat yang baru. Dimana Google memiliki ringkasan di sisi kanan halaman, Bing bukan memberikan informasi dari jaringan sosial. Sementara platform hanya menyediakan informasi dari Facebook , Bing memiliki rencana untuk mengintegrasikan Twitter , Google +, Quora dan LinkedIn ke dalam pencarian juga.<br /> <br /> Toolbar, diberi label "Apa Teman Anda Tahu Mei," menampilkan informasi tentang topik pencarian Anda dari teman di berbagai situs media sosial, dan juga menawarkan pilihan untuk mengajukan pertanyaan untuk teman-teman untuk membantu pencarian Anda. Misalnya, jika Anda sedang mencari restoran Thailand yang besar di NYC, Anda bisa meminta teman Anda Facebook apa yang mereka mungkin merekomendasikan sementara juga memeriksa beberapa hasil pencarian dasar. Selain itu, hasil pencarian dapat disematkan pada suatu pesan, Facebook, jadi jika Anda mencoba untuk memilih antara dua restoran, Anda dapat memberikan link ke kedua pilihan untuk teman-teman untuk membaca dengan teliti dan berdiskusi.<br /> <br /> Untuk spesifik lokasi pencarian, Bing juga akan membiarkan Anda tahu mana teman-teman Anda tinggal di daerah tersebut. Jadi, pencarian untuk Thailand di NYC mungkin menyarankan berbicara dengan teman tertentu yang tinggal di dekatnya untuk perspektif yang lebih lokal dan pendapat.<br /> <br /> Selain mencari tahu apa teman tahu, pencarian Bing juga menawarkan "Apa Bing Knows" tab, menyediakan berbagai tingkat informasi hal-hal seperti restoran lokal, film, acara dan orang. Sebuah "Apa Web Knows" tab memberikan hasil umum dari web.<br /> <br /> Pada saat peluncuran, Bing eksekutif Derrick Connell mengatakan Mashable bahwa tujuan dari Bing baru adalah untuk "orang permukaan, bukan halaman web."<br /> <br /> <b>Mana yang Terbaik?</b><br /> <br /> Apa search engine yang terbaik tergantung pada bagaimana Anda berencana untuk menggunakannya. Sementara pencarian Google mungkin tepat untuk mengumpulkan informasi tentang tim olahraga favorit Anda atau seorang penulis terkenal, Bing mungkin harus mengalahkan pencari raksasa dalam bidang pengetahuan sosial dan lokal.<br /> <br /> Apa search engine yang Anda suka, Bing atau Google? Marilah kita tahu pengalaman anda di komentar.

Pertempuran Google vs Bing di Search Engine

P emandangan dari pencarian berubah. Baik Google dan Microsoft telah secara dramatis merombak cara masing-masing menangani pencarian selama ...

Baca selengkapnya »

Entri Populer Dengan Slide - Part 1

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgADoKmN5vS1gEBb9dXLqjSHneHvBR3WE3Na9NaFQdYBBjJA5g8_bUpsWUyhZ-OhRAWYXZuxuR7tMGjN29_lU0BpuakYDkOJCGAk4RW7sqXle2BupepgPWbqTkQ8urhtYeqSHVr0xQspJ4/s1600/entri+populer+slide+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgADoKmN5vS1gEBb9dXLqjSHneHvBR3WE3Na9NaFQdYBBjJA5g8_bUpsWUyhZ-OhRAWYXZuxuR7tMGjN29_lU0BpuakYDkOJCGAk4RW7sqXle2BupepgPWbqTkQ8urhtYeqSHVr0xQspJ4/s640/entri+populer+slide+1.png" width="640" /></a></div><span class="awal">H</span>alo semua sekarang dalam perjumpaan kali ini saya akan share tentang <b><a href="http://otowebsite.blogspot.com/2012/06/entri-populer-dengan-slide-part-1.html">Entri Populer Dengan Slide - Part 1</a></b>.<br /> Ternyata bukan hanya gambar atau image saja yang bisa di jadikan slide tapi Entri Populer pun bisa untuk di jadikan Slide agar tampilannya lebih menarik. Untuk cara membuat  <b><a href="http://otowebsite.blogspot.com/2012/06/entri-populer-dengan-slide-part-1.html">Entri Populer Dengan Slide - Part 1</a></b> juga gak ribet, alias mudah. Untuk contohnya sobat bisa lihat gambar di atas.<br /> Mungkin gak perlu berlama-lama lagi sekarng mendingan kita bahas lansung aja cara membuatnya, ok!<br /> <br /> 1. Masuk ke akun blogger Sobat.<br /> <br /> 2. Pada Dasbor klick Rancangan ➨ Tambah Gadget ➨ Pilih <span style="color: red;"><b>Entri Populer</b></span> dan Simpan.<br /> <br /> 3. Lalu tambah Gadget lagi ➨ Pilih <b><span style="color: red;">HTML/Java Script</span></b> ➨ Copy kode berikut dan paste atau letakkan di dalamnya.<br /> <div class="md1"><style type="text/css" media="screen"><br /> <!--<br /> #PopularPosts1{<br /> height:263px;<br /> }<br /> .item-content {<br /> height:263px;<br /> position:relative;<br /> width:560px;<br /> }<br /> .slider {<br /> height:263px;<br /> margin-left:25px;<br /> width:560px;<br /> overflow:hidden;<br /> margin-top:5px;<br /> padding:0px 0px;<br /> height:263px;<br /> }<br /> .item-snippet {<br /> background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/darksd.png) repeat scroll 0 0;<br /> color:#FFFFFF;<br /> padding:5px 5px 10px 5px;<br /> position:absolute;<br /> bottom:0;<br /> text-align:left;<br /> width:560px;<br /> font-size:9px;<br /> font-style:italic;<br /> }<br /> .item-title{<br /> color:#FFFFFF;<br /> font-size:10px;<br /> font-weight:bold;<br /> font-style:normal;<br /> margin-bottom:5px;<br /> }<br /> .item-title a:link,.item-title a:visited{<br /> color:#FFFFFF;<br /> text-decoration:none;<br /> border:none !important;<br /> padding:0 !important;<br /> }<br /> .item-thumbnail img{<br /> padding:0 !important;<br /> }<br /> .item-thumbnail a{<br /> padding:0 !important;<br /> }<br /> .crosscol .widget-content {position:relative;}<br /> .slider ul, .slider li,<br /> #slider2 ul, #slider2 li{<br /> margin:0;<br /> padding:0;<br /> list-style:none;<br /> }<br /> #slider2{margin-top:1em;}<br /> .slider li, #slider2 li{<br /> width:560px;<br /> height:263px;<br /> overflow:hidden;<br /> }<br /> .item-thumbnail img{width:560px;height:263px}<br /> #prevBtn, #nextBtn,<br /> #slider1next, #slider1prev{<br /> display:block;<br /> width:30px;<br /> height:77px;<br /> position:absolute;<br /> left:-30px;<br /> text-indent:-9999px;<br /> top:71px;<br /> z-index:1000;<br /> }<br /> #nextBtn, #slider1next{<br /> left:582px !important;<br /> }<br /> #prevBtn, #nextBtn, #slider1next, #slider1prev {<br /> display:block;<br /> height:77px;<br /> left:0;<br /> position:absolute;<br /> top:100px;<br /> width:30px;<br /> z-index:1000;<br /> }<br /> #prevBtn a, #nextBtn a,<br /> #slider1next a, #slider1prev a{<br /> display:block;<br /> position:relative;<br /> width:30px;<br /> height:77px;<br /> background:url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/prev.png) no-repeat 0 0;<br /> }<br /> #nextBtn a, #slider1next a{<br /> background:url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/next.png) no-repeat 0 0;<br /> }<br /> ol#controls{<br /> margin:1em 0;<br /> padding:0;<br /> height:28px;<br /> }<br /> ol#controls li{<br /> margin:0 10px 0 0;<br /> padding:0;<br /> float:left;<br /> list-style:none;<br /> height:28px;<br /> line-height:28px;<br /> }<br /> ol#controls li a{<br /> float:left;<br /> height:28px;<br /> line-height:28px;<br /> border:1px solid #ccc;<br /> background:#DAF3F8;<br /> color:#555;<br /> padding:0 10px;<br /> text-decoration:none;<br /> }<br /> ol#controls li.current a{<br /> background:#5DC9E1;<br /> color:#fff;<br /> }<br /> ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}<br /> .test{<br /> margin:30px;<br /> }<br /> --><br /> </style><br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script><br /> <script src='http://otowebsite.googlecode.com/files/entri_populer_slider_1.js' type='text/javascript'></script></div>4. Penempatan Gadget <b><span style="color: red;">Entri Populer</span></b> dan Gadget<b><span style="color: red;"> HTML/Java Script</span></b> kira-kira seperti ini.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXMUJ6hd4McgkET9n_rthU8FT7ZzcIICOLM15Pf1OxVq9mh-UplZIht2DY63bVKxmvDMDHcI6Pl9UN70ftHCx_XL3ctHwPFwjnw_6xvjmLFpNus7doW2ikzNbxMnzvK8WQ9AMUqk3XUI/s1600/aa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXMUJ6hd4McgkET9n_rthU8FT7ZzcIICOLM15Pf1OxVq9mh-UplZIht2DY63bVKxmvDMDHcI6Pl9UN70ftHCx_XL3ctHwPFwjnw_6xvjmLFpNus7doW2ikzNbxMnzvK8WQ9AMUqk3XUI/s400/aa.png" width="400" /></a></div><br /> 5. Simpan.<br /> <br /> Sekarang Sobat bisa lihat sendiri hasilnya di Blog Sobat.<br /> <br /> Mudah bukan?<br /> <br /> Oke saya rasa cukup untuk postingan atau articles <b><a href="http://otowebsite.blogspot.com/2012/06/entri-populer-dengan-slide-part-1.html">Entri Populer Dengan Slide - Part 1</a></b>.<br /> <br /> Bagaimana apakah Sobat berhasil menerapkannya ke blog Sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Entri Populer Dengan Slide - Part 1

H alo semua sekarang dalam perjumpaan kali ini saya akan share tentang  Entri Populer Dengan Slide - Part 1 . Ternyata bukan hanya gambar a...

Baca selengkapnya »