Chủ Nhật, 9 tháng 8, 2015
Thứ Sáu, 7 tháng 8, 2015
Cách Portable bằng MultiPacked
Cài đặt như các phần mèm khác, chỉ cần Next, Next, Next, Install và Close thôi.
Download - Link download.com.vn
1: Mở app lên. Tick Application Pack và ấn next
2: Tìm đến thư mục lưu của phần mềm (thường là ở C:/Program Files/Tên program) và ấn Add folder and its content
3: Tìm đến file .exe trong thư mục hiển thị (file để open program lên) ở bên và ấn Set main .EXE và ấn Next.
4. Đặt password và nơi lưu. Create nào
Xong, bạn ấn vào biểu tượng tại chỗ lưu và xem thử thôi. Một số hình ảnh:
Biểu tượng trên Desktop
Đang loading files
Chất lượng phần mềm KHÔNG HỀ THAY ĐỔI
VIDEO:
Download - Link download.com.vn
Thứ Năm, 6 tháng 8, 2015
Cách cài đặt Adobe Flash Player cho Windows
Hướng dẫn cài Adobe Flash Player để chạy flash trên trình duyệt Opera, Safari, IE hoặc Firefox.Cách cài Adobe Flash Player. Cập nhật Flash Player mới nhất.
Download tại: https://get.adobe.com/en/flashplayer/
1: Bạn bỏ dấu tick ở chỗ Offre facultative (tiếng Pháp) đi, nếu không khi cài Flash xong nó sẽ tự động cài cả Google Chrome của Google vào nữa. Bấm Installer maintenant:
2: Có một file được tải xuống tự động. Click đúp vào file mới tải để mở.
Download tại: https://get.adobe.com/en/flashplayer/
1: Bạn bỏ dấu tick ở chỗ Offre facultative (tiếng Pháp) đi, nếu không khi cài Flash xong nó sẽ tự động cài cả Google Chrome của Google vào nữa. Bấm Installer maintenant:
2: Có một file được tải xuống tự động. Click đúp vào file mới tải để mở.
3: Một bảng cảnh báo hiện lên ấn Run
4: Nó hỏi là có update tự động không thì bạn chọn cái đầu tiên là tự động update, cái giữa là hỏi khi chuẩn bị update và cái cuối cùng là không bao giờ. Ấn Next
5: Chương trình "Adobe Flash Player Installer" sẽ kết nối lên internet để tải file cần thiết và cài đặt vào máy tính. Nếu bạn đang mở trình duyệt thì hãy tắt đi nhé!
Download về.
Cài đặt vào máy tính!
Vậy là đã cài đặt xong rồi. Bạn có thể sử dụng Flash để chơi Game, nghe nhạc, chat, v,v trên trình duyệt rồi!
Video hướng dẫn YouTube:
Cách viết chữ ngược status, chat, Yahoo, Skype, Game
Trước đây, viết chữ ngược status khó khăn, nhưng bây giờ đã có công cụ http://invertedtext.com/. Chuyển đổi nhanh chóng, dễ dàng
Trước tiên, ta truy cập trang chuyển đổi chữ ngược Inverted Text theo đường dẫn http://invertedtext.com/.
Bạn nhập chữ muốn chuyển sang chữ ngược vào ô Your Text và kết quả sẽ trả về ở Inverted Text. Copy lại nào
Trước tiên, ta truy cập trang chuyển đổi chữ ngược Inverted Text theo đường dẫn http://invertedtext.com/.
Bạn nhập chữ muốn chuyển sang chữ ngược vào ô Your Text và kết quả sẽ trả về ở Inverted Text. Copy lại nào
Hãy đăng lên Facebook, Yahoo, Zing Me để trêu trọc bạn bè ngay nào!
Lưu ý: Không hỗ trợ chữ hoa
ʇấɥu ʎɐɥ ʇệıʌ ƃuếıʇ ƃolq - ƃolq uɐ ʎnp
Thứ Tư, 5 tháng 8, 2015
Bảng mã màu dùng trong CSS
Dưới đây là bảng mã màu dùng trong CSS. Ai cần thì tham khảo nhé
| EEEEEE | DDDDDD | CCCCCC | BBBBBB | AAAAAA | 999999 |
| 888888 | 777777 | 666666 | 555555 | 444444 | 333333 |
| 222222 | 111111 | 000000 | FF0000 | EE0000 | DD0000 |
| CC0000 | BB0000 | AA0000 | 990000 | 880000 | 770000 |
| 660000 | 550000 | 440000 | 330000 | 220000 | 110000 |
| FFFFFF | FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 |
| CCFFFF | CCFFCC | CCFF99 | CCFF66 | CCFF33 | CCFF00 |
| 99FFFF | 99FFCC | 99FF99 | 99FF66 | 99FF33 | 99FF00 |
| 66FFFF | 66FFCC | 66FF99 | 66FF66 | 66FF33 | 66FF00 |
| 33FFFF | 33FFCC | 33FF99 | 33FF66 | 33FF33 | 33FF00 |
| 00FFFF | 00FFCC | 00FF99 | 00FF66 | 00FF33 | 00FF00 |
| FFCCFF | FFCCCC | FFCC99 | FFCC66 | FFCC33 | FFCC00 |
| CCCCFF | CCCCCC | CCCC99 | CCCC66 | CCCC33 | CCCC00 |
| 99CCFF | 99CCCC | 99CC99 | 99CC66 | 99CC33 | 99CC00 |
| 66CCFF | 66CCCC | 66CC99 | 66CC66 | 66CC33 | 66CC00 |
| 33CCFF | 33CCCC | 33CC99 | 33CC66 | 33CC33 | 33CC00 |
| 00CCFF | 00CCCC | 33CC66 | 33CC33 | 00CC99 | 00CC66 |
| 00CC33 | 00CC00 | FF99FF | FF99CC | FF9999 | FF9966 |
| FF9933 | FF9900 | CC99FF | CC99CC | CC9999 | CC9966 |
| CC9933 | CC9900 | 9999FF | 9999CC | 999999 | 999966 |
| 999933 | 999900 | 6699FF | 6699CC | 669999 | 669966 |
| 669933 | 669900 | 3399FF | 3399CC | 339999 | 339966 |
| 339933 | 339900 | 0099FF | 0099CC | 009999 | 009966 |
| 009933 | 009900 | FF66FF | FF66CC | FF6699 | FF6666 |
| FF6633 | FF6600 | CC66FF | CC66CC | CC6699 | CC6666 |
| CC6633 | CC6600 | 9966FF | 9966CC | 996699 | 996666 |
| 996633 | 996600 | 6666FF | 6666CC | 666699 | 666666 |
| 666633 | 666600 | 3366FF | 3366CC | 336699 | 336666 |
| 336633 | 336600 | 0066FF | 0066CC | 006699 | 006666 |
| 006633 | 006600 | FF33FF | FF33CC | FF3399 | FF3366 |
| FF3333 | FF3300 | CC33FF | CC33CC | CC3399 | CC3366 |
| CC3333 | CC3300 | 9933FF | 9933CC | 993399 | 993366 |
| 993333 | 993300 | 6633FF | 6633CC | 663399 | 663366 |
| 663333 | 663300 | 3333FF | 3333CC | 333399 | 333366 |
| 333333 | 333300 | 0033FF | FF3333 | 0033CC | 003399 |
| 003366 | 003333 | 003300 | FF00FF | FF00CC | FF0099 |
| FF0066 | FF0033 | FF0000 | CC00FF | CC00CC | CC0099 |
| CC0066 | CC0033 | CC0000 | 9900FF | 9900CC | 990099 |
| 990066 | 990033 | 990000 | 6600FF | 6600CC | 660099 |
| 660066 | 660033 | 660000 | 3300FF | 3300CC | 330099 |
| 330066 | 330033 | 330000 | 0000FF | 0000CC | 000099 |
| 000066 | 000033 | 00FF00 | 00EE00 | 00DD00 | 00CC00 |
| 00BB00 | 00AA00 | 009900 | 008800 | 007700 | 006600 |
| 005500 | 004400 | 003300 | 002200 | 001100 | 0000FF |
| 0000EE | 0000DD | 0000CC | 0000BB | 0000AA | 000099 |
| 000088 | 000077 | 000055 | 000044 | 000022 | 000011 |
Tổng hợp 10 app cực hay cho Windows 8.1
1. Ball Strike (Free)
2. My Talking Tom (Free)
3. My Talking Angela (Free)
4. The Weather Channel (Free)
5. NhacCuaTui (Free)
6. Từ điển Lạc - Việt (dùng thử và trả phí)
7. Lịch Việt (Free)
8. Facebook (Free)
9. VNExpress (Free)
10. Chinese Chess (Free)
2. My Talking Tom (Free)
3. My Talking Angela (Free)
4. The Weather Channel (Free)
5. NhacCuaTui (Free)
6. Từ điển Lạc - Việt (dùng thử và trả phí)
7. Lịch Việt (Free)
8. Facebook (Free)
9. VNExpress (Free)
10. Chinese Chess (Free)
Tạo thanh ghi chú trên blog với CSS
Đây là 1 cách làm blog chuyên nghiệp hơn. Đóng mở nhanh chóng.
Ta làm như sau: Đăng nhập vào blog > Bố Cục > Thêm Tiện Ích > HTML/Javascript và chèn code dưới vào
DEMO CHUẨN
<style type="text/css">
/* Tips For Blogger Vu Duy An ver 1.0 */
#abt-hotsmain{height:100px;left:0;position:fixed;top:0;width:100%}
#abt-hots{background-color:#EB593C;border-bottom:2px solid #FFF;height:30px;left:0;position:fixed;top:0;width:100%;box-shadow:3px 3px 3px 3px;z-index:10000}
#abt-hotsdata{color:#FFF;font-family:serif;font-size:15px;padding:5px}
#abt-hotshide{cursor:pointer;height:20px;position:absolute;right:12px;top:4px;width:20px}
#abt-hotsshow{background-color:#EB593C;border-bottom:3px solid #000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid #000;border-right:3px solid #000;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:5px;top:0;width:30px}
.abt-hotsdownarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #CC5200;height:0;width:0}
.abt-hotsblock{background-color:#CC5200;height:10px;width:8px}
.abt-hotsuparrow{border-bottom:10px solid #CC5200;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}
</style>
<div id="abt-hotsmain" >
<center id="abt-hotsshow" onmouseup="document.getElementById('abt-hots').style.display='block'"><div class="abt-hotsblock"></div><div class="abt-hotsdownarrow"></div></center>
<div id="abt-hots" >
<center id="abt-hotshide" onmouseup="document.getElementById('abt-hots').style.display='none'"><div class="abt-hotsuparrow"></div><div class="abt-hotsblock"></div></center>
<center id="abt-hotsdata" >
VUDUYAN.BLOGSPOT.COM
</center>
</div>
</div>
Thay đoạn màu tím bằng text của bạn và Lưu!
DEMO CHUẨN
<style type="text/css">
/* Tips For Blogger Vu Duy An ver 1.0 */
#abt-hotsmain{height:100px;left:0;position:fixed;top:0;width:100%}
#abt-hots{background-color:#EB593C;border-bottom:2px solid #FFF;height:30px;left:0;position:fixed;top:0;width:100%;box-shadow:3px 3px 3px 3px;z-index:10000}
#abt-hotsdata{color:#FFF;font-family:serif;font-size:15px;padding:5px}
#abt-hotshide{cursor:pointer;height:20px;position:absolute;right:12px;top:4px;width:20px}
#abt-hotsshow{background-color:#EB593C;border-bottom:3px solid #000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid #000;border-right:3px solid #000;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:5px;top:0;width:30px}
.abt-hotsdownarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #CC5200;height:0;width:0}
.abt-hotsblock{background-color:#CC5200;height:10px;width:8px}
.abt-hotsuparrow{border-bottom:10px solid #CC5200;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}
</style>
<div id="abt-hotsmain" >
<center id="abt-hotsshow" onmouseup="document.getElementById('abt-hots').style.display='block'"><div class="abt-hotsblock"></div><div class="abt-hotsdownarrow"></div></center>
<div id="abt-hots" >
<center id="abt-hotshide" onmouseup="document.getElementById('abt-hots').style.display='none'"><div class="abt-hotsuparrow"></div><div class="abt-hotsblock"></div></center>
<center id="abt-hotsdata" >
VUDUYAN.BLOGSPOT.COM
</center>
</div>
</div>
Thay đoạn màu tím bằng text của bạn và Lưu!
Cách ghi chú thích trên WinRAR
Nhiều khi bạn tải file từ các web khác và thấy có chú thích bên cạnh và tự hỏi làm sao có thể làm được điều đó. Ghi chú thích rất đơn giản. Bạn có thể ghi nguồn, tên phần mềm và website ở trên khung chú thích.
KHÔNG ÁP DỤNG VỚI FILE NÉN SFX *.EXE*
Ghi chú thích khi nén mới
- Đầu tiên chọn thư mục và ấn vào Add to archive
KHÔNG ÁP DỤNG VỚI FILE NÉN SFX *.EXE*
Ghi chú thích khi nén mới
- Đầu tiên chọn thư mục và ấn vào Add to archive
- Chuyển sang tab Comment và nhập nội dung chú thích vào Enter a comment manually và ấn OK
- Đợi thôi
Ghi chú thích khi đã nén
- Trên giao chính của WinRAR ta ấn Comment. Nhập chú thích vào khung Comment Text và ấn OK. Hoàn thành
Tạo hiển thị xếp hạng 5 sao - Rich Snippets cho blogger
Rich Snippets là đoạn thông tin hiển thị trên kết quả trả về của bộ máy tìm kiếm (Google, Yahoo, Bing, …) được thể hiện dưới dạng sao, hình ảnh, xếp hạng đánh giá, … nhằm làm tăng độ nổi bật của website khi người dùng thực hiện thao tác search với một từ khóa nào đó.
Rich Snippets mang đến cho bạn những lợi ích tốt trong kết quả tìm kiếm do hiển thị bắt mắt, hấp dẫn với người tìm kiếm trên các công cụ Google, Yahoo, Bing. Nó giúp bạn tăng tỉ lệ click trên google và mang đến cho bạn một lượng traffic lớn. Tuy vậy Rich Snippets cũng có tác hại của nó, khi mà tình trạng lạm dụng nó ngày càng trở nên rầm rộ hơn. Các website tạo ra những kết quả tìm kiếm có 5 sao với số phiếu bầu chọn 100, 1000, thậm chí là 10.000.000 như vậy có đúng nghĩa là Rich Snippets mà Google khuyến khích hay không? Với những kết quả mà bạn cố tình tạo ra sẽ đi ngược lại với những tiêu chí của Google và được gọi là “Fake Rich Snippets” hay “Spam in Rich Snippets”. Những vi phạm của bạn có thể bị người khác báo cáo qua Report spam in rich snippets.
Đăng nhập blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
1. Tạo Rich Snippets cho các trang ngoài trang bài viết
Chèn đoạn code này vào ngay sau thẻ
Thay link xanh dương thành link ảnh đại diện cho blog của bạn, sửa chữ xanh lá lại cho phù hợp.
2. Tạo Rich Snippets cho các trang bài viết
Tìm đến thẻ bên dưới
Sau đó chèn đoạn code này vào ngay sau nó
Lưu Mẫu lại là xong, để kiểm tra xem bạn đã thực hiện chèn Rich Snippets thành công chưa thì hãy truy cập vào http://www.google.com/webmasters/tools/richsnippets và nhập tên miền của bạn để xem thử.
Lưu ý: để hình ảnh của Snippet xuất hiện được trên tìm kiếm google các bạn phải chọn ảnh thumbnail (ảnh đầu bài viết) có kích thước hình vuông hoặc hình chữ nhật nằm ngang.
Theo Dxoan.com
Rich Snippets mang đến cho bạn những lợi ích tốt trong kết quả tìm kiếm do hiển thị bắt mắt, hấp dẫn với người tìm kiếm trên các công cụ Google, Yahoo, Bing. Nó giúp bạn tăng tỉ lệ click trên google và mang đến cho bạn một lượng traffic lớn. Tuy vậy Rich Snippets cũng có tác hại của nó, khi mà tình trạng lạm dụng nó ngày càng trở nên rầm rộ hơn. Các website tạo ra những kết quả tìm kiếm có 5 sao với số phiếu bầu chọn 100, 1000, thậm chí là 10.000.000 như vậy có đúng nghĩa là Rich Snippets mà Google khuyến khích hay không? Với những kết quả mà bạn cố tình tạo ra sẽ đi ngược lại với những tiêu chí của Google và được gọi là “Fake Rich Snippets” hay “Spam in Rich Snippets”. Những vi phạm của bạn có thể bị người khác báo cáo qua Report spam in rich snippets.
Hướng dẫn tạo Rich Snippets cho blogger
Đăng nhập blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
1. Tạo Rich Snippets cho các trang ngoài trang bài viết
Chèn đoạn code này vào ngay sau thẻ
<body><b:if cond='data:blog.pageType != "item"'>
<div style='display:none;'>
<div itemscope='' itemtype='http://schema.org/Recipe'>
<span itemprop='name'>Blog thủ thuật</span>
<img alt='Blog thủ thuật' itemprop='image' src='https://lh4.googleusercontent.com/-pFkSZhwVbIc/AAAAAAAAAAI/AAAAAAAAAZs/U0sJ9pIjNKk/s150/photo.jpg' title='Blog thủ thuật'/>
<div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<span itemprop='ratingValue'>10</span>/<span itemprop='bestRating'>10</span>
<span itemprop='ratingCount'>1500</span> bình chọn
</div>
</div></div>
</b:if>
2. Tạo Rich Snippets cho các trang bài viết
Tìm đến thẻ bên dưới
<div class='post-footer-line post-footer-line-1'>
Hoặc
<div class='post-footer-line post-footer-line-2'>
Sau đó chèn đoạn code này vào ngay sau nó
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none;'>
<div itemscope='' itemtype='http://schema.org/Recipe'>
<span itemprop='name'><data:blog.pageName/></span>
<img expr:alt='data:blog.pageName' expr:src='data:blog.postImageThumbnailUrl' itemprop='image'/>
<div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>
<span itemprop='ratingValue'>10</span>/<span itemprop='bestRating'>10</span>
<span itemprop='ratingCount'>365</span> bình chọn
</div></div></div>
</b:if>
Lưu Mẫu lại là xong, để kiểm tra xem bạn đã thực hiện chèn Rich Snippets thành công chưa thì hãy truy cập vào http://www.google.com/webmasters/tools/richsnippets và nhập tên miền của bạn để xem thử.
Lưu ý: để hình ảnh của Snippet xuất hiện được trên tìm kiếm google các bạn phải chọn ảnh thumbnail (ảnh đầu bài viết) có kích thước hình vuông hoặc hình chữ nhật nằm ngang.
Theo Dxoan.com
4 website tạo social share button tốt nhất cho website
Dưới đây là 5 website được đánh giá cao nhất được xếp hạng bởi Duy An Blog
1. AddThis
Miễn phí và trả phí
2. AddToAny
Miễn phí
3. Shareaholic
Miễn phí
4. ShareThis
Miễn phí
1. AddThis
Miễn phí và trả phí
2. AddToAny
Miễn phí
3. Shareaholic
Miễn phí
4. ShareThis
Miễn phí
Thứ Ba, 4 tháng 8, 2015
Code khóa bài viết phải like mạng xã hội mới xem được.
Hướng dẫn khóa bài viết mà bạn phải like mới có thể đọc tiếp bằng code. Với plugin này bạn sẽ hút được khá nhiều like đấy.
Plugin này là của mybloggerlab lập ra. Ấn vào đây để vào trang của MyBloggerLab (demo luôn cho bài này)
1.1: Đăng nhập vào Blog
1.2: Vào Mẫu và ấn Chỉnh sửa HTML
1.3: Paste mã dưới này vào trước thẻ ]]></b:skin>
2.1: Trở về trang chủ.
2.2: Tạo 1 bài đăng mới
2.3: Viết bài bằng HTML và dán mã dưới vào
Plugin này là của mybloggerlab lập ra. Ấn vào đây để vào trang của MyBloggerLab (demo luôn cho bài này)
1.1: Đăng nhập vào Blog
1.2: Vào Mẫu và ấn Chỉnh sửa HTML
1.3: Paste mã dưới này vào trước thẻ ]]></b:skin>
/* --- Khóa Mạng Xã Hội Vu Duy An Blog --- */
.to-lock{background-color:#f6f6f6;padding:20px}
.inner-wrap{background:#435989}#header .get-it a{text-decoration:none;color:#000}#header .get-it #zenbox_tab{background-color:#f6f6f6!important}#zenbox_tab:hover{background-color:#333!important}#zenbox_tab #feedback_tab_text{color:#333!important}#zenbox_tab:hover #feedback_tab_text{color:#fff!important}.ui-social-locker,.ui-social-locker .ui-social-locker-text,.ui-social-locker .ui-social-locker-timer{font:normal normal 400 13px/23px "Arial",serif}.ui-social-locker,.ui-social-locker .ui-social-locker-outer-wrap,.ui-social-locker .ui-social-locker-inner-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui-social-locker{position:relative!important;background-color:#f9f9f9;padding:25px;margin:20px auto;max-width:700px}.ui-social-locker p{margin:0}.ui-social-locker .ui-social-locker-text{text-align:center}.ui-social-locker-text .ui-social-locker-strong{font-weight:bold;text-transform:uppercase;font-size:16px;display:inline-block}.ui-social-locker-buttons{text-align:center}.ui-social-locker-text+.ui-social-locker-buttons{margin-top:15px}.ui-social-locker-button-inner-wrap,.ui-social-locker-button-overlay{height:40px;width:120px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1}.ui-social-locker-button-inner-wrap{position:relative}.ui-social-locker-button{display:inline-block;vertical-align:top;text-align:left}.ui-social-locker-button-overlay{position:absolute;top:0;left:0}.ui-social-locker-button+.ui-social-locker-button{margin-left:10px}.ui-social-locker-button{background-color:#f2f2f2}.ui-social-locker-button .fb-like span,.ui-social-locker-button .fb-like iframe{height:20px!important}.ui-social-locker-button-overlay *{position:absolute;width:100%;top:0;left:0}.ui-social-locker-overlay-front,.ui-social-locker-overlay-back{height:100%;top:0;left:0}.ui-social-locker-overlay-front{z-index:1}.ui-social-locker-overlay-back{z-index:0}.ui-social-locker .ui-social-locker-cross{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJeaT2mJaMaWOc0oESDMsD0mKr2oIsjTlU6b1PW0w8onu2c85jfMaYVc2PGN7ELXqpI5CAF_h9g1kpChZ9dafC_Tm6SnoBHBTxjhsDLkI6RxklFmT2htSADVwY_IPvujcaoeGK1M3yG74/s1600/close+(1).png") 50% 50% no-repeat;width:16px;height:16px;opacity:.1;filter:alpha(opacity=10);cursor:pointer;position:absolute;top:4px;right:4px;z-index:2}.ui-social-locker:hover .ui-social-locker-cross{opacity:.2;filter:alpha(opacity=20)}.ui-social-locker .ui-social-locker-cross:hover{opacity:.8;filter:alpha(opacity=80)}.ui-social-locker .ui-social-locker-timer{position:absolute;right:5px;bottom:5px;z-index:10}.ui-social-locker .ui-social-locker-timer,.ui-social-locker .ui-social-locker-timer *{font:normal normal 400 12px/12px sans-serif;text-transform:lowercase}.ui-social-locker .ui-social-locker-timer{color:#000;margin-left:5px}.ui-social-locker .ui-social-locker-timer-counter{font-weight:bold}.ui-social-locker-opera .ui-social-locker-button-facebook .fb-like{position:relative;top:-1px}.gc-bubbleDefault{display:none!important}.ui-social-locker-flip .ui-social-locker-button-inner-wrap{perspective:500px;perspective-origin:50% 0;-webkit-perspective:500px;-webkit-perspective-origin:50% 0;-moz-perspective:500px;-moz-perspective-origin:50% 0}.ui-social-locker-flip .ui-social-locker-button-overlay{display:block;transform-origin:bottom;transform-style:preserve-3d;transition:transform .3s ease;transform:translate(0);-webkit-transform-origin:bottom;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s ease;-webkit-transform:translateY(0) rotateX(0);-moz-transform-origin:bottom;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform .3s ease;-moz-transform:translate(0)}.ui-social-locker-flip .ui-social-locker-overlay-back{transform:rotateX(-180deg) translateZ(4px);-webkit-transform:rotateX(-180deg) translateZ(4px);-moz-transform:rotateX(-180deg) translateZ(4px)}.ui-social-locker-flip .ui-social-locker-overlay-header{height:4px;transform-origin:top;transform:rotateX(-90deg);-webkit-transform-origin:top;-webkit-transform:rotateX(-90deg);-moz-transform-origin:top;-moz-transform:rotateX(-90deg)}.ui-social-locker-flip:hover .ui-social-locker-button-overlay{display:block!important;transform:translateY(4px) rotateX(-110deg);-webkit-transform:translateY(4px) rotateX(-110deg);-moz-transform:translateY(4px) rotateX(-110deg)}.ui-social-locker-flip:hover .ui-social-locker-overlay-back{border-top:2px solid #eee}.ui-social-locker-secrets .fb-like span,.ui-social-locker-secrets .fb-like iframe{width:118px!important}.ui-social-locker-secrets{padding:30px;margin:10px auto 15px auto;border:0;background-color:transparent}.ui-social-locker-secrets .ui-social-locker-inner-wrap{border:3px solid #fefefe;background-color:#f7f7f7;padding:30px}.ui-social-locker-secrets .ui-social-locker-outer-wrap{border:1px solid #e6e6e6;box-shadow:0 0 40px rgba(0,0,0,0.08)}.ui-social-locker-secrets .ui-social-locker-text,.ui-social-locker-secrets .ui-social-locker-timer,.ui-social-locker-secrets .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px #fff;-moz-text-shadow:1px 1px 2px #fff;text-shadow:1px 1px 2px #fff}.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8Vmswf9QXt8d7XCjPIdqBkv-f2x51CIpz06V1lZ-2MS45dr81C5f6Q9E_8KGH5Sh_jmOb_unVpHWYy49N_vRwq5hl4ik2SIncPq3ZZG9cyuRnph3-ZaUluYmAWSmB0y0-WxJx3lmjXc/s1600/lock-icon.png") 0 2px no-repeat}.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}.ui-social-locker-secrets .ui-social-locker-button{padding:4px;background:rgba(0,0,0,0.05)}.ui-social-locker-secrets .ui-social-locker-button-inner-wrap,.ui-social-locker-secrets .ui-social-locker-button-overlay{height:34px;width:118px}.ui-social-locker-secrets .ui-social-locker-button-inner-wrap{padding:7px;-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);box-shadow:inset 0 0 6px rgba(0,0,0,0.25)}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-front{background:#399ff0 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdjYygYPIXbBqDA9TU3bPhdcsi5-2Y6jZD08pdGLnVZoBGW2Xkd2nFWn8WYdpErnTnuki2WJKnmpblUET-rnYADW6O-DUc3ROzbuLmMwKNSZ1TtAcflw0lYgsFHxKOOpVgt_TkI5XKAto/s1600/tweet-btn.png") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-back{background:#24b1e5}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-header{background-color:#368acd}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-front{background:#46629e url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NOzPnxHQBzthMQHRPGzN7Kd6kcaOcCUlj8vfq4pg7kk5-EORCXAWQb23KV5VZnnIq1JgHTWdccXgCV0DwCK8NSA6nua92HMJNPwh1R6w9rZsBnEhWs76vjKCNS-ilo6SMfPcQ8z3oDA/s1600/like-btn.png") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-back{background:#46629e}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-header{background-color:#314775}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-front{background:#494647 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB27yXJ98LHMTg6XIfOL1mvyJUEQofiOgjF2M1XvHS8pEfobJeFTv6Aw-e1At8pndpN7hKVXr3apWP6r7GhgUOLtcAyRWRGl8H9DoqGmEIN7xo584bifL8C-NBRLlD87haLp6Zo0EdyTI/s1600/plus-one-btn.png") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-back{background:#494647}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-header{background-color:#111}.ui-social-locker-secrets .ui-social-locker-cross{top:38px;right:38px}.ui-social-locker-secrets .ui-social-locker-dandyish .ui-social-locker-outer-wrap{padding:5px;background-color:#fff;border-radius:10px}.ui-social-locker-dandyish .ui-social-locker-inner-wrap{padding:10px;border-radius:10px;background-color:f8f8f8;background:linear-gradient(top,#f9f9f9,#F5F5F5);background:-o-linear-gradient(top,#f9f9f9,#F5F5F5);background:-moz-linear-gradient(top,#f9f9f9,#F5F5F5);background:-webkit-linear-gradient(top,#f9f9f9,#F5F5F5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#F5F5F5',GradientType=0);background:-ms-linear-gradient(top,#FFF,#F5F5F5);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);box-shadow:inset 0 1px 6px rgba(0,0,0,0.20)}.ui-social-locker-dandyish .ui-social-locker-text{padding:10px}.ui-social-locker-dandyish .ui-social-locker-text,.ui-social-locker-dandyish .ui-social-locker-timer,.ui-social-locker-dandyish .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px #fff;-moz-text-shadow:1px 1px 2px #fff;text-shadow:1px 1px 2px #fff}.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8Vmswf9QXt8d7XCjPIdqBkv-f2x51CIpz06V1lZ-2MS45dr81C5f6Q9E_8KGH5Sh_jmOb_unVpHWYy49N_vRwq5hl4ik2SIncPq3ZZG9cyuRnph3-ZaUluYmAWSmB0y0-WxJx3lmjXc/s1600/lock-icon.png") 0 2px no-repeat}.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}.ui-social-locker-dandyish .ui-social-locker-buttons{margin:0;padding:5px}.ui-social-locker-dandyish .ui-social-locker-button{border-radius:7px;background-color:rgba(255,255,255,1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.15);-webkit-box-shadow:0 3px 1px rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.15)}.ui-social-locker-dandyish .ui-social-locker-button .fb-like iframe{height:61px!important}.ui-social-locker-dandyish .ui-social-locker-button+.ui-social-locker-button{margin-left:15px}.ui-social-locker-dandyish .ui-social-locker-button-inner-wrap{width:85px;height:84px;padding:10px;text-align:center}.ui-social-locker-dandyish .ui-social-locker-cross{top:20px;right:20px}.ui-social-locker-dandyish .ui-social-locker-timer{right:20px;bottom:20px}.ui-social-locker-glass{padding:15px;border:0;-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 1px #fff;background:rgba(0,0,0,0.03)}.ui-social-locker-glass .ui-social-locker-outer-wrap{padding:30px;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;-webkit-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);background:#f7f7f7;background:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(240,240,240,0.5)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%)}.ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8Vmswf9QXt8d7XCjPIdqBkv-f2x51CIpz06V1lZ-2MS45dr81C5f6Q9E_8KGH5Sh_jmOb_unVpHWYy49N_vRwq5hl4ik2SIncPq3ZZG9cyuRnph3-ZaUluYmAWSmB0y0-WxJx3lmjXc/s1600/lock-icon.png") 0 2px no-repeat}.ui-social-locker-glass .ui-social-locker-button{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7)}.ui-social-locker-glass .ui-social-locker-cross{top:20px;right:20px}.ui-social-locker-glass .ui-social-locker-timer{right:23px;bottom:21px}#built-in-themes .title{font-style:normal;padding-bottom:0;margin-bottom:0;margin-top:25px}#built-in-themes .title:first-child{margin-top:0}#built-in-themes .example{padding:0 0 0 16px}#built-in-themes .pattern-background{background:url("http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/preview-bg.png");padding:25px 25px 10px 25px;box-shadow:inset 0 0 30px #fff}.my-custom-style{padding:30px 20px 20px 220px;height:200px;background:#f8f8f8 url("http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/lock-example.png") 20px 20px no-repeat}.my-custom-style .ui-social-locker-text{text-align:left}.my-custom-style .ui-social-locker-buttons{padding:0;text-align:left}.my-custom-style .ui-social-locker-button{width:100px}
#mblunlocker { text-align: center; font-family:Arial, serif; text-transform: uppercase; font-weight:bold; font-size:12px; position:relative}
2.1: Trở về trang chủ.
2.2: Tạo 1 bài đăng mới
2.3: Viết bài bằng HTML và dán mã dưới vào
</div>Thay Đoạn Bôi Màu Vàng Bằng Địa Chỉ Twitter của bạn. Đoạn Màu Cam Bằng Facebook Fanpage của bạn. Đoạn màu xanh dương bằng ID App Facebook của bạn (tạo tại https://developers.facebook.com/apps). Đoạn màu xanh lá là URL blog của bạn. Chèn vào Blog thôi.
</div></article><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/66256041/JQuery/namkna-blogspot-com/Locklike.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Nội Dung Đã Được Khóa Chặt Chẽ",
message: "Hãy thích - theo dõi - +1 để xem nội dung khóa."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://twitter.com/duyanblog",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/DuyAnBlog",
appId: "1610724379217031"
},
google: {
url: "http://vuduyan.blogspot.com"
}
});
});;;;
</script>
Tạo chữ chạy theo chuột cho Website/Blogspot
CODE chữ chạy theo chuột được giới thiệu dưới đây rất bắt mắt. Hoạt động hiệu quả. Xếp lại hàng nhanh chóng, đẹp mắt. Chạy mượt, ngon trên BlogSpot
Code chuẩn
Chèn vào bất kì chỗ nào cũng hoạt động trên cả trang.
Chèn vào bất kì chỗ nào cũng hoạt động trên cả trang.
<script language="javascript">Thay đoạn text màu xanh lá cây bằng chữ bạn muốn cho nó chạy theo chuột.
var text='Thưa quý vị. Đây là Duy An Blog....';
var delay=40; // SPEED OF TRAIL
var Xoff=10; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=15; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>
Đăng ký:
Bài đăng (Atom)