CARA KEREN MEMASANG WIDGET BAGROUND MATRIX YANG DAPAT BERGERAK DI BLOG 2015

Salam sejahtera sobat Blogger dan,
SELAMAT DATANG di blog R3N_DESIGN|Digital.net

Tentunya sobat Blogger sudah kaannn nonton movienya MATRIX?!

Yaaa sebuah film yang berkisah tentang dunia maya. Hhmmmm...ternyata blog bisa juga loh dipasang baground MATRIX dan malah bisa bergerak otomatis lagi.!

Contoh demo (Baground R3N_DESIGN) yang sekarang ini...! :')

Okey, bila sobat blogger ada yang berminat untuk memasangnya pada blog, simak tutorialnya berikut ini:

1. Buka akun blogger anda Disini
2. Pilih "Template"
3. Pilih "Edit HTML"
4. Cari kode </head> 
5. Untuk mempermudah pencarian dengan cara taruh kursor disembarang tempat dalam tabel edit html lalu tekan ( ctrl+f ) lalu pada kolom "search" ketikkan </head> dan Lihat (contoh gambar dibawah ini).! 

Contoh gambar 1

Contoh gambar 2

6. Bila kode </head> sudah ketemu, copy pastekan kode dibawah ini tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

Note: Abaikan saja kode diatas jika dalam Edit template anda sudah ada kode jquery...!!!

Next....ke tutorial berikutnya.!

1. Pilih "Tata Letak"
2. Pilih "Tambahkan Gadget"
3. Pilih "HTML/JavaScript"
4. Lalu copy pastekaan Kode dibawah ini ke dalam Gadget HTML tersebut.!

<script language="javascript">document.body.style.background="#f3f3f3 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh85wyb8ZQlhzLXLr7R8-_SqRTVNeXfAcpC6AtYA1XcJLevzFOzP90cswqAbRpkzxP2suSSGHBIXhtnDMMCH4FrCtIJ2XayT_ERqqtaIUinW3DOGXDHLR36H-WtJvdw5B2cD5yg0NlWjDjr/s800/ThighHeels.png') repeat Top center";document.body.style.backgroundAttachment="fixed";document.body.style.backgroundColor="black";//<![CDATA[$(function(){var backgroundheight = 4000;var now = new Date();var hour = now.getHours();var minute = now.getMinutes();var hourpercent = hour / 24 * 100;var minutepercent = minute / 30 / 24 * 100;var percentofday = Math.round(hourpercent + minutepercent);var offset = backgroundheight / 100 * percentofday;var offset = offset - (backgroundheight / 1);function scrollbackground() {offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;$('body').css("background-position", "50% " + offset + "px");setTimeout(function() {scrollbackground();}, 70);}scrollbackground();});//]]></script>

5. Simpan dan lihat hasilnya.!

Keterangan:

Kode warna merah Silahkan ganti dengan kode dibawah ini yang anda sukai.! 

1.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjliKkO2WfXReBblUS197m9SAkCyXVUKbLbEhxgZQL7CUDRjD8yyHhJOeKnQS3eBfWJiLTTvJQz5eMm43RTikEL-zOXAFAy0qQI9SCa25Tj69TOFUMLlmNlitAoHatGJVwQZCCVn2AjnGc/s1600/matrix_green.gif

2.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX9naclua4OB9cXv1x_HcNyiFkaBaOnPqoJhNnYO8jBkoqKiLB8uqWE6zzidMeQeGwNAZ3sFPE8QpHbOXtYxq8eea_WeQHGoWDbXNdMh9QkUxZzO9AKP7QP1qQBC8nzf5LF-VESHWnPmU/s1600/0_1_1.gif

3.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihXy0cbtd8TaMyv2TXS_Iw2GdxgxMsflvQ769CfwJ33tvxFU7ZikAuh4GufrGOjSTRsDxsyG4CTsypgWfUyx3KH_jtzgbBZ9kxYBL87rH7wi6uHO_t8GRlHtVcuCJmG0DrM8JaezrLCz7R/s800/black_red_matrix.gif

4.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVo9MhAOHW7eSJMH0AI1agmBeMuzhxHrVD90oDpDmjSWNlIa93JK0Btyk82gpLCyqe-8ojombfXxxuikfR3LENoVGNnV4S06ed5SRwPByDvubGAeVOx_JjEFiTGfJQyd5wypLhO1kOxova/s800/bluematrix.gif

5.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRY15ncFHC8H21lFr44Z11Z0G1RIhhRq2_iJtNpucYL-S93ZeXfBhHwH4sKYzRoHG8t4R61rtr9UTsajvIvTI2tvHPdDV0QeDCu6eDXAqGJP954elmEYLHOPYm6JmWyUd4RBvamri7bVkn/s800/bluematrix2.gif

6.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBKVxfGRxlx7Vsic17SFz9Loe-z8HIfkFPpLZlfSj7V2fko5qu2pDGrFbK-r5wddJJavNt6TjZZah1-tLeOyFA8n7jiKUiDH3l28gIchpyaX1vGNUb_NoQtq1S5Q3v2Dfc35m0K_KLu3r7/s800/matrix.gif

7.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Wj_9mQjWTNzLfXryZH5AIHNUjKwpKjZjfcJxE2RWJi2MXYMIQBQrPnODwiHHUqHlbPwz30GU9sAEB_k0IlERcZlU_vKPUDouFA5ph_IjvY_fH7yfdpq-tB5HaNhiQnxSPj8qj0NcWQEq/s800/port_listener.gif

8.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5P7LryEMTSLvd311-_-d6WYK0_XEF0cusD7kBU7HUlxXQu-wqAICViqn7amqSQ0HhJRjyqA-1yQi6h-gHW0OE3hQRisSqXJpAZhIvFopOoTSo65tcqVJGD-VIL0Zov5Lbtda2A2FdiPHD/s800/monozcore_blogspot_com_redmatrix.gif

9.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT4c0O_qeuox1a9k9r71TVygyNgBWs2sTv4DF6r4CprEv7sNThrCN78SV0cQB_s7tVst3hMH-yxUPBc1uYjE6VEcMZlGtb0W7xqwapYuqd68VYRIWepa603JeRitMhRELH5sE8uZ_YAro/s800/matrix.gif

10.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kKJ62w3hWSD8CHhlv99Kd2ImbvWqOcHDADKOb7Aj7e6gfzUAeSWO80pcWHMKPs2BenwP26Cq9OSSnrulljNveq8pEGGCxZCxABMYKSbR04nxHeRbY7L170SpyYAsHt5cnaJrwhxZrlM/s1600/monozcore_lcars.gif

Sobat blogger,...mungkin hanya itu untuk tutorial CARA KEREN MEMASANG WIDGET BAGROUND MATRIX YANG DAPAT BERGERAK DI BLOG 2015.! Semoga bermanfaat.!

TERIMA KASIH atas kunjungannya dan salam... :')