Menbuat Widged Animasi Text Matrix Pada Blog

Pada kesempatan ini saya akan membagi ilmu tentang membuat Widget Animasi Text Matrix Pada Blog. Animasi ini akan menampilkan animasi matrix dan kemudian akan menampilkan text sebenarnya. Text matrix merupakan potongan-potongan huruf pada text, langkah membuatnya sebagai berikut >>

Login » Blogger

• Dashboard » Template
• Edit HTML
• Cari kode </head>
• Copy paste kode dibawah ini tepat diatas </head>




<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}
</style>
<script src='http://martalie.googlecode.com/files/matrikmartalie.js' type='text/javascript'/>



• Ganti scrip berwarna merah sesuai selera. 
• Save Template
• Masuk ke menu layout, add widget HTML/Javascript
• Copy paste kode di bawah ini :


<div id="matrix">SakoncoETech.blogspot.com</div>



Ganti  SakoncoETech.blogspot.com dengan text yang di inginkan.


• Simpan dan lihat hasilnya

Demo bisa dilihat di sini

Posted in: Blog