tag:blogger.com,1999:blog-22200367879633480752024-02-21T04:50:01.304-08:00Demo Blog Ian AzhariJust Be Try Much More CodeUnknownnoreply@blogger.comBlogger9125tag:blogger.com,1999:blog-2220036787963348075.post-63292554415614251472013-06-20T01:53:00.000-07:002013-06-20T01:53:01.476-07:00Animasi JQuery Rotasi Quote<link href="https://googledrive.com/host/0B0WJjcJEFNziaGlLbi04Uk00b3c" rel="stylesheet"></link>
<script src="https://googledrive.com/host/0B0WJjcJEFNzid180dVRuai1WQ1U" type="text/javascript"></script>
<script>
jQuery(document).ready(function($) {
$('#words').quoteRotator();
});
</script>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="words">
<ul class="word-container">
<li data-author="--- Ian Azhari" data-easeout="lightSpeedOut">Ngeblog bukan cuma tentang pendapatan.
Semuanya tentang kesukaan hobi untuk menggeluti dunia WEB</li>
<li data-author="--- Ian Azhari">jangan pernah anggap ngeblog sebagai profesi, tapi buatlah sebagai pondasi seperti rumah!!!</li>
<li data-author="--- Ian Azhari" data-easeout="fadeOutDown">Semua blogger sadar ngeblog itu terlalu gampang untuk dipelajari,namun apa yang ingin kau terus pelajari dengan hal hal baru.</li>
<li data-author="--- Ian Azhari" data-easein="fadeInDown">The Lift is too shorT, Live it or be dead. </li>
<li data-author="--- Bill Gates (Microsoft)" data-easeout="bounceOut">It's fine to celebrate success but it is more important to heed the lessons of failure.</li>
<li data-author="--- Arlo Guthrie (1947 - )" data-easein="bounceIn">You can't have a light without a dark to stick it in. </li>
<li data-author="--- Bill Gates (Microsoft)" data-easein="lightSpeedIn">If you think your teacher is tough, wait until you get a boss. He doesn't have tenure.</li>
</ul>
<div class="quote">
<div class="quote-content">
</div>
<cite class="quote-author"></cite>
</div>
</div>
</div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-2220036787963348075.post-30896338677118680142013-06-08T10:33:00.003-07:002013-06-08T10:43:22.070-07:00Efek Redup CSS3<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
.dimbutton{width:100px; height:60px;border-radius:1.6em;
padding:5px 10px;
background:#000;
color:#fff;
text-shadow:0 -1px 1px rgba(0,0,0,.2);
-webkit-transition:-webkit-box-shadow .5s ease;
-moz-transition:-webkit-box-shadow .5s ease;
-ms-transition:-webkit-box-shadow .5s ease;
-o-transition:-webkit-box-shadow .5s ease;
transition:-webkit-box-shadow .5s ease;
}
.dimbutton:hover{
background:rgba(0,0,0,.3);color:#fff;
-webkit-box-shadow:0 0 0 99999px rgba(0,0,0,.3);
-moz-box-shadow:0 0 0 99999px rgba(0,0,0,.3);
-ms-box-shadow:0 0 0 99999px rgba(0,0,0,.3);
-o-box-shadow:0 0 0 99999px rgba(0,0,0,.3);
box-shadow:0 0 0 99999px rgba(0,0,0,.3);
position:relative;
z-index:999999;
}</style><br />
<div align="center" class="dimbutton">
Sentuh dan akan GELAP</div>
<br />
Proses Redup ni menggunakan Box Shadow yaitu membuat seluruh warna yang akan dibagian body menjadi hitam dengan ukuran RGB (0,0,0.3).<br />
Ini adalah CSS Hovernya :<br />
<blockquote class="tr_bq">
.dimbutton:hover{<br />
-webkit-box-shadow:0 0 0 99999px rgba(0,0,0,.3);<br />
-moz-box-shadow:0 0 0 99999px rgba(0,0,0,.3);<br />
-ms-box-shadow:0 0 0 99999px rgba(0,0,0,.3);<br />
-o-box-shadow:0 0 0 99999px rgba(0,0,0,.3);<br />
box-shadow:0 0 0 99999px rgba(0,0,0,.3);<br />
position:relative;<br />
z-index:999999;<br />
}</blockquote>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2220036787963348075.post-30904111892339308302013-06-03T01:07:00.001-07:002013-06-06T05:41:50.670-07:00Tipe Percepatan 2<div dir="ltr" style="text-align: left;" trbidi="on"><style type="text/css">
#stable {padding:.5em 0;border:1px solid #ccc;
border-left:1em solid aqua;border-right:1em solid #006;
background:#fff}
#stable .showbox {margin:10px 10px;width:100px;border:-2px solid;border-color: rgb (205, 0, 0);
background:#00FF40;
line-height:40px;
text-align:center;
-webkit-transition-duration:2s;
-moz-transition-duration:2s;
-o-transition-duration:2s;
-ms-transition-duration:2s; }
#stable:hover .showbox { margin-left:70%;
width:100px;
border-color:#000ff;
background:#dddddd;
border-radius:7.5em
-moz-box-shadow:0 0 0 #000;
-webkit-box-shadow:0 0 0 #000; border-radius:100px;
-moz-border-radius:100px; -webkit-border-radius:100px;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg); }
}
</style><div id="stable">
<div class="showbox">default »</div>
<div class="showbox" style="-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear;">linear »</div>
<div class="showbox" style="-webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in;">ease-in »</div>
<div class="showbox" style="-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;">ease-out »</div>
<div class="showbox" style="-webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;">ease-in-out »</div>
<div class="showbox" style="-webkit-transition-timing-function: cubic-bezier(0,1,1,0); -moz-transition-timing-function: cubic-bezier(0,1,1,0); -o-transition-timing-function: cubic-bezier(0,1,1,0);">cubic-bezier »</div>
</div>
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2220036787963348075.post-56939827984566605832013-06-03T00:57:00.001-07:002013-06-06T05:41:50.672-07:00Tipe Percepatan<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#easebox{border-left:4px solid #000;}.ease{background:#000;font-size:12px;color:#fff;padding:10px 20px;width:130px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-transition-property:all;-webkit-transition-duration:2s;-moz-transition-property:all;-moz-transition-duration:2s;-ms-transition-property:all;-ms-transition-duration:2s;-o-transition-property:all;-o-transition-duration:2s;transition-property:all;transition-duration:2s;}#easebox:hover .ease{margin-left:70%;background:red;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}.delaydemo{width:180px; padding:40px; border:5px solid #990000; background:orange; color:black; font-size:12px; cursor:pointer; box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; -webkit-transition: all 0.4s ease-out 5s; -moz-transition: all 0.4s ease-out 5s; -ms-transition: all 0.4s ease-out 5s; -o-transition: all 0.4s ease-out 5s; transition: all 0.4s ease-out 5s; margin:0px auto 0px; } .delaydemo:hover{ background:darkorange; border-width:0px; color:#990000; padding:100px; font-size:20px; box-shadow:0 0 0 #000; -moz-box-shadow:0 0 0 #000; -webkit-box-shadow:0 0 0 #000; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
</style><br />
<div id="easebox">
<div class="ease" style="-moz-transition-timing-function: default; -ms-transition-timing-function: default; -o-transition-timing-function: default; -webkit-transition-timing-function: default; transition-timing-function: default;">default</div><br/>
<div class="ease" style="-moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; -webkit-transition-timing-function: linear; transition-timing-function: linear;">linear</div><br/>
<div class="ease" style="-moz-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;">ease-in</div><br/>
<div class="ease" style="-moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;">ease-out</div><br/>
<div class="ease" style="-moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;">ease-in-out</div><br/>
<div class="ease" style="-moz-transition-timing-function: cubic-bezier(0,1,1,0); -ms-transition-timing-function: cubic-bezier(0,1,1,0); -o-transition-timing-function: cubic-bezier(0,1,1,0); -webkit-transition-timing-function: cubic-bezier(0,1,1,0); transition-timing-function: cubic-bezier(0,1,1,0);">cubic-bezier(0,1,1,0)</div><br/>
<div class="ease" style="-moz-transition-timing-function: cubic-bezier(1,0,0,1); -ms-transition-timing-function: cubic-bezier(1,0,0,1); -o-transition-timing-function: cubic-bezier(1,0,0,1); -webkit-transition-timing-function: cubic-bezier(1,0,0,1); transition-timing-function: cubic-bezier(1,0,0,1);">cubic-bezier(1,0,0,1)</div></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2220036787963348075.post-87173279205992717222013-05-05T19:57:00.002-07:002013-05-08T05:35:43.424-07:00adas<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLEGBZ4upttJPusksIZb6EFqb05TdRgDK4lV7xFaT2CrCXcYHMfjRpT_8PcdtIahv-TDZy1fuRFMv5E0CeYSbGa522m4ISxn3DvbHXT-Yc807KTQ86wkctCf7m6ojvuaA7dwyRAmrnuI0/s1600/menu_button_white.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLEGBZ4upttJPusksIZb6EFqb05TdRgDK4lV7xFaT2CrCXcYHMfjRpT_8PcdtIahv-TDZy1fuRFMv5E0CeYSbGa522m4ISxn3DvbHXT-Yc807KTQ86wkctCf7m6ojvuaA7dwyRAmrnuI0/s1600/menu_button_white.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<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/AVvXsEjfvVy9l1off4bBqZo8x7I1PaCe9-kgZfYojHMEWsIrqX3ISqA7B0gm8u2gnpIQDbEY62H3yQkBJoXpyUa0JB9n1r3TscmWDR7ee7bkVWxJz4dya04qRzd3AJue0M2bzB2DONr9KCNlK5c/s1600/Menu_bg-op.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfvVy9l1off4bBqZo8x7I1PaCe9-kgZfYojHMEWsIrqX3ISqA7B0gm8u2gnpIQDbEY62H3yQkBJoXpyUa0JB9n1r3TscmWDR7ee7bkVWxJz4dya04qRzd3AJue0M2bzB2DONr9KCNlK5c/s1600/Menu_bg-op.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihpt33DbdNV15yS6lSLHtS4QGKSf-FNQHCI3DJfAM0ZoJzhIdWSeYDhc8dvjMjCxn4wfVcaM1qrvSmEuMLwN394JfXRZw8wF1wel3LqQoDHb6zsSZ3UJJKdTc176CInk6hQQhUvg3Dh3E/s1600/Sub_menu_bg-optimized2+copya.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihpt33DbdNV15yS6lSLHtS4QGKSf-FNQHCI3DJfAM0ZoJzhIdWSeYDhc8dvjMjCxn4wfVcaM1qrvSmEuMLwN394JfXRZw8wF1wel3LqQoDHb6zsSZ3UJJKdTc176CInk6hQQhUvg3Dh3E/s1600/Sub_menu_bg-optimized2+copya.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6gm7KRAtwpzHxfEQD2r2TCx5DG4VR3kcUNKI0AorzxL4ft0VxaCqeBahyphenhyphenYw0LW05xm8VquF5EplJ2QX2X5QjFdJKQjGuHDvEC0HnOeEy97qBivb7Efi_Q3HALdaqJpUxNPdLSVFwFflY/s1600/block-qoute1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6gm7KRAtwpzHxfEQD2r2TCx5DG4VR3kcUNKI0AorzxL4ft0VxaCqeBahyphenhyphenYw0LW05xm8VquF5EplJ2QX2X5QjFdJKQjGuHDvEC0HnOeEy97qBivb7Efi_Q3HALdaqJpUxNPdLSVFwFflY/s1600/block-qoute1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuELBjp3WczTiP_AGf9fpF6PIpqz7YzFmzRkG3ONdHdkaq9c-erdZ-HqPiZEjIN-FOmJBuaFKX4SZ5fgHSnxDfHUX_HphByE319C17H7PbiXrq3_libqvVbtEz2cJhyphenhyphenHncFTC4Ernur38/s1600/ReadMore.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuELBjp3WczTiP_AGf9fpF6PIpqz7YzFmzRkG3ONdHdkaq9c-erdZ-HqPiZEjIN-FOmJBuaFKX4SZ5fgHSnxDfHUX_HphByE319C17H7PbiXrq3_libqvVbtEz2cJhyphenhyphenHncFTC4Ernur38/s1600/ReadMore.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifs1qvKZye331QucdMhWFJUtNpHIOumGGM_r7IrIOwdou-rg9XOxgUpsnLcCohhANMZq8qyrs0YqHr80juQwVU24COc02JYLvZQPketez5JewadO9g3HDsqozEtatc9iBh9IR6BqtH34k/s1600/block-qoute1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifs1qvKZye331QucdMhWFJUtNpHIOumGGM_r7IrIOwdou-rg9XOxgUpsnLcCohhANMZq8qyrs0YqHr80juQwVU24COc02JYLvZQPketez5JewadO9g3HDsqozEtatc9iBh9IR6BqtH34k/s1600/block-qoute1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM8bF1_otoAhaFoIMSZcEoRe2ZWQ0VkXgGQYthE_dVinZ2iKnWmbQsn2-Yid2-miP-ryjLA7y8U-jl0LJzbXNodKkN_3rsivXHqUEBT4uOP1cj5kjn2zqah_km-HuxRXVW8u4gASXMHPI/s1600/aa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM8bF1_otoAhaFoIMSZcEoRe2ZWQ0VkXgGQYthE_dVinZ2iKnWmbQsn2-Yid2-miP-ryjLA7y8U-jl0LJzbXNodKkN_3rsivXHqUEBT4uOP1cj5kjn2zqah_km-HuxRXVW8u4gASXMHPI/s1600/aa.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5FrNxByFp2IhJf0semGyHjebtokiNalmYiuXiSWFbKv0zjZPPzbRcAMejRnSVpE5g2YBMUoIkyRIaRttYT6j6264GNyHDbKEUTwhXJ5JXtXDUbkyQQuxQlSsebldIsUh7qze7gzmbwH4/s1600/aa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5FrNxByFp2IhJf0semGyHjebtokiNalmYiuXiSWFbKv0zjZPPzbRcAMejRnSVpE5g2YBMUoIkyRIaRttYT6j6264GNyHDbKEUTwhXJ5JXtXDUbkyQQuxQlSsebldIsUh7qze7gzmbwH4/s1600/aa.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioKimyjtj67XyGpVUMe46WYAFamyZ8v05OuFdd2xSP6SXCaXn5yFDPWt5p3P7NLZ30NFWeRN4AbIo29cUM34ASgVuk8MjYiLtp5xYGYVjerFYMF3fW6DkkR_xVUfcDsxdy3N7gUpYdNQE/s1600/about-author-bg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioKimyjtj67XyGpVUMe46WYAFamyZ8v05OuFdd2xSP6SXCaXn5yFDPWt5p3P7NLZ30NFWeRN4AbIo29cUM34ASgVuk8MjYiLtp5xYGYVjerFYMF3fW6DkkR_xVUfcDsxdy3N7gUpYdNQE/s1600/about-author-bg.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjml93O9KaBhdQuBFdazqgo89fF89DMsU7XGhQsG5sXg494W08UnbGCMTyuDZXSGEgNn5p-78FAwwlRedILNQrowrRvpbYAe-JJveAyzIvkija-yDrl8nk8rg4ZwrAaSeTUM1ahNoP4lAo/s1600/about-author-bg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjml93O9KaBhdQuBFdazqgo89fF89DMsU7XGhQsG5sXg494W08UnbGCMTyuDZXSGEgNn5p-78FAwwlRedILNQrowrRvpbYAe-JJveAyzIvkija-yDrl8nk8rg4ZwrAaSeTUM1ahNoP4lAo/s1600/about-author-bg.png" /></a></div>
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2220036787963348075.post-87655722829153824902013-05-03T03:48:00.000-07:002013-05-03T09:30:34.580-07:00gsdg<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWKJ8dG-uUvkyuEXqiOaRSIhWYiTSGWoY_yTjHDKkaDjS0GxB__BBtve_sQYMX3ZHizjHgW9HJTk997JIgJbnJ5NdziMiZMzg4B_8gmUZCnZ5tReWTeGDbBG0HcB8YF30GkiVm-8U9jnY/s1600/as.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWKJ8dG-uUvkyuEXqiOaRSIhWYiTSGWoY_yTjHDKkaDjS0GxB__BBtve_sQYMX3ZHizjHgW9HJTk997JIgJbnJ5NdziMiZMzg4B_8gmUZCnZ5tReWTeGDbBG0HcB8YF30GkiVm-8U9jnY/s1600/as.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnMRp7UZTakz0KM93qBxjlmrJ7UlONhZrO38iRwBv9qwSFAJ-eDH78d_eoF8r1Q_JsPABCLnRf1KotS9qbbyb90l6aa_8J1WnVxBDdrPrDkazhpGdT9nt2-TK5LW0a3gUOTTGrDlyKv6Q/s1600/as.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnMRp7UZTakz0KM93qBxjlmrJ7UlONhZrO38iRwBv9qwSFAJ-eDH78d_eoF8r1Q_JsPABCLnRf1KotS9qbbyb90l6aa_8J1WnVxBDdrPrDkazhpGdT9nt2-TK5LW0a3gUOTTGrDlyKv6Q/s1600/as.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWDHRFJd4R_WT7SwOotF15nBqm7k2XgpD-ExGIRr0aua0VnDXmJwj6ZRdLdv2A1yAV28qSUVS_-Uj3sYWOiVH5qWMgIdlk1c8zSbEfdil_9fK9tjKKHkfbKnAvN1llWinC-YIIHDiOfsg/s1600/das.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWDHRFJd4R_WT7SwOotF15nBqm7k2XgpD-ExGIRr0aua0VnDXmJwj6ZRdLdv2A1yAV28qSUVS_-Uj3sYWOiVH5qWMgIdlk1c8zSbEfdil_9fK9tjKKHkfbKnAvN1llWinC-YIIHDiOfsg/s320/das.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8SfFrtbqxHyNNRo1Fb75sxOm2W582gk4NGdtpMsBzdvqV7v5qGM5TWvixnn7UcCA8EMe_4NqITBOAgykGQvEloFGP_o_Zy5iujYBDgIVeW2MB2XyptEtfiieOxoxx_ehfEWb7Phku9A/s1600/as.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8SfFrtbqxHyNNRo1Fb75sxOm2W582gk4NGdtpMsBzdvqV7v5qGM5TWvixnn7UcCA8EMe_4NqITBOAgykGQvEloFGP_o_Zy5iujYBDgIVeW2MB2XyptEtfiieOxoxx_ehfEWb7Phku9A/s1600/as.jpg" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhRbspisU8nXF14U9jLJtkBjYKehvb0b0VAggSWHvMoJNfFwxr07YS10CXyNiMALVxF5DAMafO50CvbbRrdBl8YNAKtMhEL8rC3ZLwdE4qgpejeJaRJ4pF7vcCuvRMj4AhdDlke41A9w/s1600/das.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhRbspisU8nXF14U9jLJtkBjYKehvb0b0VAggSWHvMoJNfFwxr07YS10CXyNiMALVxF5DAMafO50CvbbRrdBl8YNAKtMhEL8rC3ZLwdE4qgpejeJaRJ4pF7vcCuvRMj4AhdDlke41A9w/s1600/das.jpg" /></a></div>
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2220036787963348075.post-80241169833236325692013-05-01T19:12:00.001-07:002013-05-01T19:12:43.548-07:00Netah<div dir="ltr" style="text-align: left;" trbidi="on">
<br /><div class="vdj">
<img src="images/back.jpg">
<img class="v1" src="images/v1.png">
<img class="v2" src="images/v2.png">
<img class="v3" src="images/v3.png">
<img class="v4" src="images/v4.png">
<img class="s1" src="images/speaker.png">
<img class="si1" src="images/speaker-in.png">
<img class="s2" src="images/speaker.png">
<img class="si2" src="images/speaker-in.png">
<img class="s3" src="images/speaker.png">
<img class="si3" src="images/speaker-in.png">
<img class="s4" src="images/speaker.png">
<img class="si4" src="images/speaker-in.png">
<img class="slid1" src="images/slid1.png">
<img class="slid2" src="images/slid1.png">
<img class="b1" src="images/but1.png">
<img class="b2" src="images/but2.png">
<img class="b3" src="images/but3.png">
<img class="b4" src="images/but1.png">
<img class="b5" src="images/but2.png">
<img class="b6" src="images/but3.png">
<img class="eq" src="images/space.gif">
<img class="eq2" src="images/space.gif">
</div></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2220036787963348075.post-15968680557936578172013-05-01T17:48:00.002-07:002013-06-06T05:42:13.496-07:00Menu Dropdown Efek Melayang Pure CSS3<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<style> #nav,#nav ul { list-style: none outside none; margin: 0; padding: 0; } #nav { font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size: 13px; height: 36px; list-style: none outside none; margin: 40px auto; text-shadow: 0 -1px 3px #202020; width: 980px; /* border radius */ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; /* box shadow */ -moz-box-shadow: 0px 3px 3px #cecece; -webkit-box-shadow: 0px 3px 3px #cecece; box-shadow: 0 3px 4px #8b8b8b; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; } #nav ul { left: -9999px; position: absolute; top: -9999px; z-index: 2; } #nav li { border-bottom: 1px solid #575757; border-left: 1px solid #929292; border-right: 1px solid #5d5d5d; border-top: 1px solid #797979; display: block; float: left; height: 34px; position: relative; width: 105px; } #nav li:first-child { border-left: 0 none; margin-left: 5px; } #nav li a { color: #FFFFFF; display: block; line-height: 34px; outline: medium none; text-align: center; text-decoration: none; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; } /* keyframes #animation1 */ @-webkit-keyframes animation1 { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1.3); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes animation1 { 0% { -moz-transform: scale(1); } 30% { -moz-transform: scale(1.3); } 100% { -moz-transform: scale(1); } } #nav li > a:hover { /* css3 animation */ -moz-animation-name: animation1; -moz-animation-duration: 0.7s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-name: animation1; -webkit-animation-duration: 0.7s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; } #nav li:hover > a { z-index: 4; } #nav li:hover ul.subs { left: 0; top: 34px; width: 150px; } #nav ul li { background: none repeat scroll 0 0 #838383; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); opacity: 0; width: 100%; /*-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/ } /* keyframes #animation2 */ @-webkit-keyframes animation2 { 0% { margin-left:185px; } 100% { margin-left:0px; opacity:1; } } @-moz-keyframes animation2 { 0% { margin-left:185px; } 100% { margin-left:0px; opacity:1; } } #nav li:hover ul li { /* css3 animation */ -moz-animation-name: animation2; -moz-animation-duration: 0.3s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-name: animation2; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; /*-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/ } /* animation delays */ #nav li:hover ul li:nth-child(1) { -moz-animation-delay: 0; -webkit-animation-delay: 0; } #nav li:hover ul li:nth-child(2) { -moz-animation-delay: 0.05s; -webkit-animation-delay: 0.05s; } #nav li:hover ul li:nth-child(3) { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; } #nav li:hover ul li:nth-child(4) { -moz-animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } #nav li:hover ul li:nth-child(5) { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } #nav li:hover ul li:nth-child(6) { -moz-animation-delay: 0.25s; -webkit-animation-delay: 0.25s; } #nav li:hover ul li:nth-child(7) { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } #nav li:hover ul li:nth-child(8) { -moz-animation-delay: 0.35s; -webkit-animation-delay: 0.35s; } </style> <br />
<ul id="nav">
<li><a href="http://problogiz.blogspot.com/">Home</a></li>
<li><a class="hsubs" href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Menu 1</a> <ul class="subs">
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 4</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 5</a></li>
</ul>
</li>
<li><a class="hsubs" href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Menu 2</a> <ul class="subs">
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-4</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-5</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-6</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-7</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 2-8</a></li>
</ul>
</li>
<li><a class="hsubs" href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Menu 3</a> <ul class="subs">
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 3-1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 3-2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 3-3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 3-4</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Submenu 3-5</a></li>
</ul>
</li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Menu 4</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2220036787963348075#">Menu 5</a></li>
</ul>
</div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2220036787963348075.post-35642811353288535082011-11-08T19:41:00.000-08:002013-06-06T05:42:29.875-07:00Cozy Republic_Bidadari<div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/noAGJjC_WSw/0.jpg"><param name="movie" value="http://www.youtube.com/v/noAGJjC_WSw?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><embed width="320" height="266" src="http://www.youtube.com/v/noAGJjC_WSw?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash"></embed></object></div>Unknownnoreply@blogger.com0