Tablet Android Honeycomb Terbaik Murah

Kontes kembali digelar sobat blogger dengan bertemakan SEOCONIA “Acer Iconia SEO Contest” dan target keyword Tablet Android Honeycomb Terbaik Murah. Tidak lain tidak bukan perusahaan Acer yang merupakan sebuah jaminan merek 5 besar Personal Computer di dunia ini yang menyelenggarakan kontes SEO. Perusahaan yang berpusat di negara Taiwan, telah memperkerjakan ± 39.000 pegawai dari 100 negara kembali menggebrak mengeluarkan produk andalannya yang diberi nama Android Honeycomb.
Kalau boleh jujur Beben Koben si Bloglang anu ganteng kalem tea belum pernah melihat apalagi mengoperasikan sebuah Android :D :-s Ketika melihat content dari android ternyata eh ternyata =P~ :-bd prikitiw euy. Lihat beberapa keunggulan yang dimiliki Android Honeycomb kepunyaan Acer

1. Tampilan Antarmuka
2. System Bar & Action Bar
3. Widget
4. Browser
5. E-mail
6. Details of Android Honeycomb!

ICONIA TAB A seri 10.1 "Laya lebar dengan sentuhan definisi tinggi" (10 mengacu untuk sentuhan) dari ukuran majalah yang rata-rata masih kecil, akses internet mobile unlimited luas! Dilengkapi dengan PC Tablet Android eksklusif ™ 3.0 (Honeycomb) sistem operasi, dengan berat kurang dari 1 kg, ringan baik dan portabel, memberikan kita sentuhan yang sempurna dan tergiur untuk memiliki :p

ICONIA TAB A series of 10.1 "wide-screen high-definition touch (10 refers to the touch) than the average magazine size is still small, mobile Internet access unlimited broad! equipped with Tablet PC exclusive Android ™ 3.0 (Honeycomb) operating system, less than 1 kg Weight, good light and portable, giving you the perfect touch to experience the action!www.acer.com

Jika selama ini kita melihat & mengenal product ACER dalam perangkat komputer, dengan hadirnya varian Android Honeycomb memberi warna tersendiri khususnya Androider penggila gadget ;)
Semoga saja Beben Koben bisa mendapatkan Android ini. Mau mengeksplore dunia maya, gadget or widget, feature ACER biar makin full stylish dan tidak gaptek :D Selamat mengikuti kontes, semoga berhasil...Don't forget support for me Good luck to you my friend \m/

Pasang +1 Button for Blogger Blogspot

Setelah secara resmi mbah google meluncurkan +1 Button, Beben Koben si bloglang anu ganteng kalem tea akan berbagi caranya menempelkan didalam blog sobat and agan :) Jikalau mau default setting yang sudah terpasang tanpa ribet lagi, sobat yg sudah mengaktifkan New Share Buttons pasti telah ready stock in there this button :p
Jika yg mau secara manual, supaya bisa matching dengan posisi yg diinginkan, maka ikuti langkah² sederhana berikut. Don't forget to take a coffee for good the conditions in edit² the template's :D Let's get it on brooo...

1. Grab the script for button +1
Guna mendapatkan tombol +1 silahkan disikat di Add +1 to your blog pages. Lakukan settingan yg dinginkan disana ;)
2. Penempatan script
Setelah beres setting ini-itunya, masukan script diatas tag </body> atau </head><!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'id'}
</script>
3. Posisi penempatan tombol
Kode kedua dalam hal ini ada sedikit customize. Secara default coded yg didapat<g:plusone size="small"></g:plusone>Costomize to be like it<g:plusone expr:href="data:post.url" size="small"></g:plusone>
4. Enjoy it

Kode HTML <g:plusone size="small"></g:plusone> diletakin didalam tag <body> Karena setiap template pasti berbeda dalam pemberian Unique ID maka itu silahkan sobat masing² berkarya :D Cara instant buat settingan secara oke banget sok meluncur ke master satu ini Add Google Plus One Button on Blogger ;) Keterangan yg mungkin bisa menjadi acuan +1 button FAQ.
Good bye \m/

+1 Button Official for Blog/Web

Berita singkat datang dari blogger blogspot mengenai +1 Button. Sekarang sudah new release alias terpasang pada blogspot kita. Namun setelah berita ini diturunkan, belom keterima di Indonesia. Mungkin secara otomatis, segala jasa dari uncle google ini akan langsung tersedia *ngareup* :P Okelah jika nanti pada saatnya sudah benar-benar merata (sampai) ke blogger dari Indonesia, cara buat mengaktifkan +1 tombol google ini mudah saja Get +1 Button on Blogger+1 button and Click expand here for video version

Tombol +1 juga telah menjalin kerjasama dengan beberapa web

Resource:

• Add the +1 Button to Your Blog
• Add +1 to help your site stand out

Happy button \m/

Bouncing Effect with CSS3 Transition or jQuery

Berawal dari tidak ada gawean, back to article on web master tell about "Create An Icon Bouncing Effect With jQuery & CSS" Jika diartikan kedalam bahasa tercinta kita yaitu, membuat ikon dengan efek mentul (lompat) mirip bola. Kalau bola kan ditendang pasti meucleung, nah kalau ini ketika cursor disorot mecleungnya si ikon teh :p
Sebenarnya cuman ingin berbagi pengalaman sajah bahwasannya penggunaan CSS3 sudah sampai sedemikian rupa. Sobat perlu mengingat jikalau properti dari CSS3 ini belom terbaca secara baik oleh semua jenis browse application. Sehingga perlu pengetahuan bagi para pemakai yg memperhatikan friendly looked :D Watch it...

---

Browser Support

The transition property is not supported in any browsers.

Firefox 4 supports an alternative, the -moz-transition property.

Safari and Chrome support an alternative, the -webkit-transition property.

Opera supports an alternative, the -o-transition property.

---

Terbuka dikit deh tabir yg menyelimuti dunia ghaib CSS3 ;)) Yuk kita lanjut ke acara si bouncing icon with CSS3 or jQuery.
Trik ini Beben Koben si Bloglang anu ganteng kalem tea temukan di NealGrosskopf.com that's the great one web :-bd

demo
Terdapat dua versi jika agan agin menginginkan trick tersebut. Kemoooddd :p

1. Use with CSS3 (transition)

KODE CSS

#icons
{
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: auto;
}
#icons li
{
float: left;
height: 100px;
padding: 10px 0px 0px 0px;
}
#icons li img
{
display: block;
border: 0px;
}
#icons li img
{
transition-property: margin-top;
transition-duration: .7s;
-moz-transition-property: margin-top; /* Firefox 4 */
-moz-transition-duration: .7s; /* Firefox 4 */
-webkit-transition-property: margin-top; /* Safari and Chrome */
-webkit-transition-duration: .7s; /* Safari and Chrome */
-o-transition-property: margin-top; /* Opera */
-o-transition-duration: .7s; /* Opera */
}
#icons li img:hover
{
margin-top: -10px;
opacity: .65;
}

KODE HTML

<ul id="icons">
<li>
<a href="#" title=""><img src="http://YOUR-LINK-IMAGE.png" alt=""></a>
</li>
<li>
<a href="#" title=""><img src="http://YOUR-LINK-IMAGE.png" alt=""></a>
</li>
<li>
<a href="#" title=""><img src="http://YOUR-LINK-IMAGE.png" alt=""></a>
</li>
<li>
<a href="#" title=""><img src="http://YOUR-LINK-IMAGE.png" alt=""></a>
</li>
</ul>

Pada variabel kode CSS diatas Beben terapkan pada html<ul>
<li>...</li>
</ul>

or

<ol>
<li>...</li>
</ol>Kalau sobat mau penerapan pada yg lain, tinggal perhatikan coded variabel CSS-nya.
2. USE CSS with jQuery

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/></script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#icons img").hover(function(){
$(this).stop().animate({opacity: 0.75, marginTop: -10}, 400);
},function(){
$(this).stop().animate({opacity: 1.0, marginTop: 0}, 400);
});
});
//]]>
</script>

<style>
#icons
{
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: auto;
}

#icons li
{
float: left;
height: 100px;
padding: 10px 0px 0px 0px;
}

#icons li img
{
display: block;
border: 0px;
}

#icons li img
{
-webkit-transition-property: margin-top, opacity;
-webkit-transition-duration: .4s, .4s;
}
#icons li img:hover
{
margin-top: -10px;
opacity: .65;
}
</style>

Keterangan:

• Script warna biru.
Kalao sudah ada tidak usah dipasang lagi.
• Script warna merah.
Letakan diatas </body>
• Tulisan warna hijau tua.
Variabel CSS yg harus sobat masukin sebelum/diatas code </b:skin>

Pemakaian or kode HTML ketika mau menggunakannya sama dengan diatas :p
Happy CSS3 transition \m/