Cara Buat Background Posting Berbeda - Beda di Homepage

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


Comments

  1. apakah cara ini akan mengurangi kecepatan blog ? Terima kasih atas infonya gan :)

    ReplyDelete

Post a Comment

۝ Peraturan dalam berkomentar :

☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

☭ Copyright © 2014 - 2015 - Anaktimor17 Blog® by Markus Kono ✓

Popular posts from this blog

Contoh Surat Lamaran Kerja di Indomaret Terbaru 2018

Cara Melamar Kerja PT. Musashi Auto Parts Indonesia 2019

Cara Melamar Kerja di PT Astra Honda Motor Secara Online