Cara Buat Background Posting Berbeda - Beda di Homepage

Cara Buat Background Posting Berbeda - Beda di Homepage , sobat bloggers, Cara Buat Background Posting Berbeda - beda di Homepage  sangatlah mudah. Seperti pada tampilan home blog Anaktimor17, tips ini mudah untuk di terapkan. Tips atau cara untuk membuat tampilan posting tampil dengan warna background yang berbeda beda di setiap lebel dan halaman depan blog yang suka dengan tampilan seperti ini bisa menggunakan cara berikut ini.

Cara Buat Background Posting Berbeda - Beda di Homepage

Copy kode javascript di bawah ini dan taruh di atas kode </head> .

<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>

Kode di atas adalah untuk memberi efek perbedaan background posting di halaman depan blog saja.


Untuk kode di bawah ini digunakan untuk merubah background posting sesuai lebel di semua halaman.

<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>

sekian artikel Cara Buat Background Posting Berbeda - Beda di Homepage, semoga bermamfaat !!