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 »

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 »

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 »

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 »

Hướng đi nào cho dịch vụ blog ở Việt Nam?

vncongnghe - Đại diện VNG và VTC Online cho rằng, do nhu cầu viết blog ở Việt Nam còn rất lớn nên dịch vụ này còn "cửa" phát triển; nhưng phải gắn các tính năng multimedia như nhạc, video... và thêm tính tương tác, chia sẻ trên mạng xã hội thay vì chỉ có văn bản, hình ảnh như trước.

Dấu chấm hết cho dịch vụ blog của Yahoo!

Ngày 17/1/2013, Yahoo! đã gửi mail cho các thành viên thông báo về việc ngưng hoạt động dịch vụ blog và người dùng sẽ không thể đăng nhập vào tài khoản Yahoo! Blog Vietnam được nữa. Yahoo! cũng đề nghị người dùng truy cập vào địa chỉ download.blog.yahoo.com để xuất và lưu trữ các bài viết, bình luận bài viết và hình ảnh của mình trên Yahoo! Blog vào các thiết bị lưu trữ cá nhân ngay sau khi nhận được thông báo và trước ngày 9/3/2013. Trước đó, đầu tháng 12/2012, Yahoo! đã thông báo việc tính năng Yahoo! Blog sẽ đóng cửa tại Việt Nam và chỉ duy trì tại thị trường trong nước 2 sản phẩm là Yahoo! Mail và Messenger. Tính đến tháng 4/2012, dịch vụ Yahoo! 360Plus có khoảng 2,3 triệu thành viên, thấp hơn cả những dịch vụ blog khác như Yume (2,4 triệu người dùng), wordpress.com (2,9 triệu thành viên), blogspot.com (5,1 triệu thành viên).

Nhiều ý kiến cho rằng, quyết định của Yahoo! là dấu chấm hết cho dịch vụ blog của doanh nghiệp này ở Việt Nam sau một thời gian loay hoay tìm hướng đi bằng cách giới thiệu nền tảng blog mới được thiết kế để thay thế Yahoo! 360Plus sau 3 năm ra mắt (với những tính năng như cài đặt blog, bố cục thiết kế, trang bìa và trải nghiệm công nghệ blog mới nhất) nhưng vẫn không hấp dẫn được người dùng Việt Nam như dịch vụ Yahoo! 360 vào thời điểm năm 2009.

Sau khi Yahoo! tuyên bố đóng cửa blog thì tháng 12/2012, Zing vừa cho ra mắt dịch vụ Zing Blog ở địa chỉ blog.zing.vn, được phát triển dựa trên nền tảng blog của mạng xã hội Zing Me và cung cấp công cụ xuất dữ liệu cho người dùng để chuyển đổi từ tài khoản Yahoo! Blog sang Zing Blog. Khi viết blog trên Zing Blog, người dùng được hỗ trợ định dạng phông 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… hay các bài viết được sắp xếp theo chủ đề rất thuận tiện cho người xem như Giáo dục, Văn học, Vườn yêu, Giải trí, Phim ảnh, Công nghệ…

Bên cạnh đó, người dùng có thể chia sẻ bài viết của mình lên các mạng xã hội khác nhau từ Zing Me đến Facebook, Twitter, Google+, Linkhay, Digg, Linkedin để tăng cường tính kết nối cũng như góp phần lan truyền nội dung blog trong cộng đồng.

Viết blog vẫn là nhu cầu lớn của người dùng

Khi được hỏi việc Zing Me tập trung phát triển dịch vụ blog sau khi Yahoo! Blog đóng cửa có mạo hiểm hay không, đại diện Zing Me (VNG) cho rằng, viết blog là một trong những thói quen phổ biến của người dùng Việt Nam. Bên cạnh những chia sẻ mang tính thời điểm và tức thời như trạng thái (status, tweet), blog vẫn có một vị thế lớn ở Việt Nam.

Phát triển sản phẩm Zing Blog là chiến lược được định hình ngay từ thời điểm đầu tiên xây dựng mạng xã hội Zing Me. Thực tế đã cho thấy, cộng đồng blogger phát triển khá mạnh mẽ tại Zing Me với 500.000 bài viết và 2 triệu blogger mỗi tháng, trong đó phần lớn ở độ tuổi từ 18 - 25 (chiếm 42%). "Đây là con số không nhỏ và có xu hướng tiếp tục tăng. Vì thế, không có gì là mạo hiểm khi chúng tôi tiếp tục kiên trì với định hướng của mình”, đại diện Zing Me cho biết thêm.

Theo ông Phan Anh Tuấn, Phó Giám đốc Công ty VTC Online, đối với Go.vn, do người dùng đa phần còn rất trẻ nên nhu cầu viết blog không cao. Vì thế, Go.vn chưa có nhu cầu đẩy mạnh dịch vụ blog trong thời điểm này. Tuy nhiên, đối với những mạng xã hội khác như Facebook, Zing Me... do đối tượng thành viên có độ tuổi lớn hơn nên tập khách hàng sử dụng blog khá lớn.

Ngoài ra, các dịch vụ blog hiện nay nên là một dịch vụ "cộng thêm" của các mạng xã hội vì phải gắn với tính năng multimedia như nhạc, video...và có tính tương tác, chia sẻ cao. Còn nếu chỉ đơn thuần là một dịch vụ blog gồm văn bản (text), hình ảnh và đứng độc lập như Yahoo! Blog sẽ chỉ thu hút được một lượng người dùng nhỏ. "Do đó, nếu các các mạng xã hội như Facebook, Zing Me, Go.vn ..phát triển dịch vụ blog thì sẽ có nhiều lợi thế để thu hút người dùng hơn Yahoo", ông Tuấn nhận định.

Dịch vụ blog đầu tiên của Yahoo là Yahoo! 360 ra đời tháng 3/2005 và đã có ảnh hưởng rất lớn với người sử dụng Internet, đặc biệt là cư dân mạng Việt Nam. Theo kết quả nghiên cứu công bố tháng 4/2009, 85% người dùng tại các thành phố lớn sử dụng Yahoo! cho các hoạt động kết nối xã hội trực tuyến. Mặc dù vậy, đến tháng 8/2009, Yahoo! đã quyết định “khai tử” Yahoo! 360 và thay thế bằng Yahoo! 360 Plus.

Theo ICTnews, Genk

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