BACKGROUND POSTINGAN BERGANTI-GANTI WARNA

Nah sobat kali ini kita jumpa lagi dalam edisi tutorial blog. Admin mencoba untuk berbagi ilmu tentang blog.Ada diantara sobat yang mungkin menginginkan tampilan blognya lebih bervariasi dengan penanpilan warna-warni dalam setiap background postingannya. Berikut ini admin akan memberikan script untuk sobat yang mau mencobanya diblognya.

cara memasngnya :

1. Masuk ke blog sobat

2. Cari TEMPLATE --->KLI "EDIT HTML

3. Cari kode </head>

4.Copy dan paste script dibawah ini tepat DIATAS KODE </ HEAD>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ function get_random_color() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++ ) { color += letters[Math.round(Math.random() * 14)]; } return color; } $(function() { $(".post").each(function() { $(this).css("background-color", get_random_color()); }); }); //]]> </script>

Diatas adalah kode script untuk merubah baground setiap postingan berubah warna yang berbeda.

Sedangkan bila sobat menginginkan bila hanya bagian HOME saja yang tampil berubah warna, maka kode script dibawah ini yang harus dipakai dan diletakan diatas kode </head>. inilah scriptnya :

<b:if cond='data:blog.url == data:blog.homepageUrl'> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ function get_random_color() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++ ) { color += letters[Math.round(Math.random() * 14)]; } return color; } $(function() { $(".post").each(function() { $(this).css("background-color", get_random_color()); }); }); //]]> </script> </b:if>

Tweet