Showing posts with label Thủ thuật web. Show all posts
Showing posts with label Thủ thuật web. Show all posts

Saturday, February 23, 2013

Tạo phân trang nội dung bài viết dài cho Blogger

vncongnghe - Bài viết hôm nay mình chia sẻ cho các bạn 1 thủ thuật rất bổ ích đối với những blog đăng bài viết có nội dung dài, đặc biệt đối với blog đăng tải truyện, tiểu thuyết nhiều phần và nhiều tập. Thực ra thủ thuật này không mới mẻ và cũng có 1 số blogger chia sẻ, tuy nhiên mình đã nhận được nhiều bạn yêu cầu qua email nên mình chia sẻ để các bạn có thể tham khảo thêm. Với cách phân chia nội dung bài viết thế này sẽ rất giúp các bạn dễ dàng quản lý nội dung bài viết, việc đăng tải nội dung cũng logic hơn và giúp người độc dễ dàng thao tác hơn. Thủ thuật này thì bạn hoàn toàn có thể tùy chỉnh nội dung phần phía trước số phân trang thành trang 1, trang 2... hay nội dung 1, nội dung 2... Bạn có thể xem qua demo bên dưới để thấy rỏ hơn hoạt động của thủ thuật này.

» Ảnh minh họa:


Chi tiết »

Wednesday, February 20, 2013

Menu tự động lấy bài viết trong site

vncongnghe - Bài viết hôm nay mình chia sẻ cho các bạn 1 thủ thuật tạo menu với nhiều điểm khác biệt so với các menu mình đã giới thiệu cùng các bạn trước đây. Menu này hoạt động chủ yếu dựa vào thư viện JQuery và JSON feed API của blogger. Với menu này ngoài việc bạn chỉ dừng ở chỗ đặt tên và link cho các menu thì ở đây đối với các link là link của trang nhãn hay link của trang tìm kiếm của blogger thì các bài viết của nhãn đó hay của từ khóa tìm kiếm đó sẽ được hiển thị ra trên menu của bạn, đúng thư mục bạn đã đặt. Để thấy rõ hơn bạn có thể xem qua demo bên dưới.

Ảnh minh họa

Chi tiết »

Monday, February 18, 2013

Thủ thuật mở nhiều file cùng lúc trên Firefox

Thủ thuật mở nhiều file cùng lúc trên FirefoxTrước giờ đa số chúng ta đều biết đến Firefox như là một trình duyệt chỉ chuyên dùng để duyệt web mà rất ít người trong chúng ta để ý đến Firefox còn có khả năng mở một số định dạng file phổ biến như nhạc, hình ảnh, pdf… chỉ với thao tác kéo và thả chuột.

Dù vậy mặc định mỗi lần Firefox chỉ có thể mở một file thay vì nhiều file cùng lúc cho nên mỗi khi muốn mở nhiều file cùng lúc bạn phải thực hiện khá nhiều thao tác. Bài viết sau đây xin giới thiệu đến bạn một add-on có thể giúp bạn khắc phục được nhược điểm của chức năng mở file này của Firefox.

Drag-n-Drop Multiple Files là một add-on miễn phí dành cho Firefox. Nó có thể giúp bạn mở nhiều file cùng lúc với Firefox chỉ bằng cách kéo và thả. Để cài đặt add-on này, bạn truy cập vào địa chỉ này, bấm vào nút Add to Firefox sau đó bấm vào nút Install now ở pop-up hiện ra.

Thủ thuật mở nhiều file cùng lúc trên Firefox

Việc sử dụng Drag-n-Drop Multiple Files cực kỳ đơn giản. Để mở file bạn chỉ cần chọn số file muốn mở rồi kéo và thả chúng vào Firefox. Tùy thuộc vào số file bạn chọn mà số thẻ tương ứng bao gồm cả thẻ bạn thả file vào sẽ được mở trên Firefox.

Thủ thuật mở nhiều file cùng lúc trên Firefox

Một điểm hay của Drag-n-Drop Multiple Files là nó không giới hạn khu vực bạn thả file vào nghĩa là bạn không nhất thiết phải thả file vào trang thẻ mới hoặc trang chủ của Firefox mà bạn có thể thả nó ở bất kỳ vị trí nào từ khu vực hiển thị nội dung của Firefox cho đến nút mở thẻ/cửa số mới thậm chí bạn cũng có thể thả nó vào vị trí ở giữa hai thẻ đang mở trên Firefox.

Lưu ý: tùy theo vị trí bạn thả file mà các thẻ tương ứng cũng sẽ được mở ở những vị trí khác nhau.

Tuy chỉ là một add-on đơn giản và không có nhiều tùy chọn, Drag-n-Drop Multiple Files thật sự là một add-on hữu ích đối với những bạn thường xuyên phải mở nhiều file ảnh hoặc pdf cùng lúc hay đối với các nhà lập trình web những người thường xuyên phải xem trước (preview) tác phẩm của mình để có những điều chỉnh phù hợp trước khi gửi nó đến khách hàng của họ.

Nguồn Genk.vn

Sunday, February 10, 2013

Tìm hiểu về Group trên Facebook (P2)

Ở phần trước, vncongnghe đã giới thiệu một số bước "nhập môn" về group trên Facebook. Còn những thông tin trong phần 2 này sẽ giúp bạn hoạt động nhóm một cách hiệu quả và tiện dụng nhất có thể từ mạng xã hội này.

7. Tham gia Nhóm (Join a group)


Nếu không muốn phải tạo nhóm mới, bạn có thể tham gia vào nhóm đã có sẵn, quá trình thực hiện còn dễ hơn nhiều. Đối với các nhóm mở, bạn có thể tham gia một cách “free”, trong khi cần phải gửi yêu cầu tham gia nhóm đối với những nhóm đóng bằng cách kích chuột vào “join” ở góc trên cùng bên phải của trang. Còn dĩ nhiên bạn không thể tham gia vào nhóm bí mật.

Nếu admin cho phép ai cũng có thể thêm thành viên thì bạn có thể thêm bạn mới bằng việc nhấn “+Add friends” ở bên phải.


Chi tiết »

Friday, February 8, 2013

Tìm hiểu về Group trên Facebook (P1)

Những thông tin dưới đây sẽ giúp bạn "vận hành" một cách hiệu quả hoạt động nhóm trên mạng xã hội Facebook.

1. Thiết lập nhóm mới (Sign up a new group)


Sau khi đăng nhập vào Facebook, cột bên trái trang chủ có dòng “Groups”. Để tạo nhóm mới click “Add Group”. Nếu facebook đã có sẵn vài nhóm, nhấn vào “More”.

Có nhiều lựa chọn để tạo nhóm: trong khuôn khổ trường học, nơi ở hay nhiều sự lựa chọn khác. Nếu trong nhóm cùng trường học sẽ dễ dàng tìm được những người bạn cùng sở thích ở nhóm chung thay vì làm bạn trên facebook của riêng họ. Còn nếu nhóm được tạo trong khuôn khổ môi trường khác, mạng lưới “hoạt động” của bạn cũng được mở rộng, các cuộc bàn luận hay “chém gió” sẽ đa dạng về chủ đề lẫn cách tiếp cận.


Chi tiết »

Tuesday, February 5, 2013

Breadcrumb chuyên nghiệp cho Blogger

vncongnghe - Breadcrumb là gì? Breadcrumb được hiểu như là một thanh điều hướng của website giúp bạn biết được chính xác bạn đang ở vị trí nào của website hay bài viết bạn đang xem đang nằm ở vị trí nào.

Có rất nhiều bạn hỏi mình làm sao để làm được thanh breadcrumb cho blogger như vncongnghe.com bao gồm hiển thị nhiều label và sắp xếp theo một trình tự hợp lý. Đáp lại những mong đợi của bạn mình sẽ chia sẽ với các bạn cách tạo một Breadcrumb mà vncongnghe.com đang sử dụng và được index lên google như hình minh họa sau.



Chi tiết »

Monday, February 4, 2013

Chèn Facebook Like - Fan Box cho Blogger

vncongnghe - Nếu bạn có một Fan Page trên Facebook , và muốn nó hiển thị ngay trong trang blog của bạn nhằm kiếm thêm nhiều like thì bài viết sau sẽ thật sự hữu ích dành cho bạn. Trước khi tiến hành từng bước thì bạn phải đảm bảo rằng đã có Fan Page.

Và để chèn Fan Box vào trang blog của bạn thì làm theo các bước sau đây :

Bước 1 : Tìm địa chỉ Facebook Page URL của bạn, để làm điều này thì chúng ta copy địa chỉ ngay tại trang Fan Page của bạn như hình bên dưới:


Chi tiết »

Wednesday, January 30, 2013

Menu ngang đơn giản bằng CSS 3

vncongnghe - Bài viết hôm nay mình chia sẻ cho các bạn một thủ thuật tạo menu ngang với hiệu ứng rất mượt, thủ thuật chỉ dùng đến css 3 không dùng script hay Jquery nên sẽ rất nhẹ nhàng. Menu không ở dạng dropdown mà chỉ dạng đơn giản 1 cấp và hoạt động tốt trên Firefox, Chrome, Sarafi... không chạy tốt trên IE và Opera.

Ảnh minh họa

» Bắt đầu thủ thuật

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

2. Vào phần Mẫu (Template)

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

4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>

.menu{height:40px;border-right:1px solid rgba(255,255,255,0.3);float:left;}a{text-decoration:none;color:#FFFFFF;text-transform:uppercase;font-size:15px;font-weight:bold;}ul{margin:0;padding:10px 10px ;}

a:link {color:#ffffff;}

a:hover {color:#ffffff;text-decoration: none;}

a:visited {color: #FFFDFD;text-decoration: none;}

ul.menu li{list-style:none;float:left;height:40px;text-align:center;background:-webkit-gradient(radial,50% 100%,10,50% 50%,90,from(rgba(31,169,244,1)),to(rgba(0,28,78,1)));background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);}

ul li a{display:block;padding:0 20px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.1);text-align:center;line-height:40px;background:-webkit-gradient(linear,left top,left bottom,from(rgb(168,168,168)),to(rgb(69,69,69)));background:-moz-linear-gradient(top,rgb(168,168,168),rgb(69,69,69));-webkit-transition-property:background;-webkit-transition-duration:700ms;-moz-transition-property:background;-moz-transition-duration:700ms;}

ul li a:hover{background:transparent none;}

ul[rel=sam] li a{background:#606060;}

ul[rel=sam] li a:hover{background:transparent none;}

ul li.active a{background:-webkit-gradient(radial,50% 100%,10,50% 50%,90,from(rgba(31,169,244,1)),to(rgba(0,28,78,1)));background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(31,169,244,1) 0%,rgba(0,28,78,1) 100%);}


6. Save template lại và trở về Phần tử trang (Page Elements)

7. Thêm 1 HTML/Javascript và thêm vào code bên dưới

<ul class="menu" rel="sam">

<li class="active"><a href="#">Home</a></li>

<li><a href="#">Menu 1</a></li>

<li><a href="#">Menu 2</a></li>

<li><a href="#">Menu 3</a></li>

<li><a href="#">Menu 4</a></li>

<li><a href="#">Menu 5</a></li>

<li><a href="#">Menu 6</a></li>

</ul>


Bạn thay # thành link menu của bạn.

8. Cuối cùng Save tiện ích lại

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

Theo bloggertrix.com, Traidatmui.com

Friday, January 18, 2013

Cách "chuyển nhà" từ Yahoo! Blog sang Zing Blog

Ngày 18.1, trang Zing Blog bắt đầu triển khai công cụ cho phép người dùng chuyển mọi dữ liệu từ Yahoo! Blog sang Zing Blog một cách dễ dàng.

Theo trang thông báo hỗ trợ chuyển nhà của Zing Blog, các blogger không phải lo lắng về việc phải làm quen nhà mới, bởi Zing Blog có khá nhiều điểm tương đồng về giao diện, tính năng sử dụng như Blog của Yahoo, do đó rất dễ sử dụng đối với Yahoo Blogger.

Giao diện làm việc của trang chuyển nhà

Để thực hiện việc chuyển đổi, có thể thực hiện theo cách sau:

Bước 1: Truy cập vào địa chỉ download.blog.yahoo.com để tải dữ liệu Blog từ Yahoo về máy.

Bước 2: Truy cập vào địa chỉ yblog.apps.zing.vn sau đó bấm vào tùy chọn Xác nhận chuyển dữ liệu nằm ở phía cuối trang.

Bước 3: Trong cửa sổ vừa xuất hiện, bấm vào tùy chọn Chọn tập tin sau đó trỏ tới tập tin đã tải từ Yahoo! Blog.

Bước 4: Hệ thống sẽ tự động chuyển mọi dữ liệu từ Yahoo! Blog vào Zing Blog một cách dễ dàng.

Được biết, khi sử dụng Zing Blog người dùng được hỗ trợ định dạng font chữ, các biểu tượng cảm xúc, hình nền, chèn nhạc, chèn hình ảnh, video, trang bìa… nhằm tăng tính cá nhân và tạo sự khác biệt cho các blogger.

Theo TTO, Quản Trị Mạng

Monday, January 7, 2013

Đăng nhập nhiều tài khoản trên cùng một website

Sử dụng các chế độ bảo mật trong trình duyệt cũng như tính năng đăng nhập đa tài khoản của các trang web giúp bạn có thể đăng nhập nhiều tài khoản người dùng trên cùng một website.

Các trang web lưu trữ trạng thái đăng nhập của bạn thông qua cookie của trình duyệt, thế nên mỗi lần đăng nhập vào một tài khoản khác, bạn phải đăng xuất khỏi tài khoản cũ rồi thực hiện lại việc đăng nhập. Các cách sau của Howtogeek sẽ giúp bạn đăng nhập nhiều tài khoản để vào một trang web cùng lúc mà không mất nhiều thời gian.

Sử dụng một trình duyệt khác

Mỗi trình duyệt đều lưu trữ các tập tin cookie riêng cho mình. Do đó, cách dễ nhất để đăng nhập nhiều tài khoản vào một trang web cùng lúc là sử dụng nhiều trình duyệt khác nhau. Chẳng hạn, nếu bạn đang sử dụng Google Chrome, có thể mở thêm một cửa sổ Firefox hay Internet Explorer khác nữa. Bạn truy nhập vào trang web với một tài khoản khác và vẫn duy trì trạng thái đăng nhập ở cả hai tài khoản cùng một lúc. Tuy nhiên việc sử dụng nhiều trình duyệt sẽ tốn rất nhiều dung lượng Ram của máy tính.


Chi tiết »