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


Dilarang Copy-Paste artikel di blog ini dan apabila kami menemukan artikel dicuri tanpa mencantumkan sumber link blog Amplopcokelat.com maka tak segan akan kami laporkan !

Berlangganan artikel Gratis langsung via email...

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar