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

Demo​

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

Code:

<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ẻ ]]></bkin>

Code:

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

Nguồn TrollVL​

​