Showing posts with label Blogspot-tips. Show all posts
Showing posts with label Blogspot-tips. Show all posts

Tuesday, June 25, 2013

Tối ưu thẻ Title trong Blogspot cho Search Engine

Tối ưu thẻ Title trong Blogspot cho Search Engine
Blogspot hiện nay đã được cập nhật thêm rất nhiều tính năng mới nhất là phàn mô tả cho blogspot. Do vậy với các cách tạo phần mô tả header trước đây không còn khả dụng nữa do vậy hôm nay (25/06/2012) namkna cập nhật cho các bạn cách tạp phần header mới cho chuẩn SEO.
Đọc thêm»

Tuesday, June 18, 2013

Hiện nội dung được ẩn khi like mạng xã hội cho blogspot

Bạn có biết rất nhiều blogger đang sử dụng các trang mạng xã hội để làm tăng lượng truy cập vào Website của họ không? Có rất nhiều cách mà các blogger áp dụng để liên kết blog của họ với các mạng xã hội. Tuy nhiên, để có thể liên kết và tăng sự liên kết tương tác giữa người dùng và các mạng xã hội là rất khó, vì đa số các cách chỉ là chèn dạng liên kết aherfbình thường, mặc dù có một số tiện ích giúp tăng lượng truy cập theo xã hội như popup, nhưng nó là không đủ. Nếu chúng ta muốn thống trị các trang web xã hội, thì mỗi chúng ta phải sử dụng mọi cơ hội mà chúng ta có. Vì lý do đó, namkna sẽ giới thiệu một tiện ích của mybloggerlab để khóa nội dung dựa trên các like của độc giả.

Đọc thêm»

Monday, June 17, 2013

Tạo Thread comment nhiều cấp Ves 4 cho Blogspot

Bạn luôn muốn có một mẫu Thread comment có thể phân nhiều cấp để blog của bạn chuyên nghiệp. Tiếp theo ves 3 hôm nay namkna sẽ giới thiệu cho các bạn thêm style 4 mới được tùy biến giúp mẫu commnet của bạn cố thể phân nhiều cấp. Về cơ bạn style này giống với style 2 và 3 mà mình đã giới thiệu trước đây. Các bạn có thể xem ảnh minh họa bên dưới (đẹp phải không).
Tạo Thread comment nhiều cấp Ves 4 cho Blogspot

Đọc thêm»

Saturday, June 15, 2013

Hướng dẫn cài đặt tên miền tiếng việt cho blogspot,wordpess, jomla bằng hình ảnh

Để blog của bạn chuyên nghiệp hơn, và đặc biệt để khắc phục tình trạng chặn các blog có nền tảng là blogspot của một số nhà mạng. Hôm nay mình xin hướng dẫn một cách làm tuy cũ nhưng mới với free host tiếng việt bên dưới .

» Bước 1: Đăng ký tên miền tiếng việt.

Bây giờ các bạn có thể đăng kí một tên miền tiếng việt .vn miến phí tại đây
Đọc thêm»

Tùy chỉnh Page Elements "Layout" trong blogspot

Page Elements "Layout" là trang bố cục của blogger/ blogspot. Đây là trang mà chỉ admin của blog mới có thể thấy, bao gồm: tổng quan về các widget trong blog của bạn, đồng thời bạn có thể tùy chỉnh tất cả tại đây.
Phần bố cuc đẹp đẽ mà bạn nhìn thấy cũng phải ùy chỉnh như template tuy nhiên ít ai chú ý tới nó vì phần này chỉ có Admin của blog mới tháy do vậy sấu đẹp cũng không quan trọng. Tuy nhiên với blog có nhiều quản trị viên (Admin) thì nó lại là vấn đề lớn vì lúc này có nhiều người xem được trang đó rùi.
Đọc thêm»

Friday, June 14, 2013

Chèn Thread comment phân nhiều cấp cho Blogspot Ver 3

Thread comment có thể phân nhiều cấp tùy ý muốn sẽ giúp cho blog của bạn trở nên hấp dẫn hơn. Bài viết này namkna sẽ giới thiệu cho các bạn thêm một style mới được tùy biến giúp mẫu commnet của bạn cố thể phân nhiều cấp. Về cơ bạn style này giống với style 2 mà mình đã giới thiệu trước đây. Các bạn có thể xem ảnh minh họa bên dưới (đẹp phải không)

Đọc thêm»

Thursday, June 13, 2013

Tự động bôi đen code trong thẻ pre bằng double click

Tự động bôi đen code trong thẻ pre bằng double click
Với các blog chuyên chia sẻ và viết về các thủ thuật thì việc chia sẻ các đoạn code nằm trong cặp thẻ pre là rất phổ biến. Tuy nhiên hạn chế của thủ thuật này là khi muốn copy một đoạn code bạn sẽ phải bôi đen bằng cách di chuột, nghe có vẻ không có gì khó khăn nhưng hãy thử tưởng tượng môt đoạn code dài thì bạn sẽ rất mất thời gian để có thể bôi đen hết nó.
Vậy làm thế nào để bôi đen chỉ với một cú click đúp chuột mà vẫn có thể sử dụng cặp thẻ pre quyen thuộc. bài viết sau đây sẽ hướng dẫn các bạn làm cách nào để bôi đen một đoạn code dài chỉ với cú click đúp chuột (double click)
Bạn có thể xem demo bằng cách click đúp chuột va o khung chứa code trong bài viết này nha.
Đọc thêm»

Wednesday, June 12, 2013

Colume Dropmenu có Search cho blogspot

Mẫu Dropmenu menu này có đặc điểm là Sub menu chia thành nhiều cột, giúp bạn bố chí các mục theo các chủ đề lớn nhỏ. Menu sử dụng CSS và hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,... Đặc biệt namkna tích hợp thêm khung searck giúp menu đep hơn và chuyên nghiệp hơn.
Colume Dropmenu with Search for blogspot

Đọc thêm»

Monday, June 3, 2013

Thread comment với avantar ẩn hiển cho blogspot

Mẫu Thread comment mặc định của blogger còn khá đơn điệu và xấu. bài viết này namkna sẽ hướng dẫn các bạn cách tùy biến mẫu thread comment của blogger chỉ với một mã CSS đơn giản. Thủ thuật sẽ giúp avantar của nhận xét ẩn hiện mượt mà nhờ CSS3.

Ảnh minh họa:
Thread comment với avantar ẩn hiển cho blogspot

Đọc thêm»

Sunday, June 2, 2013

Page navigation cuộn đẹp cho blogspot [style 2]

Phân trang (Page Navigation) có nhiều phiên bản. Trong quá trình thiết kế blog để có thể chọn được kiểu phân trang đáp ứng được các yêu cầu như: tải nhanh, đẹp mắt, độc đáo, mới lạ, hoạt động tốt với các blog vượt dung lượng lưu trữ của feed (blog có trên 3000 bài viết),... Theo namkna thì tiện ích Page Navigation do Abu-Farhan phát triển mà namkna đã giới thiệu trước đây tại bài viết Phân trang (Paginator) cuộn đẹp cho Blogspot trên 3000 bài viết   là hoàn thiện nhất.

Bạn có thể xem ảnh minh họa bên dưới:
Page navigation cuộn đẹp cho blogspot [style 2]

Đọc thêm»

Css3 Flying Drop Down Menubar cho Blogger

Với mẫu dropdown fly menu sử hiệu ứng bay từ CSS3 blog của bạn sẽ đặc biệt hơn, và sẽ không lo tốc độ vì tất cả đều là CSS3. Các menu con sẽ bay khi dê chuột vào menu chính. Menu hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,.... Các bạn có thể xem ảnh minh họa hoặc demo.

Css3 Flying Drop Down Menubar Blogger

Đọc thêm»

Wednesday, May 29, 2013

[V4] Featured Posts metro slider cho blogspot

Slider này lấy ảnh thumbnail của các bài viết mới nhất có thể theo nhãn hoặc toàn bộ blog tùy lựa chọn của bạn, Bằng cách cải tiến code của tiện ích bloglisst. bạn có thể lấy ảnh từ bài viết của blog bạn hoặc blog nào khác bạn muốn. tất cả hoàn toàn tự động với giao diện 2 cột bắt mắt thích hợp cho mọi blog.

Thủ thuật này đã có trong template metro của Hồng Hòa Vi, Mình làm theo yêu cầu của Cậu bé mùa dông Bạn có thể xem demo hoặc ảnh minh họa:
[V4] Featured Posts metro slider cho blogspot

Đọc thêm»

Tuesday, May 28, 2013

[ves3] Simple Slider ảnh bài mới trượt cho blogspot

Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu slider mới. Dạng này thích hợp với các blog phim, ảnh,... Về cơ bản nó tương tự như bài này. Được phát triển bởi maskolis. bạn có thể xem ảnh hoặc Demo.
Simple Slider bài mới trượt cho blogspot ves3

Đọc thêm»

[Ves2] Slider bài mới trượt ngang thumbnail cho blogger

Tiện ích Slider ves 2 này  được phát triển trên vesion 1 của maskolis, Với đôi chút cải biến về giao diện như: nó lấy ngẫu nhiên một ảnh thumbnail từ các bài viết mới nhất (recent post)  và  hiển thị dưới dạng một slider trượt ngang. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery
Các bạn có thể xem ảnh minh họa hoặc demo bên dưới:
Slider bài mới trượt ngang thumbnail cho blogger ves2
Đọc thêm»

Sunday, May 26, 2013

Dropmenu xổ dọc theo cột cho blogspot

Hôm nay namkna sẽ giới thiệu đến cho các bạn một mẫu menu mới hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,.... Mẫu này có đặc điểm là các menu con sẽ sắp xếp thành từng cột với những chuyên mục lớn và chuyên mục nhỏ. Menu này được namkna viết theo yêu cầu của bạn Sy Pham Quy Các bạn có thể xem ảnh demo bên dưới.
Dropmenu xổ dọc theo cột cho blogger blogspot

Đọc thêm»

Wednesday, May 22, 2013

[Ves1] Slider bài mới nhất trượt ngang với thumbnail cho blogger

Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới dạng một slider trượt ngang với các ảnh thumbnail và tiêu đề bài viết. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery. Tiện ích được phát triển bởi maskolis.
[Ves1] Slider bài mới nhất trượt ngang với thumbnail cho blogger

Đọc thêm»

Thêm Disqus Recent Comments cho Blogger

Thêm Disqus Recent Comments cho Blogger
Mình từng giới thiệu cho các bạn cách cài commnet từ Disqus cho blogger. Hôm nay mình sẽ giới thiệu thêm cho các bạn Tiện ích nhận xét mới nhất từ Disqus giúp các độc giả có thể theo dõi những nhận xét mới được đăng trên blog của bạn. Về cơ bản tiện ích này giống như tiện ích Disqus Top Commenters Widget. Thay vì hiện tên tác giả và số nhận xét nó sẽ hiển thị nội dung nhận xét và tiêu đề bài viết,

Lưu ý: tiện ích này dành cho các blog đang chèn mẫu commnet từ Disqus không phải dành cho mẫu thread commnet commnet ủa blogger nha.

Đọc thêm»

Thêm Disqus Top Commenters Widget cho Blogger

Thêm Disqus Top Commenters Widget cho BloggerDisqus là mẫu nhận xét từ bên thứ 3 có nhiều ưu điểm. Hiện nay được rất nhiều các webmaster sử dụng để thay thế cho mẫu commnet cũ của blogger. Mình đã từng hướng dẫn các bạn cách Cài đặt comment của DISQUS cho Blogger.
Tiếp theo bài viết thêm Disqus Recent Comments cho Blogger. Hôm nay mình sẽ hướng dẫn các bạn cách thêm tiện ích những người nhận xét nhiều nhất trên Disqus (Top Commenters). Tiện ích này sẽ hiển thị danh sách một số người nhận xét nhiều trên blog của bạn.

Đọc thêm»

Wednesday, May 15, 2013

Tạo Popup-under hiện sau trình duyệt cho Blogger

Tạo Popup-under hiện sau trình duyệt cho Blogger

» Thế nào là Pop-under?

Pop Under: Là hình thức tạo popup cho một website nào đó. Website muốn quảng cáo sẽ ẩn phía sau website (trình duyệt) của chúng ta đang truy cập.
Pop Under: Đây cũng là hình thức quảng cáo mà người dùng rất "dị ứng" những không khó chịu như hình thức Pop Up. Vì các Pop Under hiển thị phía sau website người dùng đang truy cập nên nhiều khi họ không để sẽ không thấy những banner này. Tuy nhiên nếu hiển thị quá nhiều banner Pop Under liền một lúc sẽ gây tình trạng "đơ" máy cho những máy tính có cấu hình yếu hay sử dụng trình duyệt Firefox nổi tiếng ngốn RAM khi mở nhiều tab, cửa sổ. Do vậy hãy cân nhắc khi muốn sử dụng nó nha.

Bài viết này namkna sẽ hướng dẫn các bạn cách tạo popup under cho blogger.

Đọc thêm»

Tuesday, May 14, 2013

Dropmenu đa cấp từ CSS3 và icon

Với menu này các menu con và các hiệu ứng hoàn toàn từ CSS3 giúp tốc độ blog của bạn tối ưu hơn so với các menu từ javarscrip và Jquery. Điểm đặc biệt là menu chạy tốt trên nhiều trình duyệt khác nhau như: Moliza Firefox, Google Chroome, Opera (10 và 11), Internet explorer (6,7,8,9,10), Safari,...

Mẫu menu này thích hợp cho các blog có nhiều chuyên mục và nhãn con với các icon hình ảnh tương ứng với mỗi nhãn và bạn có thể thay thế theo ý bạn.. Giúp blog của bạn trở nên khoa học và đẹp mắt hơn. menu được phát triển bởi tác giả bloggertrix.
Dropmenu đa cấp từ CSS3 và icon

Đọc thêm»