Tuỳ chỉnh HTML trong Dynamic Views Template của Blogger.

Sáng lên vọc blog, tự nhiên thấy hứng thú với mấy cái Template trong bộ sưu tập Dynamic Views của Blogger.

Trang blog sử dụng Dynamic View

Phát hiện ra là trước đây,Blogger đã cho phép tuỳ chỉnh mấy giao diện này.. Trước đây người dùng Blogger xài mấy template này có thể chỉnh sửa một số chi tiết như hình nênf màu và font chữ ngay trên công cụ thiết kế của Blogger.

Công cụ thiết kế của Blogger

 Nay,bên cạnh việc được tuỳ chỉnh trên công cụ thiết kế,người dùng Blogger cũng có thế can thiệp vào HTML của Blogger.

Mẫu code Dynamic Views

Hiện tại thì chỉ biết có vậy.
Code trong mấy theme này khá là đơn sơ. Mình không khá lắm về CSS với cả XML của theme nên chỉ biết ngồi nhìn thôi (Khốn nạn ^_^).Bạn nào khá về cái này viết nhiều bài chỉ cho Tí biết cách vọc với nhớ .
Chúc vui.

Read more

Tạo RSS campain cho blog trên Mailchimp.

Với người dùng Blogger, Feedburner luôn là dịch vụ cấp tin uy tín nhất(vì là của Google mà ^_^).Không riêng Blogger,nhiều người dùng WP cũng tin tưởng Feedburner và sử dung.
Tất nhiên,Feedburner sẽ luôn tốt và luôn được người dùng đón nhận nếu họ không rút tất cả các API.Việc họ dừng tài khoản của họ trên Twitter tất nhiên cũng sẽ làm cho nhiều người dùng nghi ngờ cho việc cụ Gúc ngừng dịch vụ này.

Vậy, tất nhiên,trước hết người ta sẽ phải tìm cho mình một dịch vụ cấp tin khác .Và trong tất cả những dịch vụ về Email Marketing nổi tiếng hổ trợ RSS, Mailchimp luôn là sự lựa chọn tốt nhất.
Cá nhân mình,Maichimp là một dịch vụ khá tốt.Đối với gói miễn phí cũng đủ cho Blogger triển khai cho mình một dịch vụ cấp tin qua Email hoàn chỉnh và chuyên nghiệp.
Từ mấy tháng trước,mình đã tạo acc,tìm hiểu qua và tạo thử một mình một RSS campain cho blog.Mình sẽ giới thiệu các tính năng của mailchimp trong các entry khác.Bài này chỉ hướng dẫn bạn tạo một dịch vụ cấp tin  RSS qua Email với Mailchimp.
1.Đăng kí.
Viêc đăng kí đơn giản,bạn chỉ cần vô trang chủ của maichimp và tạo một tài khoản.Nói chung,cũng đơn giản thôi.Chỉ cần nhập Email,Username và mật khẩu.

 2.Nhập email từ Feedburner:
 Sau khi đăng ký và xác nhận tài khoản bằng email,bạn đăng nhập vô Feedburner, chọn Feed của blog mà bạn đăng kí trên Feedburner,sau đó xuất danh sách đăng ký Feed bằng email trên blog bạn(dạng CSV hay Excel).

Đăng nhập  Mailchimp nhấp vào "Creat A List"(hay Lists trên thanh menu).

Trong phần set up your new list,bạn nhập đầy đủ thông tin vào các ô và Save lại.

Sau khi tạo list xong,bạn nhấp vào import contacts.

Kéo về dưói và chọn kiểu nhập mà bạn muốn.Với mailchimp,bạn có thể nhập file CSV danh sách email trên Feedburrner mà bạn xuất ra,hoặc là nhaapj danh bạ trên Google Contacs vào danh sách Subcriber.

 3.Tạo dịch vụ: 
Trong bảng điều khiển của Maichimp,phần Creat Campain,chon RSS diven campain.

RSS Feed: Nhập Feed URL blog bạn dạng : 

http://abc.blogspot.com/feeds/posts/default 

Recipients: Chọn một list mà bạn đã tạo
Setup:  Nhập các thông tin như Campain Name, định dạng tin nhắn chủ đề
Design: Thiết kế và định dạng cho mail bạn gửi đến người đăng ký:
Confirm: Bấm vào Start RSS Campain để bắt đầu dịch vụ của bạn.

Bạn có thể chọn Preview&Test--->Send a Test Email để thử xem vừa ý chưa.

4.Tạo form đăng kí:
 Bạn vào bảng điều khiển, chọn Design a Sign up form--->Chọn campain muốn tạo form. Ở đây,bạn thiết kế lại trang đăng kí cho vừa mắt.
Công cụ thiết kế đầy đủ cho bạn làm cho form đẹp mắt đấy. Đây là mẫu form mà mình dùng trên blog .

Thanh menu thứ 2,Nhấp For website--->Signup Form Embed Code
Phần này cho phép bạn lấy code nhúng form lên trang blog. Code của khung này có thể tuỳ chỉnh.

Form đăng ký của Mailchimp mình đang dùng được mô-đi-phê từ code của mailchimp và mẫu form đăng ký RSS đấy ^_^.

 5.Kết:
RSS chỉ là một trong những dịch vụ mà Mailchimp cung cấp.Ngoài ra còn có nhiều thứ để bạn khám phá nữa. 2000 subcriber và 12000 mail trong một tháng có có lẽ là ít đối với bạn.Nhưng với thằng amateur như mình,từng đó là đủ,không muốn nói là quá nhiều với mình rồi,
               Thời gian tới, mình sẽ viết ít bài nữa về Mailchimp.Chờ nhé  ^_^

Read more

[New] Cách cài đặt tên miền tuỳ chỉnh cho Blogger(tên miền mới)

Tên miền tuỳ chỉnh cho blog

Hiện tại,theo như mình biết thì có mấy trục trặc cho việc cài đặt tên miền mới trên Bloggger.Với những tên miền được cài đặt trước đây thì mọi việc vẫn bình thường,nhưng với những tên miền mới được cài đặt,Blogger bắt buộc bạn phải thên một bước để xác minh quyền sở hữu tên miền nữa.



1.Thông số cài đặt cũ:
Có 3 cách cài đặt thông số DNS phổ biến cho Blogger:
-Cách của Blogger:
Tạo bốn bản ghi A trỏ về các địa chỉ IP:

• 216.239.32.21
• 216.239.34.21
• 216.239.36.21 
• 216.239.38.21

 Và một bản ghi CNAME trỏ về ghs.google.com(dạng sub.ví dụ: www).
-Cách 2: 
Tạo 8 bản ghi A .Bốn bản ghi cho tên miền gốc (root) và bốn bản ghi cho tên miền dạng sub.Lần lượt trỏ về 4 địa chỉ IP nói trên.
-Cách 3:
Tạo
haimột bản ghi A, cho tên miền gốc,
một cho tên miền dang sub.Cả 2 bản ghi này đều trỏ về địa chỉ IP : 

• 74.125.71.121

Thông số cài đặt trên vdns.vn

Trong 3 cách trên thì mình thấy cách 2 và 3 là rất hợp với bạn bởi vì  nó giúp blog bạn không bị chặn bởicác nhà mạng ở Việt Nam..Cách 3 rất đơn giản lại hiệu quả nữa.
2.Cách cài đặt mới :
Cách này là cách mà mình nghĩ đơn giản nhất.

• Bạn cài đặt thông số DNS cho tên miền theo cách 3 như đã nói ở trên.
• Tạo một bản ghi CNAME cho sub( Host: www) trỏ về ghs.google.com
• Bây giờ,bạn vào Blogger--->Cài đặt---> Thêm tên miền tùy chỉnh.Bạn thêm tên miền dạng sub vào ô cài đặt tên miền.
• Bạn sẽ được Blogger thông báo về việc xác minh quyền sở hữu tên miền.
• Blogger cho bạn thông số 2 bản ghi CNAME  để bạn xác minh tên miền.

Thêm tên miền trên blog

Chú ý đến dòng thứ 2 thôi nhá.Bạn thêm một bản ghi CNAME có Host là dòng 1(màu xanh lá) trỏ đến dòng thứ 2(màu đỏ .)
Bấm Save và chờ khoảng 24 giờ cập nhật DNS (thời gian ngắn nhất khoang 1 giờ thôi :-D)
Thế là xong.
Mỗi trang blog có mỗi thông số riêng để bạn cài đặt bản  CNAME nên mình không đưa ra thông số cho bạn được.
Chúc bạn cài đặt thành công !!!!
P/S: Hiện tại việc chuyển hướng từ tên miền gốc đến sub đang bị lỗi đối với tên miền mới(và những tên miền cũ gỡ ra cài lại).Cố gắng chờ Blogger sữa lỗi nhá :)



Read more

Friends+Me:Sync status từ G+ cho Facebook và Twitter.

Lâu rồi,từ cái hồi mình biết G+ đến giờ.Nói thật là sau cơn sốt thư mời của Google,mình rất ít quan tâm đến nó lắm.Hoạ hoằn lắm là ghé xem đã được nhiều "vòng" chưa hay thôi.

Cập nhật 8/10/2012: Friends+Me đã hỗ trợ Sync từ Goole + Pages sang FB FanPage(bên cạnh Sync profiles cá nhân.)

Dịch vụ Friends+Me

 Dạo gần đây,rất nhiều người bạn mình cũng bắt đầu biết đến nó và đã xem nó như là một Facebook-thứ-2,cũng xôm dzữ !!!

Nói về G+,về tính năng mà so sánh với FB,mình nghĩ là thua xa lắm.Nhưng,những mối quan hệ trên G+,lại là thật nhất :-).
 Nếu ai ham mê G+,những trang mạng khác bạn sẽ dễ dàng bỏ qua,hai là bạn sẽ mất dần những mối quan hệ trên đó.
Hồi trước đây ít tháng,mình có giới thiệu cho mọi người về PingFM,một dịch vụ cho phép bạn Quản lý nhiều tài khoản mạng xã hội trên một tài khoản PingFM,dịch vụ cho phép bạn đăng đồng thời một status lên một số mạng xã hội.(Theo mình biết anh này đã nghĩ hưu và thay thế bằng một ku trẻ hơn là SEESMIC).
 Hôm nay,sẽ là một dịch vụ khác giúp bạn Sync những G+ status mới nhất của mình lên Facebook hay Twitter. Đó là Friends+Me(www.friendsplus.me)
Điểm đặc biệt nhất ở Friends+Melà bạn không cần phải đăng ký một tài khoản nào cả. Đơn giản nhất phải ko nào^_^.
Thứ bạn cần là một tài khoản Google,một tài khoản Facebook hay Twitter mà bạn cần Sync status lên thôi.

Giao diện trang chủ

Sau khi vào trang chủ,nhớ đăng nhập bằng tài khoản G+ của bạn.

Đăng nhập tài khoản Facebook hay Twitter

Nhớ:
Sau khi bấm nút đăng nhập có thể Friends+Me bắt bạn cho phép họ truy cập vào tài các tài khoản của bạn nhé.Mình thấy dịch vụ này cũng an toàn.Bạn bấm cho phép nhé^_^.

Giao diện sau khi đăng nhập.

Sau khi hoàn thành những bước trên,bạn vô G+,đăng một status và chờ trong vòng năm phút sau để Friends+Me sync chúng lên Facebook hay Twitter.
 Kết:
-Mình không khuyến khích bạn dùng Friends+Me nếu bạn là người chăm chỉ :-D
-Nếu chưa thấy status được sync,kiên nhẫn nhá.Mình tưởng là lỗi gì,nhưng hoàn toàn không phải.Test stt đầu tiên gần 1 giờ mới thấy ^^.
Chúc bạn vui. -

Read more

Livefyre cho Blogger.

Trở lại blog với một chủ đề rất quen thuộc:hệ thống comment cho blog.Chắc bạn đã quen với những hệ thống comment như Js-kit,Intense debate hay Disqus.Bài này, tí giới thiệu bạn thêm một hệ thống commnt không hẵn mới,nhưng mới với người sử dụng Blogspot.Đó là Livefyre.Chỉ là cho bạn một sự lựa chọn bên cạnh hệ thống comment nghèo nàn của cụ Gúc   ;)

 Nếu ai từng dùng Disqus,bạn sẽ thấy 'dung mạo" của livefyre rất giống. Về tính năng thì theo mình thấy,Livefyre rất ổn với những người muốn có một hệ thống comment thoáng và mang tính tương tác rộng.
  
Chống spam: Bảo đảm là rất ổn,tất nhiên.Hệ thống giúp bạn dễ dàng quản lý comment của bạn đoc,theo thời gian thực.  
Flag: Tính năng rất hay,những comment xấu có thể bị cắm cờ.Rất quen thuộc khi bạn thường đăng comment trên youtube.
Chỉnh sửa comment: Sau khi đăng comment,nhận thấy comment sai,nhời nhẽ không hợp,bạn có thể chỉnh sửa mà không lo không thể rút lại lời đã nói,;
  
1. Một số tính năng:


SocialSync: Đăng comment của bạn lên Facebook hay Twitter tức thời khi bạn thao tác trên khung comment.  

SocialSignin: Bạn có thể sử dụng các tài khoản MXH như Facebook,Twitter ,Linkedin, hay là tài khoản OpenID(link blog bạn đó ;))

Friend Tagging: Tag tên bạn của bạn vào comment, bắt đầu bằng dấu"@".  

Comment Sharing: Chia sẻ comment của một ai đó lên MXH(rất giông Disqus).

Comment Liking: Bạn like một comment nào đó(như facebook ).

Richtext Editor: Livefyre hỗ trợ bạn công cụ định dạng văn bản khi comment.

Linkback: Khuyến khích người khác comment trên blog bằng cách hiển thị lnk bài đăng mới nhất trên blog của họ.

Media Embeđing: Nhúng các link/file hình ảnh và Video vào comment.  


2.Cài đặt cho blog:

 Bạn vào trang chính của Livefe,nhấn vào ô "Get Livefyre".
 Tiếp tục bấm vào Sign in và đăng nhập bằng Google hay Facebook.

 Bạn nhập thông tin trang blog vào(URL): Chọn ô "Custom"(hình bánh răng) rồi bấm Keep going:

Coppy dòng code bạn thấy ở trang tiếp.Xong phần ở trên Livefyre.

 Bạn vào Blogger,vào phần chỉnh sữa HTML của template. Tick vào ô Mở rộng mẫu.

Tìm trong code của template dòng:

<b:if cond='data:post.showThreadedComments'>

  Bạn dán dòng code bạn coppy trên Livefyre trước dong bạn tìm thấy nha.

Save lại template và vào lại blog.

3.Cài đặt commnet của Blogger:
Truy cập Blogger-->Cài đặt-->Bài đăng và nhận xét.

 Trong ô chọn,bạn tick và Ẩn nha.
Xong rồi nha.
4.Một số lưu ý:

Ưu điểm: Đơn giản,gọn nhẹ,dễ dàng cài đặt và tích hợp.
Nhược điểm: Livefyre có một nhược điểm cực...ngu.Không Import,không Export,không Sync với những comment của Blogger

5.Kết:
Bài viết chỉ mang tính tham khảo.Dùng hay không là tuỳ ở bạn.Mình sẽ quay lại về Livefyre trong những bài sau.
 Chúc bạn vui.

Read more

All new Disqus 2012.

Tháng năm.Trời nóng như đổ lửa xuống cái đất miền trung quê mình.Trời nóng nên cu Tí chả muốn đi đâu.Đôi lúc lò mò lên facebook mong ai đó quăng cho cái link híp dzâm hay cheo cổ tự tử mà giải nhiệt cho mấy ngày nóng nực này.Hic(*.*)

Trở lại với blog.Từ mấy tháng nay,blog Tí đã có viết  mấy bài về Disqus.
Không còn dừng ở chỗ tốt, hay, và hot như lâu nay nó vẫn thường thể hiện,Disqus 2012 sẽ càng tốt hơn. Sau một tuần làm bài survey,mấy ngày trước Tí đã nhận được thư thông báo từ Disqus rằng được tham gia dùng thử Disqus 2012.
Hiện tại,hai trang blog của Tí (một Blogger,một Tumblr ) đã được kích hoạt giao diện mới nhất của Disqus 2012.

Cùng Tí xem qua những điểm mới của Disqus 2012 nha:

 Dưới đây là giao diện của khung comment:

So với giao diện cũ,giao diện mới thân thiện với người dùng hơn.
Các nút Button mạng xã hội được làm nổi bật ngay trên giao diện chính của khung comment giúp người dùng dễ dàng comment bằng các tài khoản MXH mà họ có.
Người dùng có thể sử dụng tài khoản Google,Twitter,Facebook hay chính tài khoản được đăng ký trên Disqus để comment cho blog.

Đánh giá bài đăng:

Thay vì dùng nút like như hồi trước,đánh giá bài đăng bằng "Like".Nay,để vote một bài nào đó,chỉ cần bấm star ở góc phải khung.

Chia sẽ và vote  một comment hay:
Một tính năng mới khá hay giành cho các còm sỉ,đó là việc Disqus cho phép bạn(hay người dùng thích comment của bạn) có thể chia sẽ hay là vote một comment trên trang blog sử dụng khung Disqus  . Rê chuột vào Share hay là Vote và chọn cách chia sẽ nhé ^_^

  Cá nhân hóa:

Việc cho ra đời "My Disqus" tab trong giao diện của hệ thống comment giúp cho người dùng là Admin dễ dàng quản lý comment trên blog mà không phải đăng nhập vào trang chủ của Disqus.

Bạn muốn dùng thử Disqus 2012? 


Truy cập vào địa http://disqus.com/2012/ để nhận được invite từ Disqus nhé.Hoặc đợi đến tháng 6,Disqus sẽ opt-in tất cả tài khoản Disqus.Nếu bạn đã và đang dùng,cho Tí lời nhận xét nhé.

Thanks ^_^

Read more

Làm sạch comment trên blog bằng Disqus

Hôm trước viết cái bài vớ vẩn về Disqus,nhận thấy nếu bạn biết thêm chút ít về nó giúp hệ thống comment của mình mạnh mẽ hơn,bạn sẽ thích nó hơn. Bài này,Tí sẽ hướng dẫn cách làm cho comment trên blog bạn "sạch" hơn với những cài đặt đơn giản mà hệ thống comment mặc định chưa có(hoạc sẽ không bao giờ có)^_^

1.Lọc spam: 
Hệ thống Disqus tích hợp Askimet,một plugin chống spam rất nổi tiếng. Thế thì làm sao để tích hợp Askimet API vào Disqus.
 Đầu tiên bạn vào đây đăng kí để nhận Askimet API. Nhớ là kéo con trỏ về 0$ nha bạn.Askimet cho bạn dùng Free với một số giới hạn.
Có thời gian thì bạn nên tìm hiểu về công cụ này. Khuôn khổ bài này chỉ nói đến thế thôi :-).

Sau khi đăng kí Askimet sẽ gửi API về hòm mail của bạn.
Đăng nhập vô Disqus:
Chọn Seettings---->General---->kéo chuột về Features:

Tick vô các ô chọn(đặc biệt là Enable Askimet).Nhập mã API của Askimet mà bạn nhận ở email vào ô Askimet API.Save lại nha.
2.Chặn từ khoá "đen" và kẻ phá rối:
Tính năng này giúp hệ thống comment chặn comment chửi tục, nói bậy đưa comment đó vào approve list

Tiếp tục Settings--->AccessConontrroll

Nhập từ khoá "bẩn" vào ô Restricted Words:

Ô này của Tí nó bẩn lắm nên chỉ ví dụ thôi nhá.Thực sự không phải như trên screenshot đâu :-)
Tiếp tục nhấn Add item mục Blacklists and whitelist để thêm nick thằng nào phá rối trên blog.

Save lại rồi thoát ra.

Một tính năng hay của Disqus nữa là BlockIP.Bạn tự tìm hiểu nhé.

Xong hai bài về Disqus,chắc có lẽ ai đó sẽ tự tin mà rằng: Disqus là hệ thống comment tốt nhất.
Nhưng chưa đâu.Google đang lăm le chiếm vị trí này của Disqus bằng một hệ thống comment mới.
Mình sẽ viết bài review sau.
 Chờ nhé^_^ 

Read more

Già hú đang làm vừa lòng người dùng.

Để kéo người dùng ở lại với dịch vụ blog của mình,Yahoo blog từ mấy tháng trước đã thông báo về một dịch vụ blog mới.Chỉ trong vài ngày tới toàn bộ blog từ Y!360plus sẽ đươc chuyển qua nền tảng mới này.Không rầm rộ như Y!360 nhưng theo Tí thấy thì với lần ra mắt mới với một vài nước ở Châu Á có vẽ làm vừa lòng những "con chiên" trung thành của Yahoo blog.

Cùng khám phá nhé:

  Giao diện trang chủ "tươi mát" tạo cảm hứng viết blog cho người dùng:

Giao diện trang chủ

 Bảng điều khiển:

Trang soạn thảo blog:

Các tính năng phụ cho việc soạn thảo blog như Tags,thêm emotions, URL nguồn bài đăng,và tùy chọn thêm mạng xã hội:

  

Ngoài những thứ đã có sẵn trên phiên bản cũ,một số tính năng mới.Đặc biệt,đó là tính năng thêm Widget vào sidebar như Blogger hay WP.

Mong mọi người vui với những tính năng mới này trên Yahoo.Happy blogging 8:-)

Read more

Pinterest Gallery Widget cho Blogger.

Bạn chơi blogspot và muốn chèn một gallery vào blog. Đơn giản, khi bạn có Tài khoản trên Picasa hay Flickr. Blogger hổ trợ bạn widget. Còn với Pinterest thì sao.Quá mới nên nó chưa hỗ trợ widget chứ sao :-).
Với người dùng WP đơn giản là dùng  Pinterest RSS Widget.






Còn với Blogger thì sao:

• Bạn vào Bố cục-> Thêm gadget:--> Chọn  HTML/JAVASCRIPT

• Bạn dán đoạn code  download được download ở đây vào: [Link]

Tùy chỉnh:

• -Thay :   http://www.pinterest.com/YOUR-USER-NAME/feed.rss  bằng địa chỉ Feed trang pinterest của bạn.
• Ví dụ như của mình:  http://www.pinterest.com/trannguyenqb/feed.rss.
• Hoặc bạn có thể tạo gallery cho từng board dạng: http://www.pinterest.com/trannguyenqb/ten-board/feed.rss.
• Bạn có thể thêm chức năng Follow  vào phía dưới Widget.

Đây là DEMO trên blog gốc của  Codeitpretty với hiệu ứng rê chuột vào:

Lưu ý:  

• Nhớ là nếu widget không hiển thị tức là code bạn nhúng vào xung đột vs jQuery  đấy :-)
• Save template lại là xong.   

Nguồn: Codeitpretty

Read more

Bạn bookmark blog lên mạng xã hội nào?

Blog bạn,một thứ không thể thiếu là một sharing bar.Lợi ích của nó thì bạn biết rồi đấy.Kết nối blog lên mạng xã hội,tăng traffic đến blog.
 Mấy bữa đi tìm widget sharing cho blog,mình thấy những số liệu này.Mình nghĩ chắc sẽ giúp ích cho bạn trong việc chọn mạng xã hội để cho vào thanh công cụ.Đó là thông kê 15 mạng xã hội được dùng bookmark nhiều nhất từ trang web EbizMBA.
  




Top 1-5: 

Top 6-10 

Top 11-15

Read more