Cara Memasang Widget Alexa Rank di Blog

1. Masuk ke Halaman Alexa Site Widget, http://www.alexa.com/siteowners/widgets
2. Masukan URL Blog masbro pada salah satu kolom yang sobat inginkan dan klik Build Widget

3. Copy kode tersebut

4. Login ke akun Blogger Masbro
5. Masuk pada bagian Tata Letak
6. Klik Tambah Gadget di posisi yang diinginkan
7. Pilih HTML/Javascript
8. Pastekan kode Widget dari Alexa tadi
9. Simpan

Semoga Bermanfaat
Jumat, 24 Mei 2013
Posted by Iqbal Prayoga

Banner Slider dengan CSS3

Kali ini Saya akan memberikan Ilmu agar Memasang Banner Slider dengan CSS3, Langsung aja carannya oke :)
CSS : diatas code ]]></b:skin>
HTML : letakan diantara kode html/didalam <body> dan </body>
(tergantung akan diletakan di mana.)
Ini Kode HTML nya bro
<div id='slider2'>
<div id='mask'>
<ul><li>
<a href='#' title='#'><img src='urlgambar'/></a></li>
<li>
<a href='#' title='#'><img src='urlgambar'/></a>
</li>
<li><a href='#' title='#'><img src='urlgambar'/></a>
</li>
<li><a href='#' title='#'><img src='urlgambar'/></a>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
</div></div>
Catatan :
a href='#' (ganti tanda pagar dengan URL link yang akan dituju)

title='#' (ganti dengan nama link yang akan dituju)

'urlgambar' (ganti dengan Url site yang akan dituju)


Ini Kode CSS nya bro
#slider2 {
width: 468px;
height: 60px;
margin:0px 0px 0px 0px;
overflow: hidden;
background-color: #F8F8F8;
border: 10px solid #F8F8F8;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
border-radius: 10px/20px;
}
#mask {
overflow:hidden;
}
#slider2:hover {
background-color:#fff;
border:10px solid #fff;
}
#slider2:hover #pause {
opacity:1;
}
#slider2:hover #progress {
background-color:rgba(255,255,255,0.0);
}
#slider2:hover ul, #slider:hover #progress, #slider:hover #overlay {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}
#pause {
width:468px;
height:60px;
position:absolute;
top:0;
opacity:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#progress {
width:1px;
height:1px;
background-color:#ffd000;
-moz-animation:progress 35s infinite;
-webkit-animation:progress 35s infinite;
position:relative;
top:-1px;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#overlay {
width:4680px;
height:60px;
position:absolute;
top:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
opacity:0.5;
-moz-animation:overlay-fade 35s infinite;
-webkit-animation:overlay-fade 35s infinite;
}
#slider2 ul {
width:2400px;
list-style:none;
padding:0;
margin:0;
-moz-animation:slide-animation 35s infinite;
-webkit-animation:slide-animation 35s infinite;
position:relative;
left:0px;
overflow:hidden;
}
#slider2 li {
display:inline;
width:468px;
height:60px;
margin:0;
padding:0;
float:left;
position:relative;
}
#slider2 li:last-of-type {
background-color:#362c30;
}
#slider2 li a {
display:block;
text-decoration:none;
}
#slider2 li span {
display:block;
width:560px;
padding:15px 20px;
position:absolute;
bottom:0;
left:0;
background-color:rgba(54,44,48,0.6);
border-top:1px solid #362c30;
text-shadow:1px 1px 1px #362c30;
pointer-events:none;
text-align:left;
}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
#slider2 ul li span h2 {
font-size:24px;
line-height:24px;
color:#fff;
font-weight:normal;
font-family:'Communist-Regular';
text-shadow:1px 1px 1px #362c30;
}

Untuk Pengaturan Slider bisa dilihat di bawah ini
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
perhatikan saat 25% dan 45%, left:-468px; .jadi saat css slider sudah difungsikan untuk bergeser ke arah kiri sejauh 468px.
1. maka karena itu jika ukuran gambar tidak tepat/sama,yang terjadi pergerakan slider menjadi tidak sempurna.
2.bila kamu perhatikan,kenapa di timing 47.5% menggunakan opacity?itu hanya perfungsi sebagai fade effect/transparant sesaat akan bergeser.
3.di timing 50% 70% bernilai -936px dan 75% 98% -1404px. kenapa bisa begitu?
itu artinya slide akan selalu bergeser ke arah kiri sejauh -468px.dan selanjutnya juga pindah ke slide selanjutnya,maka akan bergeser lagi sejauh -468px.
begini perhitungan dan teorinya:
-ketika suatu objek digeser kearah kiri,maka akan bernilai minus,maka
0-468 = -468
digeser ke arah kiri lagi menjadi
-468-468 = -936
digeser ke arah kiri lagi menjadi
-936-468 = -1404
lalu di timing 100% kembali ke posisi awal yaitu 0.
nah,jadi bagai mana kalau mau menambahkan slider lagi? kalian harus membuat perhitungan sendiri mulai dari timing 0% sampai 100%.
jadi semoga saja bisa dipahami dari penjelasan saya diatas,pastinya ada hubunganya dengan perhitungan matematika xD
karena jika anda mengerti dengan fungsi diatas,kamu bisa mengatur slide ini sendiri dengan ukuran bebas.
Di Atas hanya Contoh


Pengaturan Posisi Slider Lihat di bawah
margin:0px 0px 0px 0px;
#slider2 {
width: 468px;
height: 60px;
margin:0px 0px 0px 0px;
overflow: hidden;
background-color: #F8F8F8;
border: 10px solid #F8F8F8;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
border-radius: 10px/20px;
}
Semoga Bermanfaat
Sumber : Di Sini
Posted by Iqbal Prayoga

Fakta Unik Kim Ryeowook Super Junior

1. Bernama asli Kim Ryeowook.
2. Lahir pada tanggal 21 Juni 1987. Tingginya 173. Golongan darah O.
3. Ryeowook dan Sungmin pernah datang ke acara radio Kangin. Sepanjang acara Ryeowook hanya diam saja. Ketika ditanya kenapa, dia menjawab “ Aku kira acara ini terbuka untuk Fans, jadi aku menata rambutku. Ternyata Fans tidak boleh masuk dan melihat”. Ketika semua orang mendengarnya, mereka tertawa begitu keras sampai mereka hampir menangis.
4. Sebelum gabung dengan Suju, bakat nyanyi Ryeowook ditemui di Chin Chin Singing Competition tahun 2004 dan menempati posisi juara 3.
5. Ryeowook oppa merupakan salah satu dari 4 lead vocal ini punya suara yang beda dari member Suju yang lain. Karena itulah di beberapa forum Ryeowook dijuluki sang “ Angel Voice “. Dan berdasarkan sebuah polling, katanya Oppa mempunyai suara terbagus ke-3 di Korea.
6. Ryeowook itu punya hobby masak, saking hobinya Oppa mau disuruh masak apapun. Kalau tidak tahu resepnya, maka Ryeowook bela belain cari resepnya di Internet. Sampai sampai ibunya bilang “Kau disana Untuk Menyanyi, bukan Untuk memasak”.
7. Donghae lah yang paling sering ngebangunin Ryeowook buat dibikinin makanan. Kalau Donghae harus pergi pagi-pagi Ryeowook juga yang selalu bikin sarapan buat Oppa.
8. Ryeowook mudah sekali menangis.
9. Ryeowook pintar bermain piano.
10. Entah kenapa setiap disuruh bermain piano didepan umum, sering sekali yang dimainkan backsoundnya Mario bros.
11. Dulu Ryeowook pernah kehilangan sepatu sebelah kanannya saat perform Miracle.
12. Ryeowook jarang membeli celana jeans baru.
13. Ryeowook pernah membeli Jeans baru, setelah Oppa pakai, Oppa tidak pernah mencucinya lagi.
14. Kalo lg berpergian, Ryeowook selalu membawa ponsel dan dompet.
15. Ryeowook suka memakai piyama sutra, dan tidak bisa tidur tanpa piyama sutranya.
16. Ryeowook suka manis manis terutama Strawberry, es krim, dan Coklat.
17. Ryeowook tidak pernah bawa payung.
18. Diantara ketiga belas member Super Junior, dia paling deket sama Yesung.
19. Henry itu member yang paling jorok di SUJU M dikamarnya yang berantakan sering ditemukan bungkus makanan sampe- sampe uang dibawah bantal. Suatu hari waktu Henry dapet giliran bersih- bersih, dia ketiduran. Nah waktu nagun ruangan udah bersih. Ternyata yang beresin semuanya itu Ryeowook.
20. Ryeowook menyimpan boneka Winnie The Poohnya di kasurnya.
21. Kalo lg ga ada jadwal di Suju, Ryeowook bisa tidur 18 jam sehari.
22. Ryeowook hobi buat komposisi lagu. Oppa pernah buat komposisi buat acara Yesung dan Kangin.
23. Ryeowook pernah marah banget sama Donghae yang pinjam komputernya sampai rusak dan semua data dan komposisi lagu yang dibuatnya jadi hilang.
24. Saat masih sekolah seharusnya Ryeowook adalah Pemimpin Orchestra.
25. Kabarnya Ryeowook ini pernah membuatkan lagu untuk Yoona SNSD.
26. Ryeowook itu jahil. Ni ceritanya… Kisah pertama adalah……: Suatu hari dia masuk ke kamar Eunhyuk dan bertanya apa kucingnya Heechul dari lantai 11 masuk ke kamar mereka di lantai 12. Sambil membawa plastik berisi kotoran kucing Ryeowook bilang, “Terus ini apaan? Pasti kucing itu kesini!” Eunhyuk menyuruh Ryeowook segera membuangnya. Dengan cueknya kotoran itu dijatuhkan ke tempat tidur. Otomatis Eunhyuk marah-marah. Setelah dilihat-lihat lagi, itu cuma kotoran mainan! *gdubrakkkk* Leeteuk juga pernah jadi korban. Ryeowook meletakan kotoran mainan itu ditangan Leeteuk yang tidur. Oh ya, kotoran itu juga ditaruh Ryeowook di atas televisi dan sulit dilepas. Leeteuk harus memakai pulpen untuk mencongkelnya! *sabar2 ajh ya Teukie..hehehe* Hmmm, truz crita kedua adalah tentang  korban kejailan Ryeowook yang lain, yakni manajer Suju dan Eunhyuk. Ryeowook tiba-tiba bilang ke para manajer Suju, “Eunhyuk hyung lagi gila. Dia bawa cewek ke kamarnya !” Di depan pintu kamar Eunhyuk ada sepatu cewek dan kedengaran suara cewek ngobrol. Segera para manajer bikin rapat kecil sebelum ngomongin ke Eunhyuk. Begitu sampai di kamar Eunhyuk dan diikuti oleh anggota Suju yang lain, ternyata cewek yang ada di depan  kamar Eunhyuk itu adalah Ibunya eunhyuk !
27. Ryeowook pernah berkata : Ketika kami pergi ke China, penggemar akan selalu mengangkat poster besar. Selalu ada SJ di salah satunya. Ketika aku melihat poster tersebut, aku akan mulai menghitung member kami, dari 1 sampai 13. Ketika aku mencapai angka 13, itu terasa seperti semua member bersama kembali. Aku selalu percaya, menjadi terpisah itu hanya masalah waktu. Kami pasti akan kembali dan berada disisi mereka lagi.
28. Ryeowook takut datang ke rumah sakit.
29. Ryeowook adalah sosok ‘Ibu’ di SJ.
30. Ryeowook pernah merasakan ada hantu di pundaknya.
31. Ryeowook paling suka menonton ‘Winnie The Pooh’ dan dia a paling menyukai Christopher Robin, karena menurut Ryeowook, Robin dan dia mirip.
32. Dulu saat masih sekolah Ryeowook sangat Chubby/gendut, dulu beratnya mencapai 80kg dan akhirnya dengan susah payah dia berhasil menurunkan berat badannya sampai 25 kg.
33. Kangin pernah berkata kepada member Suju lain “Ryewook memang tidak bersalah, TETAPI DIA BENAR BENAR KURANG AJAR!!!!!” *wkwkwkwk*
34. Ryeowook adalah Dongsaeng favorit Donghae.
35. Ryeowook pernah bilang ke Donghae “Hyung, kalau kau lapar kapanpun aku akan memasakkan makanan untukmu”. Tapiiiii…Suatu hari Donghae pulang larut malam, dan langsung membangunkan Ryeowook untuk dibuatkan makanan, spontan Ryeowook agak kesal, lalu Donghae berbicara “Kalau kau tidak mau membuatkan makanan untukku, aku tidak akan memintamu membuatkan makanan lagi untukku”, lalu Ryeowook langsung bangun dan membuatkan Donghae makanan.
36. Saking keibuannya dia pernah menyuapi Donghae sewaktu sakit. Selain itu masih soal makan. Kalau jam makan tiba dia selalu memanggil member- member lain untuk makan.
37. Ryeowook adalah fans berat SNSD.
38. Menurut anggota SJ lain, Ryeowook adalah anggota SJ yang paling sial!
39. Ryeowook sering berbicara tentang apa yang dia a makan hari ini.
40. Ryeowook bisa berbicara bahasa Inggris yang ‘ancur’. *ckckckck*
41. Ryeowook pernah dibentak Sungmin karena seharian dia hanya diam.
42. Nama Inggris Ryeowook adalah Nathan Kim.
43. Kalo SJ lagi pada makan buah, pasti buahnya sudah terkupas, Karena Ryeowook yang ngupasin semuanya. *rajin skale…*
44. Ryeowook pengen punya sifat seperti Kyuhyun.
45. Ryeowook adalah salah satu member SJ yang suka jalan jalan. Jadi kalau Sudah dilepas di Jalan raya pasti susah dicari, dan tidak tahu kemana dia pergi. *ya ampunnnn.. anak hilang!*
46. Ryeowook pernah memanggil Eunhyuk dengan kata kasar, dan akhirnya mengatakan “saranghae hyung” sebagai permintaan maaf.
47. Ryeowook itu orangnya ramah. Makannya hampir disetiap tulisan yang ia buat ada karakter.
48. Serial tv favoritnya Prison Break.
Sumber : Di Sini
Posted by Iqbal Prayoga

Visitor

Copyright © 2013 IqbaL-Cyber |Some Right Is Reserved | Re-Designed by KxMadagascar | Original by Johanes Djogan