Thêm Bộ gõ Tiếng Việt Mudim Panel ẩn hiện vào Blogger

How to add Vietnamese Input Method - Mudim Panel into Blogger

Bạn muốn độc giả gõ Tiếng Việt có khi thảo luận trên website của mình, nhưng đôi khi độc giả lại không cài đặt phần mềm hỗ trợ gõ Tiếng Viết trên máy tính của họ. Vậy phải làm thế nào? Cách tốt nhất là cài trực tiếp chương trình gõ Tiếng Việt vào chính website của mình. Bài viết sau đây sẽ giúp bạn thực hiện điều đó. Với hiệu ứng ẩn hiện khá đẹp mắt và không chiếm nhiều diện tích trên website của bạn. Hãy cùng theo đổi nhé.

• DEMO

CSS

1Bạn vào Mẫu >> Chỉnh sửa HTML và thêm đoạn CSS dưới đây vào trước thẻ ]]></b:skin>

#mudimPanel{-webkit-transition:all 2s ease;-moz-transition:all 2s ease;background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MOAS8YajmIQJfM6AKgJw_L8QbQvjCuPHAPHp64mZokmcLOxT8SqpiAY05i3Cpa2fGEaCcIC-xf-ivFy85ff5esa46Puh0JqzSzKtKLB3VXEvmAYcOmDRiZMlMKIg5p1ZJJ_kzIHjYf4J/s1600/Iris-bogo.jpg) no-repeat right center!important;-moz-opacity:0.9;opacity:0.9;filter:alpha(opacity=90);bottom:9px!important;left:-333px!important;width:330px!important;height:47px!important;padding:4px 26px 4px 4px!important;font-size:10px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow:3px 3px 3px #000;-webkit-box-shadow:3px 3px 3px #000;box-shadow:3px 3px 3px #000}
#mudimPanel:hover{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);left:0!important}
#divInput{position:fixed;padding:2px;bottom:2px;right:3px;z-index:50}

Javascript

2Tiếp theo thêm đoạn script sau vào trước thẻ </body>

<script type="text/javascript" src="https://sites.google.com/site/iristipsblogger/file/mudim.js"></script>

3 Thế là xong rồi đấy. Từ nay độc giả có thể gõ Tiếng Việt trên website của bạn mà không cần phải cài thêm bất kỳ phần mềm nào vào máy tính.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm