Nhúng bộ soạn thảo WYSIWYG vào trang Web

Nhúng bộ soạn thảo WYSIWYG vào trang Web

Bộ soạn thảo WYSIWYG là tên gọi chung cho loại chương trình giúp soạn thảo văn bản, chọn phông chữ, định dạng... với chức năng chính là giúp người dùng thuận tiện hơn trong việc xử lý văn bản. 1. Tải và cài đặt WYSIWYG vào trang Web:

Trước tiên bạn cần tải mã nguồn của thành phần WYSIWYG tại www.echip.com.vn (47KB), rồi giải nén tập tin zip để được thư mục htmlArea. Sau đó, copy các thư mục image, popups và editor.js trong htmlArea vào thư mục Web của bạn (cùng thư mục với trang Web cần nhúng bộ soạn thảo).

2. Nhúng bộ soạn thảo vào Web: Tiếp đến, mở tập tin HTML cần nhúng bộ soạn thảo bằng Notepad hoặc bất kì trình soạn thảo, Web nào khác. Thêm đoạn mã 1 vào giữa cặp thẻ .

Đoạn mã 1:

Để tạo ra bộ soạn thảo gồm các chức năng mặc định thì chỉ cần thêm đoạn mã 2 tạo TextArea và đoạn mã 3 vào giữa thẻ .

Đoạn mã 2:

Đoạn mã 3:

Nếu muốn thêm bớt các nút chức năng, bạn thay đoạn mã 3 bằng đoạn mã 4, rồi thêm bớt các nút trong mảng config.toolbar, thêm bớt phông ở mảng config.fontnames, thay đổi phông, màu, kích cỡ chữ ở dòng:

config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';

Đoạn mã 4:

Ngoài ra, bạn cũng có thể tải chương trình mẫu về tham khảo tại www.echip.com.vn (47KB). Bây giờ, với bộ soạn thảo WYSIWYG và bộ gõ tiếng Việt mà e-CHÍP từng hướng dẫn là bạn đã có ngay một trình soạn thảo gõ tiếng Việt cho trang Web của bạn rồi.

Lưu tin nhắn offline trong Yahoo! Messenger

Có cách nào để lưu lại những tin nhắn offline trong Yahoo! Messenger không? Nếu được xin chỉ giúp.

Để lưu lại những tin nhắn offline trong Yahoo! Messenger, nhấn đúp chuột vào các tin nhắn offline cần lưu trong cửa sổ Offline Messages. Khi đó cửa sổ Instant Messenger sẽ xuất hiện, bạn vào Conversation, chọn Save As, chọn thư mục, đặt tên trong File name rồi nhấn Save để lưu (file lưu sẽ là file text).

More about →

MENU NGANG TRƯỢT THEO BLOG

Menu ngang này thuộc loại đơn giản (không có xổ xuống) nhưng menu này đặc biệt ở chỗ là lúc nào cũng nằm trên đầu trang blog. Khi bạn kéo thanh trượt xuống phía dưới cùng của blog thì nó vẫn xuất hiện ở đầu blog sẳn sàng cho bạn sử dụng.
Mời bạn bấm vào Xem thử phía dưới để thấy rõ Menu ngang này.

Xem thử

Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.

<style>

/* CSS for sample sticky content */

.mattblacktabs{
overflow: hidden;
width:590px; /*Chiều rộng của menu*/
background:#736AFF; /*Màu nền phía dưới menu*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #736AFF; /*Màu nền của mỗi tab*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: red; /*Màu nền của tab khi rê chuột vào*/
}

/* Sample CSS class applied to sticky element */

.docked{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow version*/
}

</style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script src="https://sites.google.com/site/dunghennessyjs/menungangtheoblog.js">

/***********************************************
* Mời bạn tham quan và ủng hộ dunghennessy:http://www.dunghennessy.blogspot.com
***********************************************/

</script>

<script>

//initialize sticky content:

jQuery(document).ready(function($){

  $('#samplemenu').stickyit({
        gap: 5,
        stickyclass: "docked"
    })

})

</script>


<div id="samplemenu" class="mattblacktabs">
<ul>
<li><a href="http://www.dunghennessy.blogspot.com/">Trang chủ</a></li>
<li><a href="http://dunghennessy.blogspot.com/search/label/C%C6%A0%20B%E1%BA%A2N">Thủ thuật cơ bản</a></li>
<li><a href="http://dunghennessy.blogspot.com/search/label/N%C3%82NG%20CAO">Thủ thuật nâng cao</a></li>
<li><a href="http://dunghennessy.blogspot.com/search/label/TRANG%20TR%C3%8D%20BLOG">Trang trí blog</a></li>
<li><a href="http://dunghennessy.blogspot.com/search/label/Template">Themes cho blog</a></li>

</ul>
</div>

<div style="height:0px"></div>

Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ theo ý thích của mình, sau cùng bấm Lưu lại là xong.
Mở rộng thêm:
Nếu bạn muốn có nhiều tab hơn nữa thì copy đoạn code này:

<li><a href="Link liên kết">Tên hiển thị</a></li>

 

Dán trên dòng thẻ đóng </ul> cuối cùng phía dưới, sau đó bấm Lưu lại là xong

Lưu ý: Bạn nên kéo tiện ích menu ngang này để xuống phía dưới banner hoặc trên khu vực bài đăng thì đẹp hơn

Chúc các bạn thành công!!! 

More about →

'Dựng' tường lửa tích hợp sẵn trong Windows XP

Tường lửa là một hệ thống có nhiệm vụ bảo vệ giữa mạng và thế giới bên ngoài. Windows XP tích hợp phần mềm tường lửa ICF (Internet Connection Firewall), bạn có thể dùng phần mềm này để giới hạn truy cập thông tin giữa mạng trong gia đình, văn phòng và Internet. ICF cũng có tác dụng bảo vệ máy tính truy cập Internet an toàn qua kết nối sử dụng modem cáp, modem DSL, hay modem quay số.

Nếu mạng máy tính của bạn sử dụng ICS (Internet Connection Sharing) để cung cấp kết nối Internet tới các máy tính trong mạng, bạn nên sử dụng ICF kèm với kết nối Internet dùng chung này. Tuy nhiên, ICS và ICF có thể kích hoạt động lập nhau. Bạn không cần kích hoạt tường lửa trên bất cứ kết nối nào mà không trực tiếp kết nối tới Internet. Trong mạng của bạn, ICF sẽ không cần nếu bạn đã cài đặt tường lửa hoặc máy chủ proxy. Nếu bạn đang sử dụng Windows XP SP2 thì tường lửa ICF đã được kích hoạt tự động.

Bạn không nên kích hoạt ICF trên các kết nối mạng riêng ảo VPN (Vitual Private Networking). Bạn cũng không nên kích hoạt ICF trên những máy trạm trong một mạng lớn như: công ty lớn, hay trường học. ICF sẽ gây khó khăn, hoặc gián đoạn trong khi chia sẻ tập tin và máy in mạng. Nếu bạn đang sử dụng kết nối Internet dùng chung, bạn hãy kích hoạt tường lửa, nhưng chỉ ở trên máy chứa kết nối trực tiếp tới Internet. Một vài nhà cung cấp dịch vụ Internet (ISP) có thể không cho phép sử dụng ICF. Trong trường hợp đó, bạn cần liên hệ với nhà cung cấp để tìm hướng giải quyết.

Kích hoạt hoặc vô hiệu hóa ICF:

Để kích hoạt hoặc vô hiệu hóa tường lửa ICF, bạn cần đăng nhập vào máy tính với quyền quản trị (Administrator)

1. Bạn hãy chọn Start -> Control Panel, sau đó nhấn đúp vào Network Connections

Nếu bạn đang đặt Control Panel ở chế độ Category View, bạn chọn Network and Internet Connections. Sau đó, chọn Network Connections.

2.Sau đó, bạn nhấn vào Dial-up, LAN, hoặc kết nối Internet băng thông rộng mà bạn cần kích hoạt, hoặc vô hiệu hóa ICF

3. Trong khung bên trái, dưới phần Network Tasks, chọn Change settings of this connection

Hoặc trong thư mục Network Connections, bạn chọn kết nối cần kích hoạt hoặc vô hiệu hóa ICF và chọn Properties

4.Trong thẻ Advanced, ở mục Internet Connection Firewall :

Để kích hoạt ICF, bạn chỉ cần đánh dấu vào hộp kiểm soát Protect my computer and network by limiting or preventing access to this computer from the Internet

Để vô hiệu hóa ICF, bạn bỏ đánh dấu chọn ở hộp kiểm soát này.

Như vậy, quá trình thiết lập tường lửa ICF đã hoàn tất. Mong rằng bài viết này sẽ giúp ích cho bạn trong thiết lập tường lửa một cách nhanh chóng và dễ dàng.

More about →

Làm con trỏ chuột trở nên trong suốt

Làm con trỏ chuột trở nên trong suốt

Đó hỏi: Có cách nào làm cho con trỏ chuột trở nên trong suốt hay không (để cho con trỏ chuột không che mất chữ hay hình khi rê chuột đến)?

Đây trả lời: Để làm trong suốt con trỏ chuột bạn làm như sau:

- Vào menu Start/ All Programs/ Accessories/ Accessibility/ Accessibility Wizard , cửa sổ Accessibility Wizard xuất hiện, bạn nhấn nút Next hai lần rồi đánh dấu chọn I have difficulty using the keyboard or mouse , tiếp tục nhấn Next cho đến khi chương trình hỏi Select the mouse cursor that is the size and color you want , chọn một trong ba kiểu chuột ở cột Inverting ngoài cùng rồi Next đến khi xuất hiện nút Finish để hoàn thành.

More about →

Congly Blogger Theme ( Update )

Do khá nhiều người sử dụng theme này nên mình cập nhật thêm 1 số sửa đổi mà blogger update:
+ Tối ưu tăng tốc độ load
+ Slide bài mới nhất có thêm hình ảnh
+ Fix không lưu được widget ở phần tử trang
+ Sửa widget  nhỏ trang lable ở phần tử trang
+ Thêm thumbnail cho bài viết ở trang nhãn khi không có ảnh
+ Thêm trang Archive cho blog
+ Fix tìm kiếm = tìm kiếm blogger
+ Tạo widget ở sidebar có khung bo viền
+ Sử dụng phân trang mặc đinh
+ Loại bỏ Menu sổ ngang
+ Sử dụng comment phân cấp blogger

DEMO | DOWNLOAD

Hướng dẫn :
Để sửa đổi theme bạn nên dùng Notepad++ để dễ dàng sử dụng
1. Thay đổi logo tìm:
http://4.bp.blogspot.com/-SvH6xyNEkkY/T-6yaYQGhiI/AAAAAAAABE8/7_aQzYPMao0/s1600/logos.png
thay = link ảnh logo của bạn

2. Thay đổi link menu

<ul class='menu'>
<li><a href='/'><span>Home</span></a></li>
<li><a href='/search/label/Destination'><span>Menu1</span></a></li>
<li><a href='/search/label/Destination '><span>Menu2</span></a></li>
<li><a href='/search/label/Destination '><span>Menu3</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu4</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu5</span></a></li>
<li><a href='/search/label/Destination '><span>Menu6</span></a></li>
<li><a href='/search/label/Destination '><span>Menu7</span></a></li>
<li><a href='/search/label Destination '><span>Menu8</span></a></li>
<li><a href='/search/label/Destination '><span>Menu9</span></a></li>
</ul>

Thay Destination và Menu.. thành các nhãn blog của bạn 

3. Hiện thị các table ở trang chủ



Tìm

<div class='body-home'>
<div class='boxtitle'>
<h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Destination' title='Destination'>Destination</a></span>
<span class='boxtitle3'/></h2>
<ul class='subbox'>
<li><a href='/search/label/Menu1'>Menu1</a></li>
<li>|</li>
<li><a href='/search/label/Menu2'>Menu2</a></li>
<li>|</li>
<li><a href='/search/label/Menu3'>Menu3</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Destination?max-results="+7+"&orderby=published&alt=json-in-script&callback=helloximo02\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>

Thay chữ in đậm màu đỏ và xanh thành các nhãn của bạn

Và đây là data test nếu blog bạn chưa có bài viết nào
Vào cài đặt và Import là có thể xem demo ngay

Download Data Test

More about →

Congly Blogger Theme ( Update )

Do khá nhiều người sử dụng theme này nên mình cập nhật thêm 1 số sửa đổi mà blogger update:
+ Tối ưu tăng tốc độ load
+ Slide bài mới nhất có thêm hình ảnh
+ Fix không lưu được widget ở phần tử trang
+ Sửa widget  nhỏ trang lable ở phần tử trang
+ Thêm thumbnail cho bài viết ở trang nhãn khi không có ảnh
+ Thêm trang Archive cho blog
+ Fix tìm kiếm = tìm kiếm blogger
+ Tạo widget ở sidebar có khung bo viền
+ Sử dụng phân trang mặc đinh
+ Loại bỏ Menu sổ ngang
+ Sử dụng comment phân cấp blogger

DEMO | DOWNLOAD

Hướng dẫn :
Để sửa đổi theme bạn nên dùng Notepad++ để dễ dàng sử dụng
1. Thay đổi logo tìm:
http://4.bp.blogspot.com/-SvH6xyNEkkY/T-6yaYQGhiI/AAAAAAAABE8/7_aQzYPMao0/s1600/logos.png
thay = link ảnh logo của bạn

2. Thay đổi link menu

<ul class='menu'>
<li><a href='/'><span>Home</span></a></li>
<li><a href='/search/label/Destination'><span>Menu1</span></a></li>
<li><a href='/search/label/Destination '><span>Menu2</span></a></li>
<li><a href='/search/label/Destination '><span>Menu3</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu4</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu5</span></a></li>
<li><a href='/search/label/Destination '><span>Menu6</span></a></li>
<li><a href='/search/label/Destination '><span>Menu7</span></a></li>
<li><a href='/search/label Destination '><span>Menu8</span></a></li>
<li><a href='/search/label/Destination '><span>Menu9</span></a></li>
</ul>

Thay Destination và Menu.. thành các nhãn blog của bạn 

3. Hiện thị các table ở trang chủ



Tìm

<div class='body-home'>
<div class='boxtitle'>
<h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Destination' title='Destination'>Destination</a></span>
<span class='boxtitle3'/></h2>
<ul class='subbox'>
<li><a href='/search/label/Menu1'>Menu1</a></li>
<li>|</li>
<li><a href='/search/label/Menu2'>Menu2</a></li>
<li>|</li>
<li><a href='/search/label/Menu3'>Menu3</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Destination?max-results="+7+"&orderby=published&alt=json-in-script&callback=helloximo02\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>

Thay chữ in đậm màu đỏ và xanh thành các nhãn của bạn

Và đây là data test nếu blog bạn chưa có bài viết nào
Vào cài đặt và Import là có thể xem demo ngay

Download Data Test

More about →

Giải pháp Blogger bị chặn 02/07/2012

Thứ 2 đầu tuần thức dậy đã bị chặn rồi lại ngồi check IP

Demo test thử ok : http://www.topphimtuan.com

or : http://www.helloximo.com

Giải pháp:

Các bạn truy cập Domain Manager xóa hết các Records cũ, rồi DNS tới địa chỉ IP sau là ok

74.125.71.121

Chúc vui vẻ 

More about →