Ứng dụng các tính năng khi Post bài đăng trên faceBook trong Các Group

Để giúp cho các bạn trên facebook thuận tiện post bài đăng, bất luận vì mục tiêu gì. Mình xin chia sẽ lại các kiến thức sử dụng mỗi khi các bạn Post bài. Máy mình đang làm là Laptop, cho nên giao diện sẽ khác đi đôi chút đối với các máy điện thoại di động mà nhiều bạn đang sử dụng. Thực ra, cái khác biệt nầy do giao diện thu nhỏ, bạn cần biết tên tính năng của nó sẽ thấy dễ chịu hơn.

Mình lấy ví dụ trên trang Câu Lạc Bộ Kết bạn cùng KhanhNguyen . Đây là một Group được tạo miễn phí từ trên Facebook.Ở Group nầy, bạn có quyền được thành lập một nhóm hoạt động, dưới danh ghĩa là CLB (Club) hay Nhóm (Group) và hoạt động kín hay Công khai.

Bạn có thể tham khảo ở các tư liệu nầy nếu muốn biết:

• Facebook: Sự khác biệt giữa quản trị viên và người kiểm duyệt trong một nhóm là gì?

Bạn có thể đến trang CLB nầy để làm quen hay có thể dùng chính các trang Nick hay Nhóm (Group ) của bạn cũng được nhé.

Địa chỉ truy cập về trang của mình:

• Login vào CLB

Hướng dẫn một số tính năng trong giao diện:

Write Post:

- Mặc nhiên, phần soạn thảo có hàng chữ Write something (Viết gì đó?)

- Và mặc nhiên, tab hiện hành được chọn trước là Tab Write Post (Viết bài).
- Vùng để soạn thảo là nơi có hàng chữ: Write something.

Add Photo/ Video:

- Khi chọn vào Tab, ta thấy xuất hiện 2 khung chức năng lựa chọn.

Tại đây, bạn có 2 lựa chọn, khác với trang Nick các nhân.

- Tải ảnh/video lên (Upload Photos/ Video): Up 1 hoặc nhiều ảnh lên Fanpage Facebook

- Tạo album ảnh (Create Photo Album): Tạo Album ảnh

Tag Friends:

- Gán tên Nick của người bạn mà mình chỉ định Post bài trực tiếp vào trang họ, ngoài việc Post bài lên trang Cộng đồng.

- Khi bạn chọn vào Tag Friends, sẽ xuất hiện khung With phía trên.

- Trong khung With: Khi bạn nhập tên đúng và facebook cho phép (là friends của bạn), nó sẽ xuất hiện một danh sách để bạn chọn chuẩn xác cho mỗi thẻ.

Viết bài đăng bằng ứng dụng Facebook Notes (Tạo Blog  riêng)

- Khi rê trỏ chuột vào nút (...) More, bạn sẽ thấy xuất hiện 1 Popup mà trên đó có mục chọn Create Doc. Cách nầy để bạn tự tạo một tư liệu như một Blog, có cả văn bản định dạng, lẫn hình ảnh trong một để xuất bản.

- Bạn có thể xem trước bài Cách viết ghi chú trên Facebook Note

Live Video:

- Quay Camera và phát Video trực tiếp bằng tính năng Live Stream:

- Bạn có thể xem thêm ở bài : Facebook: Tính năng live stream, giao diện Messenger mới được tích hợp

Sell Something:Bán gì đó)

- Bạn phải dùng vào tính năng nầy nếu như bạn cần phải Quảng cáo cho một sản phẩm, hàng hóa nào đó.

- Trình tự thao tác : Click chuột vào More (Khác) và chọn tiếp Sell something (Bán gì đó?)

- Có 5 mô tả mà bạn cần hoàn thiện:

• Bạn đang bán gì? (What are you selling?)
• Giá: (Price)
• Mã Zip (Zip Code)
• Mô tả mặt hàng của bạn (tùy chọn) (Describe your item (Optional)
• Thêm ảnh (Add Photos)

Trong phần mô tả mặt hàng, bạn có thể đặt một Link địa chỉ như trong hình dưới. Như vậy đường Link đó sẽ trỏ về Link mà bạn cần cho khách truy cập và hình ảnh nơi Link đó sẽ xuất hiện. Bạn không cần phải qua bước chèn ảnh, và ảnh mà bạn cho xuất hiện có thể cho tắt đi bởi một dấu [x] nhỏ bên góc trên phải của hình.

Trên đây là một số thủ thuật facebook mà mình viết bài và chia sẽ lại. Chúc các bạn có được những ngày vui vẽ.

Người Viết: Nguyễn Đạt Khánh

Read More

Menu Navigation neo đầu trang Web khi cuộn màn hình

Mẫu Menu Navigation có hình dáng như thế nầy:

Việc trước tiên, bạn hãy truy cập vào Blogger Dashboard bên trong tài khoản Google.
Mở phần Template ở mục  Chủ đề, chọn Tab Edit Html (Chỉnh sửa Html).
Trình tự dùng tổ hợp phím  Ctrl + F để tìm kiếm các thẻ màu xanh mình nêu bên dưới, để chép Code dán vào như hướng dẫn.
- Đặt trong thẻ đóng </header> đoạn trong khung Source Code sau:

<nav class='pi-navigation' id='main-nav'>
<div class='main-menu'>
<ul class='menu' id='menu-main' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
<li itemprop='name'><a class='active' expr:href='data:blog.homepageUrl' itemprop='url'>Home</a></li>
<li><a href='#'>Chapter 1</a>
<ul class='sub-menu'>
<li itemprop='name'><a href='#' itemprop='url'>Part 1</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 2</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 3</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 4</a></li>
</ul>
</li>
<li itemprop='name'><a href='#' itemprop='url'>Chapter 2</a>
</li>
<li><a href='#'>Chapter 3</a>
<ul class='sub-menu'>
<li itemprop='name'><a href='#' itemprop='url'>Part 1</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 2</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Part 3</a></li>
</ul>
</li>
<li itemprop='name'><a href='#' itemprop='url'>Chapter 4</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Chapter 5</a></li>
</ul>
</div>
</nav>
<div class='clear'/>
<!-- secondary navigation menu end -->

- Đặt trong thẻ </b:skin> đoạn trong khung Source Code sau:

/*----navi-----*/
#nav {
font: normal bold 12px Arial, sans-serif;
text-transform: uppercase;
height: 59px;
line-height: 50px;
padding: 0 28px;
background: #F4F4F4;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
#main-nav {
margin: 0 auto;
width: 100%;
height: 60px;
background:#000;
border-top: 1px solid #e8e8e8;
border-bottom: 2px solid #5aa628;
}
#main-nav .menu-alert{
float:left;
padding:18px 0 0 10px ;
font-style:italic;
color:#FFF;
}
#top-menu-mob , #main-menu-mob{ display:none; }
#main-nav ul li {
text-transform: uppercase; font-family: 'Droid Sans', sans-serif;
font-size:16px;
position: relative;
display: inline-block;
float: left;
height:60px;
}
#main-nav ul li:last-child a{border-right:0 none;} #main-nav ul li a {
display: inline-block;
height: 60px;
line-height: 60px;
padding: 0 16px;
text-decoration: none;
color: #b6b5b5;
font-family: Oswald,sans-serif;
text-transform: uppercase;
font-size: 15px;
cursor: pointer;
font-weight: 400;
line-height: 60px;
margin: 0;
padding: 0 .9em;
}
#main-nav ul li a.active {
color:#000;
}
#main-nav ul li a .sub-indicator{}
#main-nav ul li a:hover {}
#main-nav ul ul{
display: none;
padding: 0;
position: absolute;
top: 60px;
width: 180px;
z-index: 99999;
float: left;
background: #2c2c2c;
}
#main-nav ul ul li, #main-nav ul ul li:first-child {
background: none !important;
z-index: 99999;
min-width: 180px;
border: 0 none;
font-size: 15px;
height: auto;
margin: 0;
}
#main-nav ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child,
#main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
#main-nav ul ul ul ,#main-nav ul li.current-menu-item ul ul,
#main-nav ul li.current-menu-parent ul ul,
#main-nav ul li.current-page-ancestor ul ul{right: auto;left: 100%; top: 0 !important; z-index: 99999; }
#main-nav ul.sub-menu a ,
#main-nav ul ul li.current-menu-item a,
#main-nav ul ul li.current-menu-parent a,
#main-nav ul ul li.current-page-ancestor a{
border: 0 none;
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-right: 0 !important;
z-index: 99999;
color: #fff !important;
}
#main-nav ul li.current-menu-item ul a,
#main-nav ul li.current-menu-parent ul a,
#main-nav ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;}
#main-nav ul li:hover > a, #main-nav ul :hover > a { color:#fff;}
#main-nav ul ul li:hover > a,
#main-nav ul ul :hover > a {background: #20C1DD !important; padding-left:15px !important;padding-right:5px !important;}
#main-nav ul li:hover > ul {display: block;}
#main-nav ul li.current-menu-item,
#main-nav ul li.current-menu-parent,
#main-nav ul li.current-page-ancestor{
margin-top:0;
height:50px;
border-left:0 none !important;
}

#main-nav ul li.current-menu-item ul.sub-menu a, #main-nav ul li.current-menu-item ul.sub-menu a:hover,
#main-nav ul li.current-menu-parent ul.sub-menu a, #main-nav ul li.current-menu-parent ul.sub-menu a:hover
#main-nav ul li.current-page-ancestor ul.sub-menu a, #main-nav ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;}
#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
#main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
#main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
text-shadow:0 1px 1px #b43300;
color:#FFF;
height:50px;
line-height:50px;
border-left:0 none !important;
}
#main-nav ul.sub-menu li.current-menu-item,#main-nav ul.sub-menu li.current-menu-item a,
#main-nav li.current-menu-item ul.sub-menu a,#main-nav ul.sub-menu li.current-menu-parent,
#main-nav ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a,
#main-nav ul.sub-menu li.current-page-ancestor,#main-nav ul.sub-menu li.current-page-ancestor a,
#main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
#main-nav ul li.menu-item-home ul li a,
#main-nav ul ul li.menu-item-home a,
#main-nav ul li.menu-item-home ul li a:hover{
background-color:transparent !important;
text-indent:0;
background-image:none !important;
height:auto !important;
width:auto;
}
#main-menu-mob,#top-menu-mob{
background: #222;
width: 710px;
padding: 5px;
border: 1px solid #000;
color:#DDD;
height: 27px;
margin:13px 0 0 10px;
}
#top-menu-mob{
width: 350px;
margin:2px 0 0 0;
}
#main-nav.fixed-nav{
position:fixed;
top:0;
left:0;
width:100% !important;
z-index:999;
opacity:0.9;
-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
}
/* Page Navigation */
.pagenavi {
clear:both;margin:-5px 0 10px;margin-top:10px;padding:15px;text-align:left;font-size:13px;
}
.pagenavi span,.pagenavi a {
padding: 9px 15px;
display: inline-block;
background-color: #fff;
color: #333;
margin-left: 4px;
border: 1px solid #ddd;
margin-right: 4px;
transition: all .2s ease;}
.pagenav .pages {background-color:#f9f9f9;color:#999;transition:all .2s linear;}
.pagenavi a:hover {background-color:#20C1DD;color:#fff;}
.pagenavi .current { background-color: #20C1DD;
color: #fff;
border: 1px solid #20C1DD;}
.pagenavi .pages {
display:none;
}

- Đặt trên thẻ </head>  đoạn Code sau:

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($){
$(window).load(function(){
$('.flexslider').flexslider({
animation: "fade",
slideshow: true,
directionNav:true,
slideshowSpeed: 5000,controlNav: true,
smoothHeight: true,
slideDirection: 'horizontal'
});
jQuery('.slides').addClass('loaded');
});
var aboveHeight = $('#leader-wrapper').outerHeight();
$(window).scroll(function(){
if ($(window).scrollTop() > 200){
$('#main-nav').addClass('fixed-nav').css('top','0').next()
.css('padding-top','0px');
} else {
$('#main-nav').removeClass('fixed-nav').next()
.css('padding-top','0');
}
});
});
//]]>
</script>

Kết quả bạn sẽ có bản demo giống như template như sau:

DEMO

http://khanhnguyen02.blogspot.com/

Source code nầy mình sưu tập được từ một Free template. Các bạn có thể dùng thử và tùy biến nhé. Chúc các bạn thành công với những gì mà mình chia sẽ.

Người viết: Nguyễn Đạt Khánh.

Bạn có thể xem thêm các chủ đề:

• Làm thế nào đăng ký tài khoản Google?
• Hướng dẫn cách tạo Blog bằng Blgospot cho Blogger
• vị trí của Javascript và Jquery

Read More

Khắc khoải - Tác giả: Jana Phung

Em nâng nhẹ gót hài nơi cuối phố Tự hỏi lòng ai có nhớ ta không Mấy mùa qua cứ khắc khoải giữa dòng Sao chẳng tới ru say nồng tim đỏ? Em vẫn thấy dấu chân còn trên ngõ. Kỷ niệm đầu đang nhắc nhở đừng quên. Nhưng mà sao trong ánh mắt nhung huyền. Bỗng lắng đọng một nỗi niềm man mác. Gió vội thổi trên vòm cây xào xạc. Chuyện chúng mình liệu đổi khác không anh? Hoa ngày xưa cứ đứng đợi duyên lành Nhìn thu úa sợ màu xanh...dĩ vãng. Nếu có thể thắp lên từng ngày rạng. Xóa tan nhanh những thấp thoáng mơ hồ. Người sẵn lòng bỏ hết chốn thành đô. Mà trở lại xây ước mơ cùng nhỏ?.

Tác giả: Jana - 11/10/2017

Read More

Xác định phiên bản Google Chrome đang hoạt động

Google Chrome là trình duyệt được phát triển bởi Google, nó được đánh giá cao về khả năng duyệt web cũng như sự tương thích của các website hiện nay với trình nay, bên cạnh đó Google Chrome còn có khả năng bảo mật cao, khả năng cá nhân hóa, khả năng duyệt web riêng tư... Khi tải Google Chrome người dùng sẽ nhận được sự hỗ trợ liên tục, kịp thời của Google cho các vấn đề phát sinh.

Các bạn có thể xem bài 

• Nhìn lại lịch sử Google theo mốc thời gian

để biết thêm chi tiết về các quá trình phát triển của Google

Các tính năng chính của Google Chrome:  Khởi động nhanh, duyệt web với tốc độ cao Nâng cao tính bảo mật, an toàn khi lướt web Điều hướng, quản lý tab dễ dàng Thiết lập các chế độ riêng tư với mỗi người dùng Tìm kiếm tiện lợi từ thanh địa chỉ Kho tiện ích mở rộng phong phú.

Hiện phiên bản đã có Google Chrome 63 mang tới khá nhiều thay đổi, điển hình là khả năng hỗ trợ font chữ biến đổi OpenType, cảnh báo HTTP khi duyệt web ở chế độ thường và ẩn danh. Đồng thời khắc phục 37 lỗi bảo mật bao gồm: Lỗi nhầm lẫn trong WebAssembly, lỗi use-after-free trong PDFium và libXML, URL Spoof trong Omnibox, lỗi triển khai SPAKE trong BoringSSL, lỗi rò rỉ chuyển hướng URL trong Blink, lỗi out-of-bounds write trong Skia và QUIC.... giúp duyệt web an toàn hơn rất nhiều.

Phiên bản 63.0.3239.108 (32bit) đã cũ. Phần mềm Google Chrome đã có phiên bản mới 63.0.3239.108 (64bit), bạn có thể  tải về tại đây 

Google Chrome 63.0.3239.108 (64bit)
• Bản chính
• Dự phòng

Theo tin tức trên mạng truyền thông, Vào tháng 9 năm trước đây, Google nói rằng Chrome 64 sẽ khắc phục một vấn đề mà người dùng rất quan tâm bởi nó khiến họ rất khó chịu, đó là các nội dung phát tự động, quan trọng nhất là khả năng mặc định tắt video autoplay.

Nếu muốn trải nghiệm ngay tính năng này thì bạn có thể bắt đầu tải về Chrome 64 bản Beta cho Windows 10/8.1/8/7 64-bit. 

• Chrome 64 bản Beta

Google cho biết khả năng chặn video tự động phát là một phần trong nỗ lực chặn quảng cáo nói chung của Chrome mà họ đã bắt tay thực hiện được một thời gian. Bản chính thức sẽ ra mắt vào tháng 1/2018.

Cái gì tới sẽ có thôi, bản thân mình cũng trông thế. Tuy nhiên nhiều bạn cũng sẽ thắc mắc không biết mình đang xài trình duyệt Google ở phiên bản nào thôi. Thế mới chết chứ.

Sao đây là cách để nhận biết phiên bản Google Chrome đang hoạt động trên máy của mình:
- Click chuột vào góc phải trên cửa sổ trình duyệt theo hướng mũi tên đỏ .

- Tiếp tục chọn Help theo hướng mũi tên đỏ trỏ xuống như hình trên.
- Chọn tiếp About Google Chrome, một cửa sổ mới xuất hiện như hình dưới. Đó là phiên bản của trình duyệt mà Google Chrome cho biết.

Trên đây là những kiến thức mà mình tổng hợp và chia sẽ cùng các bạn độc giả của Blog. Rất mong các bạn có nhiều niềm vui từ những kiến thức hữu ích nầy.

Người viết: Nguyễn Đạt Khánh.

Read More

Hướng dẫn khóa tài khoản Facebook tạm thời

Bất luận người dùng trên mạng nào cũng cần phải có ít nhất một tài khoản. Công việc tạo lập tài khoản quản lý và bảo mật tài khoản người dùng trên mạng luôn luôn là một vấn đề hệ trọng, cấp thiết.

Hướng dẫn khóa tài khoản Facebook tạm thời
- Tất nhiên, việc đầu tiên Facebook của bạn phải đang ở trạng thái đã được Login.
Nếu chưa bạn xem trước bài nầy nhé:

• Hướng dẫn đăng ký tài khoản Facebook mới nhất

- Nếu đã có và đã Login, đầu tiên các bạn Click vào hình tam giác theo hướng mũi tên vàng như trong hình.

- Chọn tiếp Cài đặt (Setting) (nơi có mũi tên xanh)

Trên hình dưới đây:

- Bạn phải đãm bảo mục chọn hiện hành ở cột phía bên trái đang ở mục chọn Chung.

- Trong Bảng cài đặt tài khoản chung, chọn tiếp vào Quản lý tài khoản

- Để tiếp tục, bạn chọn vào khung có mũi tên xanh trỏ vào.

- Tiếp tục xác nhận cho đúng nhé bạn .

- Sau khi Mật khẩu được xác nhận chính xác, một cửa sổ xuất hiện gồm một số thông tin sau:

• Cho phép gữi tin nhắn trước khi thực hiện một quyết định kế tiếp.
• Facebook bắt buộc trả lời các nguyên do khóa tài khoản Facebook của bạn.
• Cho phép chuyển đổi quyền Quản trị nếu như bạn có trang Fanpage.
• Cho phép ngừng nhận Email.
• Cho phép ngừng phát triển hoặc thay đổi các ứng dụng.

- Bạn chỉ xem qua chưa hoặc không muốn quyết định trong lúc nầy xin hãy chọn vào nút Command Hũy bỏ tiến trình thực hiện. Mọi sự lựa chọn để Vô hiệu hóa cho tài khoản Facebook đều sẽ có giá trị ngay tức khắc.

Khi nào bạn muốn trở vào Facebook,  hãy đăng nhập lại và Facebook sẽ hướng dẫn bạn mở khóa đó nhé.

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

Người viết bài: Nguyễn Đạt Khánh

Read More

Share Code trang báo lỗi 404 Đẹp cho Blogger Blogspot

Vì 1 lý do nào đó bài viết mà bạn từng đăng lên Blogger - Blogspot bị xóa mà vẫn có những lượng tìm kiếm nhất định với bài viết đó. Cách duy nhất là tạo 1 trang báo lỗi 404. Hôm nay Code SEO xin chia sẻ với các bạn cách làm trang báo lỗi 404 với giao diện phẳng - đơn giản - đẹp mà CodeSEO.net đang sử dụng... Bộ code này mình sử dụng css đơn giản và script đếm thời gian chuyển hướng trang nhìn khá đẹp

Đầu tiên các bạn có thể xem demo tại http://codeseo.net/404

» Bắt đầu code và cách dùng

1. Đăng nhập vào tài khoản Blogger

2. Vào phần mẫu  (Tempalte)

3. Chọn chỉnh sửa HTML (Edit HTML)

4. Bạn tìm đến trước thẻ </body> và dán vào code sau

Bộ này gồm css và javascript

<!--Error Page Not Found by codeseo.net-->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
#error-page{background-color:#e9e9e9;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}#error-404{margin:11% auto}#error-404 .box-404{width:200px;height:200px;background:#21afa4;color:#fff;font-size:80px;line-height:200px;border-radius:10px;margin:0 auto 50px;position:relative}#error-404 .box-404::after{content:&quot;width:0;height:0;bottom:-8px;border-color:#21afa4 transparent transparent;border-style:solid;border-width:9px 9px 0;position:absolute;left:47%}#error-404 h1{text-transform:uppercase}#error-404 p{line-height:1.7em;font-size:15px;font-family:arial}
</style>
<div id='error-page'>
<div id='error-404'>
<div class='box-404'>404</div>
<h1>Trang bạn tìm kiếm không tồn tại</h1>
<p>Có thể URL bị hỏng hoặc đã bị ADMIN xóa bỏ</p>

Bạn sẽ trở về trang chủ <b>CodeSEO.net</b> sau <span id='time' style='color:red'>3</span> giây nữa<br/> 
<script type='text/javascript'> var jgt = 3; document.getElementById(&#39;time&#39;).innerHTML = jgt; function stime(){document.getElementById(&#39;time&#39;).innerHTML = jgt; jgt = jgt - 1; if(jgt == 0){clearInterval(timing); location = &#39;http://www.codeseo.net&#39;;} } var timing = setInterval(&quot;stime();&quot;,1000); </script>

  </div></div>
</b:if>
<!--/Error Page Not Found by codeseo.net-->

Các bạn thay các giá trị in đậm trong code theo ý muốn

3 là thời gian chuyển hướng trang

http://www.codeseo.net là địa chỉ mà bạn muốn chuyển hướng đến

Cảm ơn các bạn đã quan tâm có gì không hiểu hoặc không làm được các bạn có thể comment bên dưới

Read More