Để làm được một widget bài mới đăng hiệu ứng như hình trên, các bạn vui lòng thực hiện theo các bước sau:
Bước 1: Vào bảng điều khiển
Blogger của bạn, sau đó chọn bố cục (layout)
Bước 2: Chọn thêm tiện ích (add widget) vào vị trí bạn muốn widget bài mới hiện trên trang của bạn
Bước 3: Chọn loại tiện ích HTML / Java script sau đó copy và dán toàn bộ đoạn code sau vào phần nội dung của tiện ích.
code:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "http://doanthieuda.blogspot.com/";
numposts = 5;
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></div>
Lưu ý:
Các bạn tùy chỉnh đoạn code trên như sau:
home_page = "http://doanthieuda.blogspot.com/"; ----Thay doanthieuda.blogspot.com = tên blog của bạn.
numposts = 5; ----------------------------------------------- 5 là số bài viết sẽ được hiện.
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"> ------ Nếu sau khi thêm widget mà trang web của bạn bị xung đột code thì có thể xóa dòng màu xanh này đi. Lưu ý là nếu có xung đột thì mới xóa nhé, còn không có xung đột thì vẫn để nguyên.
Bước 4: Lưu lại và thưởng thức.
Chúc các bạn thành công
Code được sưu tầm và chỉnh sửa bởi
RinBlog.
Comments[ 0 ]
Đăng nhận xét