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/

Label/Catefory Cloud for Blogger with jQuery

Kalau Beben Koben si bloglang anu ganteng kalem tea suruh acak-acak sebuah web/blog, maka sampai tuntas baca artikel yang ada disana. Karena pasti unik, full stylish, funky, cool, etc. Postingan sebelumnya menu oh menu itu blog punya artikel menarik punya.
Kalau sobat mengacaknya pasti akan menemukan artikel dengan title fast moving tag cloud for bloggers :-/ Menampilkan link dengan gaya tag clouds :-bd Efek berputar-putar menambah dongkrak style kalau cursor didekati maka akan melambatkan perputaran yang terjadi (pusing mungkin yah) :D Pokoknya gitu deh my broo dan kali ini Beben akan mencoba menerapkannya pada label/kategori blog. TERTARIK!!!

Langkah pertama yang musti dilakukan Download Full Template sobat terlebih dahulu. Takut beleduk kalau error ditengah-tengah proses ;))
Lakukan tindakan berikut: Expand Widget Templates
Lihat pada dalaman template sobat, diberi judul apakah disana! Bisa Label, Kategori, Category or something else. Kode label akan tampak sbb:<b:widget id='Label1' locked='false' title='Labels' type='Label'/>Lihat ID UNIQUE yg diberi warna 'Label1'
Perasaan sama sih kalau ID Unique yg dipakai dalam label/category blogspot (siapa tau berbeda) :D Masukan coded CSS berikut

#Label1 {
margin: 0 auto;
height: 300px;
width: 100%;
overflow: hidden;
position: relative;
background: transparent;
}
#Label1 a {
line-height: 1;
position: absolute;
text-decoration: none;
color: #000;
}
#Label1 a:hover {
color: red;
font-weight: bold;
text-shadow: 1px 1px 3px #333;
}

Khusus variabel width sesuaikan dengan lebar dari template masing². Kalau mau menambahkan variabel CSS silahkan saja, yg ini kode pokoknya saja kok ;)

Dalam keadaan di centang (Expand Widget Templates) cari kode<b:widget id='Label1' locked='false' title='Labels' type='Label'>Tengok sedikit kebawah terdapat code berikut<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>Sisipkan tag ramuan sehingga menjadi<h2><data:title/></h2>
</b:if>
<div id='Label1'>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>Tarik nafas terlebih dahulu...hufth. Scroll lagi kebawah dikit masih di area tersebut, dan temukan tag penutup </b:includable> lalu tepat diatasnya buat satu tag penutup </div>
Save dulu deh takut kepanjangan :))

Jika tidak terjadi beleduk error sampai langkah ini, saatnya melanjutkan ke sesi pemasukan jQuery plugins. Cari tag penutup </body> dan injeksi script berikut

<script type='text/javascript'>/*<![CDATA[*/
$(document).ready(function(){
var element = $('#Label1 a');;
var offset = 0;
var stepping = 0.3;
var kategori = $('#Label1');
var $kategori = $(kategori)
$kategori.mousemove(function(e){
var topOfkategori = $kategori.eq(0).offset().top
var kategoriHeight = $kategori.height()
stepping = (e.clientY - topOfkategori) / kategoriHeight * 0.2 - 0.1;
});
for (var i = element.length - 1; i >= 0; i--)
{
element[i].elemAngle = i * Math.PI * 2 / element.length;
}
setInterval(render, 400);
function render(){
for (var i = element.length - 1; i >= 0; i--){
var angle = element[i].elemAngle + offset;
x = 125 + Math.sin(angle) * 30;
y = 45 + Math.cos(angle) * 40;
size = Math.round(15 - Math.sin(angle) * 15);
var elementCenter = $(element[i]).width() / 2;
var leftValue = (($kategori.width()/2) * x / 100 - elementCenter) + "px"
$(element[i]).css("fontSize", size + "px");
$(element[i]).css("opacity",size/50);
$(element[i]).css("zIndex" ,size);
$(element[i]).css("left" ,leftValue);
$(element[i]).css("top", y + "%");
}
offset += stepping;
}
});
/*]]>*/
</script>

Save

Finis it, and good luck :) Jika mau lihat demonya ada pada blog dummie sayah (jika belom di delete) :D Lihat sebelah kanan dgn title Labels.
Tambahan:

Jika pada label/kategori sobat masih ada angkanya. Maka hilangkan coded...
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>

Click expand for look example schema coded

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div id='Label1'>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display =="list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>

<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>

</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Setelah ditelusuri ternyata artikel ini kayaknya bersumber dari sini http://hendro-prayitno.blogspot.com/2011/02/membuat-tag-cloud-menggunakan-text.html Apa ini link sumbernya yah ???
Ini lebih keren http://www.noupe.com/ajax/jquery-hover-sub-tag-cloud.html
Bye \m/