Code bao moi theo y rieng minh co hinh

TAO LICH CO HINH CUA MINH
web http://www.crazyprofile.com/calendar/myspace_calendar.asp
2. Upload Image: tải ảnh của mình lên
3.Ấn vào "GET CODE"


 



Hướng dẫn thay đổi code đọc báo mới
- Hôm nay Hiếu xin chia sẻ với thầy cô cách thay đổi giao diện của đoạn code đọc báo mới. Làm cho đoạn code này  trở thành của riêng cho các thầy cô mà vẫn giữ được nội dung.
Đầu tiên các thầy cô hãy vào địa chỉ này http://www.baomoi.com/Widget/CreateWidget.aspx    và tạo một đoạn code sau đó copy toàn bộ mã nhúng ra, nếu để ý trong đoạn code thầy cô vữa copy có đoạn link
http://www.baomoi.com/Widget/JS/Widget.js

 
 
Bước 1 : theo thầy cô hãy paste đoạn link này vào trình duyệt IE hoặc firefox, thầy cô sẽ thấy được nội dung đoạn code như sau :
document.write(`http://www.baomoi.com/widget/widget.css" />`);
epi_width = typeof epi_width == `string` ? epi_width : `250px`;
epi_height = typeof epi_height == `string` ? epi_height : `300px`;
epi_border = typeof epi_border == `number` ? 0 : 3;
epi_target = typeof epi_target == `number` ? `_blank` : ``;
epi_theme = typeof epi_theme == `string` ? epi_theme : `widgetDisplayThemeBlue`;
epi_id = typeof epi_id == `string` ? ``+epi_id+`` : `epi-widget-container`;
document.write(
`);
document.write(
`);
document.write(` `); document.write(
`);
document.write(
`);
document.write(` `);
document.write(
`);
document.write(
`);
document.write(`
Tạo hộp thông tin của bạn

`);
function outputWidget(strHtml)
{ document.getElementById(epi_id).innerHTML = strHtml;
}
Nhìn có vẻ rườm rà, nhưng thầy cô đừng lo trong đoạn code này chúng ta chỉ cần chú ý đến link sau http://www.baomoi.com/widget/widget.css Thầy cô lại tiếp tục paste link này trình duyệt mà thầy cô đang dùng sẽ thấy nội dung đoạn code. Trong phần code này Hiếu chỉ quan tâm đến đoạn này thôi:( Lưu ý thầy cô đừng xóa gì hết nhé)
.widgetDisplayThemeBlue
{ border: 3px solid #006699; background: url(Images/widgetBlue.jpg) top left repeat-x #D8EAF1;
( chèn ảnh 82x19 vào đây) ảnh dưới dạng .png
}
.widgetLogo
{ background: url(Images/widgetLogo.png) 3px 3px no-repeat; line-height: 25px;
height: 25px
clear: both;
cursor: pointer;
} ( chèn ảnh 508x45 vào đây)
Bước 2: Bây giờ các thầy cô hãy tạo 2 tấm ảnh (82x19),(508x45) rồi chèn đoạn code trên
Lưu ý thầy cô hãy upload ảnh lên mạng rồi lấy link để chèn nhé.
Bước 3: Thầy cô lưu đoạn code này dưới dạng (*.css). Sau đó upload lên mạng để lấy link.
VD tôi upload lên trang http://110mb.com
Bước 4:Paste link vừa copy vào đoạn code ở bước 1.
Trong đoạn code ở bước 1 có thể bỏ chữ Tạo hộp thông tin của bạn. Sau đó thầy cô lưu lại ở dạng (*.js) nhé. Bây giờ hãy Upload lên mạng để lấy link
Bước 5: Hãy copy link vừa upload và chèn vào code báo mới để thay cho link này http://www.baomoi.com/Widget/JS/Widget.js .
Như vậy là xong, cuối cùng thầy cô chỉ việc copy code báo mới vừa sửa đặt vào vị trí thích hợp trên blog của thầy cô giống như của Hiếu nè.