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

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

Đang tải... (xem toàn văn)

Thông tin tài liệu

Website 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'; Vũ Văn Kiên Mã Code 1 Website 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; Vũ Văn Kiên Mã Code 2 Website 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ẻ Vũ Văn Kiên Mã Code 3 Website Viên phấn trắng http://Violet.vn/VuKienttdt Vũ Văn Kiên Mã Code 4 . 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. 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í. 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

Ngày đăng: 13/07/2014, 10:00

Mục lục

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

Tài liệu cùng người dùng

Tài liệu liên quan