Posted by Aak
Aak-share.com Updated at: 11:40:00 PM

Background homepage dan Halaman posting berbeda warna

No comments:
Background homepage dan Halaman posting berbeda warna - merupakan trik untuk membuat blog anda terlihat lebih cantik dan menarik, rasanya tampilan ini lebih terlihat bagus untuk blog bertema home Grid. Namun semua itu sesuai dengan selera anda tapi untuk template static rasa-rasanya tak kalah cantik dan menarik.


Jika anda menyukai tampilan ini cukup mudah kok dalam penerapannya, Background Posting Berbeda - beda warna di Homepage yang akan saya share ini ada dua karakter. Silahkan anda sesuaikan kira-kira diantara kedua Script ini sesuai dengan keinginan anda.

Script Homepage berbeda-beda warna Versi pertama

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

Keterangan :
Script diatas hanya memberi efek perbedaan background posting di halaman depan blog.


Script Homepage berbeda-beda warna Versi kedua

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

Keterangan :
Script diatas memberi efek perubahan background homepage depan blog dan semua halaman posting sesuai lebel.

Untuk penerapannya cukup mudah silahkan buka editor template blog anda lalu cari kode </head> dan letakkan kode di bawah ini di atas kode </head>
Cukup sekian membuat Background homepage dan Halaman posting berbeda warna, mohon maaf jika ada kekurangan semoga bermanfaat!


Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments