Oto Website

Colorful Blogger Numbered Pagenavigation

Akhirnya saya berhasil membuat satu generator untuk blog atau situs. 
 
Biasanya untuk membuat satu generator paling cepat menghabiskan waktu kira-kira dua jam, sementara saya menghabiskan waktu untuk membuat generator ini menghabiskan waktu lima jam lebih, gila . . . 
makanya generator paling enak di pelajarinnya belakangan aja, karna paling ruwet alias susah, hehehe . . . 
Dan ahhirnya saya berhasil membuat satu generator yang bisa sobat gunakan lho, ckckck . . . 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8dobz6lPemPZwPVicNCJ1k6iz8NdDUExv_x4WM0a28InqxRsH8UT1w5OjKyfDdfmjqS2yd2Tg5on-zM2O8kFrN0rGwLapp8XeB69GKoRDw8hBoQ6IA917BCzCNoBXnVLYvVzOvo7yp_w/s1600/Blogger+Page+Navigation+Widgets.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8dobz6lPemPZwPVicNCJ1k6iz8NdDUExv_x4WM0a28InqxRsH8UT1w5OjKyfDdfmjqS2yd2Tg5on-zM2O8kFrN0rGwLapp8XeB69GKoRDw8hBoQ6IA917BCzCNoBXnVLYvVzOvo7yp_w/s320/Blogger+Page+Navigation+Widgets.png" width="287" /></a></div> 
Untuk kali ini saya akan share masih di blog Oto Website, dan kali ini temanya adalah Colorful Blogger Numbered Pagenavigation (sok bahasa inggris, hehehe . . . ) 
 
Widget kali ini adalah widget navigasi yang berada di bagian paling bawah blog anda, bisa di bilang widget ini menggantikan tombol next atau privious dengan page numbered angka, dan warnaya sendiri juga keren. 
 
Mungkin tidak perlu berlama-lama lagi ya !!! 
 
Seperti yang saya bilang di atas, bahwa saya telah membuat satu tools yang bisa sobat gunakan, dan kali ini sobat tidak perlu meng copy kode script yang saya berikan sobat cukup gunakan tool yang telah saya siapkan untuk sobat. 
 
Jika sobat berhasil atau menggunakan widget ini jangan lupa untuk komentarnya agar saya tau bahwa anda menggunakannya jadi saya tidak rugi membuat generator ini selama lima jam lebih! 
 
Nah lansung aja, sobat gunakan generator di bawah ini: 
 
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/Colorful%20Numbered%20Pagenavigation.html" style="height: 630px; width: 100%;"></iframe> 
 
Widget Colorful Blogger Numbered Pagenavigation harus berada di bawah postingan. Jika widget tersebut tidak berada di bawah postingan maka sobat cukup memindahkannya di bawah postingan sehingga menjadi seperti ini: 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdSVgTaPv3UTGM7ONpehb-F4wdgwxKSZespzkZYe9yXhcHIbC0POrgpAazkl7dRl8VChm06CYdMojND8DIbuomWMPVZ2qPCQ6Av0LwacsDS8FsF3QQZhSUSk2tqAfEwh3oNtIAYmjnjE4/s1600/Blogger++++Edit+Tata+Letak.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdSVgTaPv3UTGM7ONpehb-F4wdgwxKSZespzkZYe9yXhcHIbC0POrgpAazkl7dRl8VChm06CYdMojND8DIbuomWMPVZ2qPCQ6Av0LwacsDS8FsF3QQZhSUSk2tqAfEwh3oNtIAYmjnjE4/s400/Blogger++++Edit+Tata+Letak.png" width="400" /></a></div> 
Saya rasa cukup untuk kali ini, silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Colorful Blogger Numbered Pagenavigation

A khirnya saya berhasil membuat satu generator untuk blog atau situs. Biasanya untuk membuat satu generator paling cepat menghabiskan wakt...

Baca selengkapnya »

Alvaro Bautista berjanji tidak akan mengulangi kesalahan yang menyebabkan kecelakaan dengan Jorge Lorenzo

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNQ-U5kg7wczY9i2n0-KYBnV45SmKxhNNeNQpoHXuICrhNkyRNliI5ubGoarfGyzIzztBSR6e83sm8UgnqQ5m6xp24ujpfw2NVlL8vSpb_yfFq3mArHzlNllsE7E3lv2oyFC4xPI7NlLw/s1600/1341315320.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/AVvXsEiNQ-U5kg7wczY9i2n0-KYBnV45SmKxhNNeNQpoHXuICrhNkyRNliI5ubGoarfGyzIzztBSR6e83sm8UgnqQ5m6xp24ujpfw2NVlL8vSpb_yfFq3mArHzlNllsE7E3lv2oyFC4xPI7NlLw/s1600/1341315320.jpg" /></a></div>Gresini Honda - Alvaro Bautista yang pasti ia tidak akan pernah mengulangi kesalahan yang menyebabkan dia menghapus pemimpin kejuaraan MotoGP "Jorge Lorenzo" di TT Belanda. 
 
Berbicara menjelang Grand Prix Jerman, Bautista meminta maaf lagi atas insiden itu, mengatakan kedua Lorenzo dan tim "layak lebih baik." 
 
Dia juga mengatakan kecelakaan itu manja apa yang bisa menjadi "ras besar", dan mengatakan ia bertekad untuk menebus kesalahan di Sachsenring meskipun sebuah "hukuman berlebihan" berarti dia akan mulai dari belakang grid. 
 
"Saya sangat senang dengan kecelakaan di tikungan pertama di Assen karena kami telah melakukan pekerjaan yang besar dalam praktek dan saya pikir kami memiliki pengaturan untuk memiliki ras besar," kata Bautista. 
 
"Saya melakukan kesalahan dalam menghitung penanda saya pengereman dan saya mengerem keras mencoba untuk tidak memukul siapa pun bahwa saya kehilangan bagian depan dan akhirnya mengambil pengendara lain dengan saya anyway Ini adalah pertama kalinya hal ini terjadi pada saya dan. Aku menyesal bahwa pengendara lain juga terlibat dan tidak mampu menyelesaikan balapan, kehilangan poin kejuaraan penting. 
 
"Untungnya tidak ada konsekuensi serius dalam hal cedera dan saya yakin akan satu hal: tidak akan terjadi lagi. 
 
"Saya minta maaf untuk tim, yang selalu memberikan 100 persen dan lebih dan mereka layak mendapatkan yang lebih baik tapi sayangnya ini semua bagian dari kehidupan." 
 
Bautista menambahkan bahwa hukuman kotak nya berarti mencetak poin sebanyak mungkin adalah target hanya di Jerman. 
 
"Di Sachsenring kita akan mulai dari belakang grid dan seperti yang saya telah mengatakan saya pikir itu adalah penalti yang berlebihan untuk sebuah insiden balap dan sementara saya menerimanya saya melakukannya dengan enggan," jelasnya. 
 
"Tujuan kami harus terus bekerja dengan cara yang sama seperti yang sampai sekarang dan mencoba untuk mengambil poin sebanyak yang kami bisa dalam lomba."

Alvaro Bautista berjanji tidak akan mengulangi kesalahan yang menyebabkan kecelakaan dengan Jorge Lorenzo

G resini Honda - Alvaro Bautista yang pasti ia tidak akan pernah mengulangi kesalahan yang menyebabkan dia menghapus pemimpin kejuaraan Moto...

Baca selengkapnya »

Spanyol Akhirnya Menang dan Berhasil Mengukir Sejarah

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGSVoWu7lQ3bbvQAhOQz5ryzvGh4Jxq7OiB9MUexjT7ZB49PwsXXJ5dnUCjSxXqzgfCL1Tr3zH3DNBNpykoRaJtSSdJCk1xg3pWPB8T3tv0bM6FiMwbPxG8mlptTrYlzKsQ_Hc1GmFFUs/s1600/Sundulan-David-Silva.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGSVoWu7lQ3bbvQAhOQz5ryzvGh4Jxq7OiB9MUexjT7ZB49PwsXXJ5dnUCjSxXqzgfCL1Tr3zH3DNBNpykoRaJtSSdJCk1xg3pWPB8T3tv0bM6FiMwbPxG8mlptTrYlzKsQ_Hc1GmFFUs/s640/Sundulan-David-Silva.jpg" width="640" /></a></div>Spanyol masih memperlihatkan tim terkuat di Eropa saat ini setelah tampil sebagai kampiun Piala Eropa 2012 dengan mengalahkan Italia 4-0 di pertandingan final di Stadion NSK Olimpijs'kyj, Kiev, Senin (2/7) dinihari WIB. 
 
Spanyol yang sebelumnya tak pernah menang dari Italia di turnamen resmi akhirnya berhasil mengalahkan sejarah. 
 
Sukses itu membuat Spanyol mencatatkan sejarah sebagai tim pertama yang mampu tampil sebagai juara di tiga turnamen besar secara berturut-turut. Sebelumnya, Spanyol menjadi kampiun di Piala Eropa 2008 dan Piala Dunia 2010. 
 
Permainan Spanyol dan Italia berlangsung menarik, dan terjadi jual beli serangan, terutama di babak pertama. Spanyol sudah unggul 2-0 di babak pertama lewat gol David Silva dan Jordi Alba. 
 
Italia berusaha mengejar ketertinggalan di babak kedua. Namun tim besutan Cesare Prandelli ini mengalami kesulitan untuk mengejar ketertinggalan mereka setelah hanya bermain dengan sepuluh orang di pertengahan babak kedua. Akibatnya, Spanyol dapat menambah satu gol lagi melalui dua pemain pengganti Fernando Torres dan Juan Mata. 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-AmbqN75_ksJsX4wDTPQb7EKkBFP61x-FLf-sZ4QR0N-70C3AHFs-Z1vjd5a3wETXT42ZHdEhH1Ksc-Hb4XjEQHOuyab41UyXVQjZ42g-_OOyJHIXT45K6OIqPsBVxnly0fZcDYLBlg/s1600/imagesizer.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-AmbqN75_ksJsX4wDTPQb7EKkBFP61x-FLf-sZ4QR0N-70C3AHFs-Z1vjd5a3wETXT42ZHdEhH1Ksc-Hb4XjEQHOuyab41UyXVQjZ42g-_OOyJHIXT45K6OIqPsBVxnly0fZcDYLBlg/s320/imagesizer.jpg" width="320" /></a></div>Spanyol dan Italia mengawali laga dengan permainan cepat. Italia terlebih dahulu memberikan tekanan ke pertahanan Spanyol, namun dapat dimentahkan barisan belakang lawan. 
 
Sang juara bertahan memberikan respon dengan melakukan tekanan ke pertahanan Italia. Pada menit kesepuluh, Xavi melepaskan tendangan keras yang masih melambung tipis di atas mistar gawang Gianluigi Buffon. 
 
Setelah melakukan tekanan bertubi-tubi ke pertahanan Italia, Spanyol akhirnya unggul lebih dulu di menit ke-14. Menerima umpan dari tengah, Cesc Fabregas menusuk pertahanan Italia dari sisi kanan sebelum memberikan ympan ke depan gawang Buffon. David Silva langsung menyambar bola dengan tandukannya yang membuat Buffon tidak berdaya. 
 
Italia memberikan respon, dan melakukan tekanan ke pertahanan Spanyol. Italia mendapatkan tendangan bebas setelah Mario Balotelli dilanggar pada menit ke-16. Tapi Andrea Pirlo melambung di atas mistar gawang. 
 
Pergantian pemain terpaksa dilakukan Italia dengan menarik keluar Giorgio Chiellini yang mendapat cedera di kaki kanan. Cesare Prandelli lalu memasukkan Federico Balzaretti di menit ke-22. 
 
Peluang diperoleh Italia melalui Balotelli pada menit ke-25, tapi umpan silang dari sisi kiri pertahanan Spanyol dapat ditepis kiper Iker Casillas sebelum disambar kepala ujung tombak Azzurri itu. Selang dua menit kemudian, giliran Antonio Cassano yang menguji Casillas. 
 
Ancaman kembali dihadirkan Italia di pertahanan Spanyol untuk menyamakan kedudukan. Cassano melepaskan tembakan keras dari luar kotak penalti, tapi dapat ditinju Casillas pada menit ke-32. 
 
Keasyikan menyerang, pertahanan Italia lengah. Spanyol sukses menggandakan keunggulannya pada menit ke-42 setelah Jordi Alba yang menerima umpan Xavi selanjutnya memperdayai Buffon. Skor 2-0 bertahan hingga babak pertama usai. 
 
Italia melakukan pergantian pemain dengan memasukkan Antonio Di Natale, dan menarik keluar Cassno. Tertinggal dua gol, Italia langsung melakukan tekanan ke pertahanan Spanyol. Namun tim Matador justru yang lebih dulu menghadirkan ancaman. Pergerakan Fabregas membuat pertahanan Italia harus bekerja keras. 
 
Balotelli yang diharapkan dapat memecahkan kebuntuan Italia belum memperlihatkan tajinya akibat mendapat pengawalan ketat dari barisan belakang Spanyol. Namun lini kedua mulai aktif melakukan tusukan ke jantung pertahanan Spanyol. 
 
Peluang diperoleh Italia pada menit ke-51 melalui Di Natale, tapi dapat diamankan Casillas. Kiper Real Madrid ini menepis tendangan bebas Pirlo di menit ke-57. Balotelli segera menyambut bola muntah, tapi tendangannya melebar. Rasa frustrasi mulai terlihat di wajah Balotelli. 
 
Italia selanjutnya melakukan pergantian pemain kembali dengan memasukkan Thiago Motta, dan menarik keluar Riccardo Montolivo. Laga berjalan satu jam, giliran Spanyol menarik keluar Silva, dan memasukkan Pedro. 
 
Namun pergantian Montolivo dengan Motta ternyata membawa malapetaka bagi Italia. Motta yang baru beberapa menit menginjakkan kaki di lapangan mengalami cedera, dan tidak bisa melanjutkan pertandingan. Akibatnya, Italia hanya bermain dengan sepuluh orang, karena sudah melakukan tiga kali pergantian pemain. 
 
Unggul jumlah pemain membuat Spanyol terlihat nyaman memainkan bola. Sebaliknya, Italia mengalami kesulitan untuk keluar dari tekanan La Furia Roja. Praktis permainan hanya berlangsung setengah lapangan, karena Italia lebih memperkuat barisan belakang sambil sesekali mencoba melakukan serangan balik. 
 
Unggul dua gol tidak menghentikan Spanyol menekan pertahanan Italia. Pelatih Vicente del Bosque memasukkan Fernando Torres, dan menarik keluar Fabregas. Kepercayaan itu langsung dibayar Torres dengan mencetak gol ketiga bagi Spanyol setelah menerima umpan dari Xavi di menit ke-83. 
 
Spanyol pun memasukkan Juan Mata dan menarik keluar Iniesta pada menit ke-88. Mata pun langsung memberikan kontribusi dengan melesakkan gol keempat selang satu menit kemudian hasil kerja sama dengan Torres. Skor ini bertahan hingga pluit panjang ditiupkan wasit.(api) 
 
Berikut starting line up kedua tim: 
 
 
Spanyol (4-3-3): Casillas; Arbeloa, Ramos, Pique, Jordi Alba; Xavi, Xabi Alonso, Busquets; Iniesta, Fabregas, Silva 
Subs: Valdes, Reina, Albiol, Javi Martinez, Juanfran, Cazorla, Jesus Navas, Pedro, Torres, Negredo, Mata, Llorente 
 
Italia (4-3-1-2): Buffon; Abate, Barzagli, Bonucci, Chiellini; De Rossi, Pirlo, Marchisio; Montolivo; Cassano, Balotelli 
Subs: Sirigu, De Sanctis, Ogbonna, Balzaretti, Thiago Motta, Giaccherini, Giovinco, Nocerino, Di Natale, Borini, Diamanti

Spanyol Akhirnya Menang dan Berhasil Mengukir Sejarah

S panyol masih memperlihatkan tim terkuat di Eropa saat ini setelah tampil sebagai kampiun Piala Eropa 2012 dengan mengalahkan Italia 4-0 di...

Baca selengkapnya »

Ribbon Menu With CSS3

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKmYEDU2ZkpPySI0vb2B0k7Ra9mKPXNwiYPs4CVgS6XKQufTlqfPKcxqzqLUyStBsPF8erkYt_kBYfsqCMnTa4zkC23hYT8JxmyBCj-Sae9tCSHnV2zxLtk7VFLxLBEwdZADgvwi_uIwE/s1600/Ribbon+Menu+With+CSS3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKmYEDU2ZkpPySI0vb2B0k7Ra9mKPXNwiYPs4CVgS6XKQufTlqfPKcxqzqLUyStBsPF8erkYt_kBYfsqCMnTa4zkC23hYT8JxmyBCj-Sae9tCSHnV2zxLtk7VFLxLBEwdZADgvwi_uIwE/s640/Ribbon+Menu+With+CSS3.png" width="640" /></a></div>Dalam tutorial kali ini blog <a href="http://otowebsite.blogspot.com/">O.W</a> alias <a href="http://otowebsite.blogspot.com/">Oto Website</a> tercinta akan mengajarkan sobat untuk cara membuat menu atau navigasi dan kali ini blog <a href="http://otowebsite.blogspot.com/">Oto Website</a> mengajarkan sobat semua tentang cara membuat <a href="http://otowebsite.blogspot.com/2012/07/ribbon-menu-with-css3.html">Ribbon Menu With CSS3</a>. 
Kita akan membuat menu menggunakan CSS3 dan tampilannya Menu Navigasi ini lebih menarik dan keren. 
Untuk lebih jelasnya tentang <a href="http://otowebsite.blogspot.com/2012/07/ribbon-menu-with-css3.html">Ribbon Menu With CSS3</a> ini sobat bisa melihat demo yang telah saya sediakan. 
 
<div style="text-align: center;"><a class="button" href="https://otowebsite-blogspot.googlecode.com/svn/trunk/Ribbon%20Menu%20With%20CSS3.html" target="_blank">Lihat Demo</a></div><div style="text-align: center;"> 
</div><hr color="#000fff" size="5" /><div style="text-align: center;">Cara memasang <a href="http://otowebsite.blogspot.com/2012/07/ribbon-menu-with-css3.html">Ribbon Menu With CSS3</a> di blogger</div><hr color="#000fff" size="5" /> 
1. Masuk ke akun blogger sobat. 
 
2. Pada Dasbor klick ➨ Rancangan ➨ Edit HTML. 
 
3. Centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan. 
 
4. Selanjutnya dalam Edit Template sobat cari kode ]]></b:skin> atau <style> Jika kesulitan mencarinya coba baca <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Mencari Kode HTML</a>. 
 
5. Bila sudah ketemu sekarang sobat copy kode CSS di bawah ini dan paste atau letakkan di atas kode tadi. 
 
<div class="md5">.ribbon { 
display:inline-block; 
} 
.ribbon:after, .ribbon:before { 
margin-top:0.5em; 
content: ""; 
float:left; 
border:1.5em solid #01978C; 
} 
.ribbon:after { 
border-right-color:transparent; 
} 
.ribbon:before { 
border-left-color:transparent; 
} 
.ribbon a:link, .ribbon a:visited { 
color:#000; 
text-decoration:none; 
float:left; 
height:3.5em; 
overflow:hidden; 
} 
.ribbon span { 
background:#01978C; 
display:inline-block; 
line-height:3em; 
padding:0 1em; 
margin-top:0.5em; 
position:relative; 
-webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */ 
-moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */ 
-ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */ 
-o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */ 
transition: background-color 0.2s, margin-top 0.2s; 
} 
.ribbon a:hover span { 
background:#FFD204; 
margin-top:0; 
} 
.ribbon span:before { 
content: ""; 
position:absolute; 
top:3em; 
left:0; 
border-right:0.5em solid #9B8651; 
border-bottom:0.5em solid #01978C; 
} 
.ribbon span:after { 
content: ""; 
position:absolute; 
top:3em; 
right:0; 
border-left:0.5em solid #9B8651; 
border-bottom:0.5em solid #01978C; 
}</div> 
6. Masih dalam Edit Template sekarang sobat cari kode <body> dan letakkan kode berikut ini tepat di bawahnya. 
 
<div class="md3"> 
<div class='ribbon'> 
            <a href='#'>Home</a> 
            <a href='#'>PTC</a> 
            <a href='#'>Template</a> 
            <a href='#'>Software</a> 
            <a href='#' >Tools</a> 
            <a href='#'>Services</a> 
            <a href='#'>Contact</a> 
            </div></div> 
7. Simpan Template. 
 
Keterangan : 
<ul><li>Ganti tanda pagar (#) dengan url atau link tujuan.</li>
<li>Ganti nama menu (Template, Software, dst.) dengan nama url atu link tujuan.</li>
</ul>Sekian. 
 
Saya rasa cukup untuk postingan atau article <a href="http://otowebsite.blogspot.com/2012/07/ribbon-menu-with-css3.html">Ribbon Menu With CSS3</a> mudah-mudahan article ini bisa bermanfaat untuk sobat semua. 
 
Bagaimana apakah Sobat berhasil menerapkannya di blog sobat? Silahkan tinggalkan tanggapan atau komentar Sobat tentang postingan atau articles di atas!

Ribbon Menu With CSS3

D alam tutorial kali ini blog O.W alias Oto Website tercinta akan mengajarkan sobat untuk cara membuat menu atau navigasi dan kali ini bl...

Baca selengkapnya »

Label Cloud Hover

Di postingan article kali ini blog Oto Website akan update postingan dan membahas tentang <a href="http://otowebsite.blogspot.com/2012/07/label-cloud-hover.html">Label Cloud</a> Hover. 
Kalo biasanya kita memasang widget cloud tanpa hover tapi kali ini kita akan membuat label tersebut muncul dengan efek hover, dan jadinya pasti akan lebih menrik. Untuk cara membuat <a href="http://otowebsite.blogspot.com/2012/07/label-cloud-hover.html">Label Cloud</a> Hover ini juga tiak rumit alias cukup mudah. 
Untuk contoh <a href="http://otowebsite.blogspot.com/2012/07/label-cloud-hover.html">Label Cloud</a> Hover sobat bisa lihat gambar di bawah ini: 
<div style="text-align: center;"><a href="http://otowebsite.blogspot.com/2012/07/label-cloud-hover.html">Label Cloud </a>Hover</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrawCcRmL44XGS9ji52A0TRc38rBIp2bWUZ7hjwVw1nw25xrA-xLNuXhTJQNejwm9O1mMxttUbQGEkYKWz0mzDkhlqVPIAruntiWuPOoUeJGKopB_Bcnl3zz_uvwRWa3xmtbTFCGhGDk/s1600/label+cloud+hover.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrawCcRmL44XGS9ji52A0TRc38rBIp2bWUZ7hjwVw1nw25xrA-xLNuXhTJQNejwm9O1mMxttUbQGEkYKWz0mzDkhlqVPIAruntiWuPOoUeJGKopB_Bcnl3zz_uvwRWa3xmtbTFCGhGDk/s320/label+cloud+hover.jpg" width="299" /></a></div> 
Lansung saja ya kalo begitu sekarang kita akan membahas cara memasang <a href="http://otowebsite.blogspot.com/2012/07/label-cloud-hover.html">Label Cloud</a> Hover ini di blogger sobat: 
 
1. Login ke akun blogger sobat. 
 
2. Pada Dasbor klick Rancangan ➨ Edit HTML (tidak perlu mencentang Expand Template Widget). 
 
3. Lalu sobat cari kode ]]></b:skin> jika kesulitan mencarinya coba lihat <a href="http://otowebsite.blogspot.com/2012/02/cara-cepat-mencari-kode-html.html" target="_blank">Cara Cepat Mencari Kode HTML</a>. 
 
 
4. Jika sudah ketemu selanjutnya sobat letakkan kode berikut ini tepat di atas kode tadi. 
 
<div class="md1"> 
 
/* -- Label Cloud Hover -- */ 
.label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;} 
.label-size a {-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #aaa;border: none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;} 
.label-size a:hover {background: #ffcb0f;}- 
.label-size span {float: right;font-size: 9px;margin: 0 0 4px;} 
 
</div> 
5. Simpan template. 
 
6. Selanjutnya pada menu sobat klick Rancangan ➨ Tambah Gadget (di manapun sobat ingin widget ini muncul) 
 
7. Lalu pilih Label dan setting label seperti gambar berikut. 
 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDJA051cNCXKVAZOmSgIbGV_BkfF2rZT6hKnrWev1pkKyezq7UMTHlQxpaqzkOgtrP8sr295vcBGfRjUaiEQBgFqWcTk1F4tpb_To8DZkZVSTeqWvGyx2bLzefXnyWqNpJPE-rWHqkDZw/s1600/setting.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDJA051cNCXKVAZOmSgIbGV_BkfF2rZT6hKnrWev1pkKyezq7UMTHlQxpaqzkOgtrP8sr295vcBGfRjUaiEQBgFqWcTk1F4tpb_To8DZkZVSTeqWvGyx2bLzefXnyWqNpJPE-rWHqkDZw/s400/setting.gif" width="400" /></a></div> 
8. Simpan. 
 
Sekarang sobat bisa lihat sendiri hasilnya di label blog sobat. 
 
Bagaimana apakah sobat berhasil menerapkannya di blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas!

Label Cloud Hover

D i postingan article kali ini blog Oto Website akan update postingan dan membahas tentang Label Cloud Hover. Kalo biasanya kita memasang...

Baca selengkapnya »

Twitter Drops Kemitraan LinkedIn

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5bXB2F91lei7Psy7ez-KyRYo_n51M2WX6wJ9RCNkvQG2ZGD2ix5tgHfTYkVKuPwnMkWR9PtvCUaBN49xAgyOMJDERPcyd_hyphenhyphenu6e5C5b0h_WPeAS0RqKeMEIcgl5yKz_DYsIkSfnrm70Y/s1600/linkedin-twitter.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="507" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5bXB2F91lei7Psy7ez-KyRYo_n51M2WX6wJ9RCNkvQG2ZGD2ix5tgHfTYkVKuPwnMkWR9PtvCUaBN49xAgyOMJDERPcyd_hyphenhyphenu6e5C5b0h_WPeAS0RqKeMEIcgl5yKz_DYsIkSfnrm70Y/s640/linkedin-twitter.jpg" width="640" /></a></div>UPDATE <a href="http://linkedin.com/" target="_blank">LinkedIn</a> mengumumkan melalui posting blog pada Jumat bahwa <a href="http://twitter.com/" target="_blank">Twitter</a> tidak lagi bermitra dengan situs bisnis jaringan untuk sinkronisasi update dari satu situs ke situs yang lain. 
Ini berakhir kemitraan yang dimulai tahun 2009. Pengguna LinkedIn masih dapat membuat update di situs tersebut dan klik tombol untuk berbagi ke Twitter juga, tetapi sebaliknya adalah tidak mungkin lagi. 
 
<a href="http://blog.linkedin.com/2012/06/29/sharing-on-linkedin-twitter/" target="_blank">Pos LinkedIn</a> oleh Ryan Roslansky, kepala produk konten di LinkedIn, menunjuk ke posting blog sendiri Twitter Jumat tentang " <a href="https://dev.twitter.com/blog/delivering-consistent-twitter-experience" target="_blank">memberikan pengalaman yang konsisten di Twitter</a> . " 
 
Itu mungkin, meskipun diragukan, bahwa Twitter ingin memisahkan diri dari perusahaan jaringan kerja setelah terakhir pelanggaran sandi di mana 6 juta LinkedIn password dicuri . 
 
LinkedIn baru-baru ini menampar dengan gugatan $ 5.000.000 oleh pengguna LinkedIn yang mengaku ditipu lebih dari 160 juta anggota dengan memiliki kebijakan keamanan "dalam kontradiksi yang jelas tentang standar industri yang diterima untuk keamanan database." 
 
Alasan lain mungkin adalah bahwa Twitter dan LinkedIn tidak bisa datang ke kesepakatan atas pendapatan iklan potensial. Dalam beberapa bulan terakhir, Twitter telah agresif mulai mendorong maju dengan inisiatif bahwa konten mitra sorot dan pakan ekosistem disponsori dan dipromosikan nya Tweet. Twitter mungkin ingin mempertahankan nilai feed pada situs sendiri, tanpa memberikan konten yang untuk pesaing potensial untuk dolar iklan. 
 
<blockquote><div>Seorang juru bicara dari LinkedIn, yang berbicara kepada Mashable , kata perpisahan itu "damai" dan perusahaan selalu bekerja sama dengan baik.</div></blockquote> 
 
Apa pendapat Anda tentang Twitter menarik steker pada kemitraan dengan LinkedIn? Beritahu kami di komentar.

Twitter Drops Kemitraan LinkedIn

U PDATE LinkedIn mengumumkan melalui posting blog pada Jumat bahwa Twitter tidak lagi bermitra dengan situs bisnis jaringan untuk sinkroni...

Baca selengkapnya »

Oto Website

Colorful Blogger Numbered Pagenavigation

Alvaro Bautista berjanji tidak akan mengulangi kesalahan yang menyebabkan kecelakaan dengan Jorge Lorenzo

Spanyol Akhirnya Menang dan Berhasil Mengukir Sejarah

Ribbon Menu With CSS3

Label Cloud Hover

Twitter Drops Kemitraan LinkedIn

Entri Populer

Arsip Blog