Hướng dẫn thay đổi code đọc báo mới

Website Viên phấn trắng />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 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
/>

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(' />');
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';
Vũ Văn Kiên Mã Code
1
Website Viên phấn trắng />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
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;
Vũ Văn Kiên Mã Code
2
Website Viên phấn trắng />( 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
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 />.
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ẻ

Vũ Văn Kiên Mã Code
3
Website Viên phấn trắng />
Vũ Văn Kiên Mã Code
4