Thay đổi màu nền ngẫu nhiên cho bài viết blogspot

Thủ thuật sau giúp cho từng bài viết trên blog bạn có màu nền ngẫu nhiên và thay đổi mỗi khi refresh

Demo

Thực hiện

Thêm đoạn js sau vào trước thẻ đóng </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script>
/*<![CDATA[*/
function randOrd() {
    return (Math.round(Math.random())-0.5); 
}

$(document).ready(function() {
    var colors= [ 'bgcolor0', 'bgcolor1', 'bgcolor2', 'bgcolor3', 'bgcolor4' ];
    colors.sort( randOrd );
    $('.post').each(function(i, val) {
        $(this).addClass(colors[i]);
    });
});
/*]]>*/
</script>
</b:if>

Thêm đoạn CSS sau trước thẻ ]]></b:skin>

.bgcolor0{background-color:#D9B700!important;border-color:#D9B700!important}
.bgcolor1{background-color:#F29500!important;border-color:#F29500!important}
.bgcolor2{background-color:#0097AA!important;border-color:#0097AA!important}
.bgcolor3{background-color:#C23916!important;border-color:#C23916!important}
.bgcolor4{background-color:#94C849!important;border-color:#94C849!important}

Bạn có thể thêm hoặc bớt màu nền và màu viền cho bài viết nếu tìm hiểu 1 chút 2 đoạn code trong bài viết này, ngoài ra bạn cũng có thể áp dụng thủ thuật này đối với những thành phần khác trên blog như label, menu...