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.
Copy kode javascript di bawah ini dan taruh di atas kode </head> .
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.
sekian artikel Cara Buat Background Posting Berbeda - Beda di Homepage, semoga bermamfaat !!
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 !!
1 comment
- Top comments
- Newest first