Senin, 28 Oktober 2013

Cara Menambahkan Efek Api Di Blog

Cara Menambahkan Efek Api Di Blog

Pada postingan kali ini saya akan menshare tentang cara membuat efek api di blog. Caranya cukup mudah tinggal ikuti langkah - langkah di bawah ini. Langsung saja kita menuju ke TKP.
 1. Login BLOG
 2. Pilih Tata Letak
 3. Tambah Gadget
 4. Pilih HTML/Javascript
     Lalu copy paste script di bawah 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">
tulis text yang anda inginkan di sini
</div>
   5. Simpan dan lihat hasilnya.
        Ganti teks yang berwarna biru dengan tulisan sobat.

Selamat mencoba Sahabat Bloger