Google Translator

English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified
**ADJAW CORP** Translate by Google

Sabtu, 02 April 2011

EFEK LINK BERJALAN "NUDGING"

1. Sign In Di Blogger2. Klik Menu Rancangan3. Klik Menu Edit HTML4. Copy Kode Dibawah Ini, Lalu Pastekan Di Bawah Kode <head><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;#BlogArchive1 li&#39;).hover(function() { //mouse in $(this).animate({ marginLeft: &#39;12px&#39; }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); }); </script><!-- end LinkNudging -->5. Klik Simpan Template6. dan Arahkan Kursormu Pada Sembarang Link yang Ada di Widget Arsip BlogPerintah BlogArchive1 adalah Perintah yang Memberikan Efek Link Berjalan "Nudging" Pada Semua Link yang ada di Widget Arsip BlogKamu dapat Menambah...

EFEK KEREN PADA READ MORE

 Efeknya Adalah Efek Animasi Pada Tombol Read More atau Baca Selengkapnya. Namun, Efek Animasinya Hanya Dapat Terlihat Google Chrome. Selengkapnya, Silahkan Klik Baca SelengkapnyaKode CSSnya Adalah .button{ padding:8px 10px; background-repeat:no-repeat; background-position:bottom left; background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -webkit-transition:background-position 1s; -moz-transition:background-position 1s; transition:background-position 1s; float:right; } .button:hover{ background-position:top left; background-position:top...

MENGENAL WEBKIT "BOX-REFLECT"

Webkit Box Reflect dari Contoh di Atas, Sudah Tahukan Apa Itu "Webkit Box Reflect"??? CSS3 Ini Adalah Sebuah Efek "Cermin" yang Dapat di Gunakan pada Obyek Gambar, Tulisan dan Border Atau Box. Namun CSS3 Ini Hanya Dapat di Lihat Untuk Browser Berbasis Webkit, Seperti Google Chrome. Mungkin Bisa di Lihat di Browser Lain, Namun Saya Kurang Mengetahuinya. CSS3nya Adalah -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.5)));0.5 Adalah Ke Kaburan (Opacity) Pada Reflectnya. Opacity Dapat Kamu Sesuaikan. Misalnya, 0.1 (Kabur Banget) Atau 1 Saja. Belum Ngerti, Nich Contohnya... <div style="-webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3))); font:...

Jumat, 01 April 2011

MEMBUAT KETERANGAN LINK LEBIH KEREN DNGAN TOOLTIP

1. Sign In Di Blogger 2. Klik Menu Rancangan3. Klik Menu Edit HTML4. Copy Kode Dibawah Ini, Lalu Pastekan Di Atas Kode </body> <!-- jQuery --> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- begin Tooltips --> <script type='text/javascript'> $(document).ready(function(){ $(&quot;a.tooltip&quot;).easyTooltip(); }); </script> <script type='text/javascript'> //<![CDATA[ (function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div...

Pages 111234 »
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Modern Warfare 3