Test Code


Công cụ tạo mã QR Code

Thumbnail "Mã QR một mã ma trận (hay mã vạch hai chiều) được phát triển bởi công ty Denso Wave (Nhật Bản) vào năm 1994. Chữ "QR" xuất phát từ "Quick Response", trong tiếng Anh có nghĩa là đáp ứng nhanh, vì người tạo ra nó có ý định cho phép mã được giải mã ở tốc độ cao. Các mã QR được sử dụng phổ biến nhất ở Nhật Bản, và hiện là loại mã hai chiều thông dụng nhất ở Nhật Bản.
Mặc dù lúc đầu mã QR được dùng để theo dõi các bộ phận trong sản xuất xe hơi, hiện nay nó được dùng trong quản lý kiểm kê ở nhiều ngành khác nhau. Gần đây hơn, phần mềm đọc mã QR đã được cài vào điện thoại di động có gắn camera (camera phone) ở Nhật. Điều này đưa đến các ứng dụng mới và đa dạng hướng về người tiêu dùng, nhằm làm nhẹ nhàng việc nhập dữ liệu vào điện thoại di động, vốn không hấp dẫn mấy. Mã QR cũng được thêm vào danh thiếp, làm đơn giản đi rất nhiều việc nhập dữ kiện cá nhân của người mới quen vào sổ địa chỉ trên điện thoại di động.
Người dùng có chương trình thu tín hiệu (capture program) và máy tính có giao diện RS-232C có thể dùng máy quét ảnh(scanner) để thu dữ liệu."...
Source: Wiki
Công cụ tạo mã QR Code:
  •   Nhập nội dung cần tạo mã (text hoặc link trang web) hoặc danh thiếp: mã sẽ xuất hiện bên phải.
  •   Nhấp chuột phải vào ảnh →Save image as: để download ảnh về PC.
  •   Copy/Paste mã nhúng bên dưới đưa vào web/blog.


QR Imgage:
QR Code

Embed Image code:


Bạn dùng Android tải ứng dụng quét mã QR Code.
Bạn có thể test thử trên Test Html Editor
Link to this page:

Công cụ tạo mã nhúng Youtube tùy chỉnh cho web/blog


Công cụ tạo mã nhúng Youtube tùy chỉnh cho web/blog

    Thông thường khi muốn nhúng Youtube vào blog ta có thể vào phần chia sẻ→nhúng của Youtube nhưng khó để tùy biến cho code mã nhúng của YouTube.Mã nhúng của YouTube ẩn hầu hết các khóa lệnh.
    Công cụ tạo nhanh mã nhúng có thể giúp bạn tạo nhanh hơn và có thể thêm tùy chỉnh khi bạn chỉ cần xác định ID  video trên YouTube.
eg:
https://www.youtube.com/watch?v=3f2jvzjF_qo

Bạn cũng có thể nhúng cả playlist
https://www.youtube.com/watch?v=iNJdPyoqt8U&list=PLc1MQJ9P83uL_XYMd0VXZNMc6s2NwujDK

Và đoạn mã màu đỏ chính là ID mà bạn cần dùng cho công cụ này.
Tùy chỉnh:
_Chiều cao của Video.
_Chiều rộng của video.
_ID của YouTube: paste ID Video bạn cần nhúng vào.
_Auto play:
    Bật: tự động phát khi load xong trang;
    Tắt: thì phải click vào nút play.
_Lặp lại:
    Bật: auto playback;
    Tắt: chỉ phát một lần.
_Bắt đầu phát vào giây thứ: n... tùy chỉnh (tính bằng giây).
_Ẩn thanh điều khiển: khi rời chuột đi.

Và muốn ẩn video để làm nhạc nền cho blog các bạn chỉ cần chỉnh: chiều cao, chiều rộng =0 là được.
Generate: lấy mã nhúng chèn vào web/blog.
Ok chỉ có vậy.
Trước đây có sử dụng một js để tạo công cụ như thế này. Có thể paste cả link YouTube không cần phải id ai điếc gì hết nhưng ngõ ra lại thiếu mất một ký tự của ID. Chẳng hiểu ra làm sao nhức đầu quá làm lại cái tool này phục vụ các bạn trước, từ từ fix cái kia sau.
Đang update các giá trị nâng cao cho mã nhúng...







Embeded Youtube Dimensions
TTP © 2015
px
px
Bắt đầu phát vào giây thứ: s (tính bằng giây)
Ẩn thanh điều khiển:
Độ phân giải: Tùy thuộc vào chất lượng video, cấu hình và nhà mạng.
Nâng cao
Generated HTML Code
Copy and paste embed code vào thẻ <body>


Bạn có thể test thử trên Test Html Editor
Link to this page:

Trang trí cho khung kết quả tìm kiếm tùy chỉnh Google (Google Search Custom)

Mặc định trong kết quả 'tìm kiếm tùy chỉnh' liên kết đến trang mà bạn tạo như:/p/search.htmlthì background mặc định là nền trắng.
Bạn muốn thay đổi và trang trí cho khung kết quả tìm kiếm trong tìm kiếm tùy chỉnh google GCS?




thay đổi khung và background như ảnh trên.
Những bài viết về chèn thêm Công cụ tìm kiếm tùy chỉnh thì có hướng dẫn rất nhiều, nhưng khi chèn code<script>vào trang riêng ví dụ như trang này   bạn có thể thêm thẻ<style>bên dưới vào trang mà bạn tạo kết quả tìm kiếm tùy chỉnh để thay đổi phong cách cho bạn
Css
<style>
#___gcse_0 {
    padding: 0;
    text-align: left;
    width: 98%;
    border: 10px outset #666600;
    -webkit-box-shadow: 3px 10px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 10px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 3px 10px 5px 0 rgba(0, 0, 0, 0.75);
}
.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #eee;
    background-color: #eeF;
}
.gsc-tabData.gsc-tabdActive {
    display: block;
    background: blanchedalmond;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #eee;
}
.gsc-orderby-container {
    text-align: right;
    background: transparent;
    display: none;
}
.gsc-results .gsc-cursor-box {
    margin: 10px 0;
    background: #333;
    height: 20px;
    padding: 10px 20px;
    text-align: center;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background: #333;
    color: #FFF;
    font: 14px arial;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background: #333;
    color: #FFF;
    font: 14px arial;
}
.gsc-cursor-box .gsc-cursor-page:hover, .gsc-cursor-box .gsc-cursor-page:focus {
    text-decoration: none !important;
    color: #DD4B39 !important;
    cursor: pointer;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    text-decoration: none;
    color: #F90;
}
</style>

Còn hình ảnh dưới đây là kết quả mặc định của GCS:


Bạn có thể test thử GCS trong site này và tùy biến theo phong cách của riêng bạn.
Hoặc có thể test thử vào khung tìm kiếm ngay bên dưới.
Hy vọng hữu ích.
Bạn có thể test thử trên Test Html Editor
Link to this page:

Công cụ tạo chữ chạy cho blog


Demo:
Enter your marquee text here, Công cụ hiển thị tốt trên Chrome, Cốc cốc(Chrome+)& Firefox...

Html Code Marquee Generator


Code Marquee Dimensions
TTP © 2015
Hướng chữ chạy:
Tốc độ:
Outer Box
(pixels)
Percent Pixels
#
#
Replace/delete ur image link
Text

Hoặc dùng link ảnh thay thế text
(eg: http://icons.iconarchive.com/icons/creativenerds/wooden-social/24/blogger-icon.png)
#
Padding:
Nghiêng In Đậm
Generated HTML Code
&

Copy and paste code <css> vào thẻ<style>và code <html>vào thẻ <body>.


Bạn có thể test thử trên Test Html Editor
Link to this page:
Ngày

 
Support : Hổ trợ | Your Link | Your Link
Copyright © 2013. ProShow Producer - All Rights Reserved
Template Created by Creating Website Published byMas Template
Proudly powered by Blogger