Website Viên phấn trắng http://Violet.vn/VuKienttdtHướng dẫn thay đổi code đọc báo mới - Hôm nay tôi 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 đ
Trang 1Website Viên phấn trắng http://Violet.vn/VuKienttdt
Hướng dẫn thay đổi code đọc báo mới
- Hôm nay tôi 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';
Trang 2Website Viên phấn trắng http://Violet.vn/VuKienttdt
epi_id = typeof epi_id == 'string' ? ''+epi_id+'' : 'epi-widget-container';
document.write(
\r\n');
document.write(
\r\n');
document.write('\r\n');
document.write(
\r\n');
document.write(
\r\n');
document.write('\r\n');
document.write(
\r\n');
document.write(
\r\n');
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;
Trang 3Website Viên phấn trắng http://Violet.vn/VuKienttdt
( 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è
Thầy cô nào giỏi về css và js thì có thể tìm hiểu thêm Chúc thầy cô vui vẻ
Trang 4Website Viên phấn trắng http://Violet.vn/VuKienttdt