Monday, December 2, 2013

Efek api pada kalimat

hey sob... mungkin kalian yang suka api bakalan suka dengan animasi atau efek api yang gue posting ini. kalian bisa memberi efek api pada tulisan yang kalian ingin beri efek api. untuk contohnya ada di bagian paling bawah blog saya.

gini sob untuk langkah langkahnya :
  • Log in ke Blogger kalian
  • Klik Tata Letak
  • Klik Add Gadget
  • Klik HTML/java script
  • Copy pastekan Kode Dibawah ini




<script src="http://ykubnay.googlecode.com/files/jquery.min.js" type="text/javascript"></script><script type="text/javascript">(function ($){$.fn.ignite = function (burn){$(this).each(function (){var letters = $(this).text().split('' );$(this).html('<span>' + letters.join('</span><span>' ) +'</span>' );$spans = $(this).find('span' );setInterval(function () {$spans.each(burn);}, 100);});}})(jQuery);function gasFlame(){var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'];if (Math.random() > 0.90){colors.push('#3333CC' );}var hv = 0.04;var textShadows = [];var c = 0;var h = 0;var s = 0;while (c < colors.length){s = 2 + Math.round(Math.random() * 2);while (s--){shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];textShadows.push(shadow);h -= hv;}c++;}$(this).css({color: colors[0], textShadow: textShadows.join(', ' )});}$(begin);function begin(){$('#mandra' ).ignite(gasFlame);}</script><style type="text/css">#mandra{font-size: 2em;line-height:2.50em;text-shadow:4px 2px 6px blue;color:#000;}
</style><div id="mandra">
ARDION (Achmad Murdiono)
</div>

  • Ganti kalimat yang berwarna merah dengan kalimat yang akan sobat beri efek api.
  • lalu pilih simpan.
  • masuk ke tata letak dan letakkan gadget nya sesuai keinginan sobat.

No comments:

Post a Comment