Follo Molo (Become My Stalker And Ask Me To Stalk Back....I prefer a Yandere...)

Bored?You can play around with these line of colours for a while.....it is 100times better than PS4...because I dont have one....

30 Julai 2012

5jenis efek untuk gambar pada blog


Jenis2 efek:
effect1 =efek Popout
effect2 =efek SliceDown
effect3 =efek BoxRandom
effect4 =efek FoldLeft
effect5 =efek RainGrowReverse


Sila lihat demo

Cara pemasangan

Login ke blogger dashboard-->Klik Design-->Edit HTML Paste kod di bawah sebelum kod </head>
<script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'/> <script src='http://yourjavascript.com/143237963/jquery.adipoli.min.js' type='text/javascript'/> <script type='text/javascript'> /*<![CDATA[*/ jQuery(function($pice){ $pice('.effect1').adipoli({ 'startEffect' : 'normal', 'hoverEffect' : 'popout' }); $pice('.effect2').adipoli({ 'startEffect' : 'overlay', 'hoverEffect' : 'sliceDown' }); $pice('.effect3').adipoli({ 'startEffect' : 'transparent', 'hoverEffect' : 'boxRandom' }); $pice('.effect4').adipoli({ 'startEffect' : 'overlay', 'hoverEffect' : 'foldLeft' }); $pice('.effect5').adipoli({ 'startEffect' : 'transparent', 'hoverEffect' : 'boxRainGrowReverse' }); }); /*]]>*/ </script>
Paste kod di bawah sebelum kod ]]></b:skin>
.adipoli-wrapper{position:relative;display:inline-block;margin:auto} .adipoli-slice{display:block;position:absolute;z-index:0;height:100%} .adipoli-box{display:block;position:absolute;z-index:0} .post img{border:0!important;margin:0!important;padding:0!important} .adipoli-wrapper>img,.adipoli-before,.adipoli-after{position:absolute;z-index:0}
Contoh untuk letakkan kod efek,pada gambar yang dikehendaki
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjpqJStZMvSvN8eOUQ4PCH1Y-zh2l_zBrleweeN98ce1NYTHibZeZXvwBRjRvrBe8VsffVc7_mx_dNBwSqj50Ez2AHrudllWGrg-rGwbU3sRkcp7TL0bczz_DsK2tqduJ2PQ_koEFamzM/s1600/bannerfit2.jpg"><img class="effect1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjpqJStZMvSvN8eOUQ4PCH1Y-zh2l_zBrleweeN98ce1NYTHibZeZXvwBRjRvrBe8VsffVc7_mx_dNBwSqj50Ez2AHrudllWGrg-rGwbU3sRkcp7TL0bczz_DsK2tqduJ2PQ_koEFamzM/s1600/bannerfit2.jpg" /></a>
*Ubahkan effect1 kepada no effect yang lain sekiranya ingin efek yang berbeza

P/S:Terima kasih kepada saudara Zamzameer yang telah mereka banner untuk blog ini^^

Post a Comment:

Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.

At the post page,this banner can be spin around ;)