Code bài đăng ngẫu nhiên cho Blogspot

Code bài đăng ngẫu nhiên cho Blogspot

Dưới đây là code cho phần bài đăng ngẫu nhiên hiển thị trên Sidebar của Blogspot. Bạn nào quan tâm thì coppy về và chèn vào tiện ích html để thấy kết quả nhé.

Lưu ý là có nhiểu bạn thắc mắc tại sao chèn rồi mà nó không hiển thị: Lỗi này là do các bạn coppy bài và coppy luôn cả ảnh của người ta nên nó không hiển thị. Hãy làm tới nơi tới chốn bằng cách download ảnh về và tải lên blog của bạn nhé, ảnh sẽ xuất hiện ngon lành thôi.

Cách thực hiện : Vào Blog->Bố cục->thêm tiện ích->chọn HTML/JavaScript .
Thêm đoạn code này vào = > Xong

<style>
/*Facebook Like */
.slide_likebox {
    float:right;
    width:247px;
    height:385px;
    background: url('http://nguoibaclieu.com/diendan/styles/images/fb.png') no-repeat !important;
    display:block;
    color:#FFFFFF ;
    right:-205px;
    padding:0;
    position:fixed;
    top: 170px;
    z-index:1002;
}
 
.slide_text {
    font-family: Geneva, Verdana, sans-serif;
    font-size: 8px;
    padding-left: 10px;
    text-decoration: none;
    color: #FFFFFF;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
        jQuery.noConflict();
            jQuery(function (){
                jQuery(".slide_likebox").hover(function(){
                jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
                },function(){
                    jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
                    },500);
            return false;
        });
</script>
<div class="slide_likebox" style="right: -205px; ">
 <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<div class="FB_Loader">
</div>
<span><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/nguoibaclieuforum&width=200&colorscheme=light&show_faces=true&stream=false&header=false&height=380" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:380px;" allowtransparency="true"></iframe></span></div>
</div>

Bạn có thể thay đổi kích thước ảnh thumb cho phù hợp với blog của bạn.