Vietutd Url Window 1.0
Showing posts with label Blogger tips. Show all posts
Showing posts with label Blogger tips. Show all posts

Vietutd team blog khai trương nhân dịp sinh nhật lần thứ 11 của Blogger

Sunday, August 15, 2010
Đang ấp ủ một team blogspot, thấy blogger loan tin vừa đưa vào hệ thống quản lí và lọc comment mới. Cùng với không khí chuẩn bị mừng lễ sinh nhật lần thứ 11 vào cuối tháng này (31/8), mình lại thấy phấn khởi hơn vì đang là fan hâm mộ ruột của nền tảng blog này. Hơn lúc nào mình càng tin tưởng hơn rằng blogger sẽ ngày càng phát triển và giữ vững vị thế số 1 của mình.

Mình cũng biết rằng rất nhiều Pro đã chuyển sang dùng WP cũng có ý muốn quay lại blogspot nhưng vẫn đang ở thế lững lờ giữa hai dòng nước. Nhưng theo đà này thì vấn đề chỉ còn là thời gian, blogspot sẽ lại dang tay đón những đứa con đi xa trở về nhà.

Nhẽ ra thì định chuẩn bị rồi khai trương team blogspot vào đúng sinh nhật blogger. Nhưng cuối cùng thì cứ mở tự nhiên ngay từ giờ rồi, nghĩ lại thì mình ko có khiếu maketting hay là tổ chức sự kiện cho hấp dẫn, lôi cuốn.

Rất mong được đón tiếp và kết nạp các bạn làm thành viên team blogspot tại địa chỉ : http://team.vietutd.com

Xin ý kiến tham khảo của các bạn

Thursday, August 5, 2010
Mình đang có ý định tổ chức một team blog sử dụng blogger của google.

Chúng ta đều thấy một thực tế là riêng một người viết một blog sẽ không thể duy trì bài viết đều đặn trong thời gian dài. Chính vì vậy cũng không có được lượng độc giả ổn định và dồi dào. Và mô hình tạo một blog và mời nhiều blogger cùng tham gia đăng bài cũng ko còn mới lạ.

Tuy nhiên sử dụng blogger của Google thì mình mới được biết có vietwebguide trước đây của Anh Võ (hiện giờ ko còn hoạt động nữa).

Tất nhiên để có thể có đông đảo blogger hưởng ứng tham gia thì ko thể ko nhắc tới yếu tố lợi ích mà người tham gia được hưởng, mình cũng đã tính tới và có nhiều phương án khác nhau.

Tạm gác qua yếu tố học hỏi, giao lưu... là thứ tất nhiên mà các thành viên được hưởng từ mô hình team blog, mình dự định các thành viên tham gia còn được chế độ đặt banner liên kết khi bài viết của họ được đọc, vị trí đẹp, giống như trước đây vietwebguide đã thực hiện.

Hơn nữa là nhiều ứng dụng mà mình có thể khai thác từ blogspot và có thể chia sẻ cho các thành viên tham gia. Ví dụ có thể có chính sách 1 bài tự viết có chất lượng của các bạn được đăng, đổi lấy 50 hoặc 100 bài mình post copy trả cho blog của bạn từ các blogger tiếng Anh nổi tiếng có feed mở full (rất có lợi cho các bạn có tham vọng MMO với blogspot). Tất nhiên là chúng ta cũng cần lưu tâm tới vấn đề bản quyền, ví dụ như những bài mình copy cho các bạn có thể được sửa đổi ở một chừng mực nào đó, được đặt link đến bài đăng gốc... Vì chúng ta thừa hiểu là Google dù rất hoan nghênh mọi người tham gia sử dụng dịch vụ của họ, nhưng họ cũng rất nghiêm khắc và công tâm xử lí những trường hợp vi phạm.

Về chủ đề của blog viết chung đó, có lẽ sẽ vẫn đi theo hướng mà đa số các blogger có thế mạnh và quan tâm. Đó là tin học, máy tính, internet, blogging, thông tin công nghệ,... nói chung là những thứ liên quan đến cuộc sống số. Các chủ đề đó vừa phù hợp với giới blogger, nó cũng mang lại nhiều thông tin hữu ích, cũng hứa hẹn có một lượng độc giả dồi dào. Tuy nhiên, mình cũng không muốn đánh giá những nội dung mà mình ko đủ khả năng. Chính vì thế nếu blog chung này được mở ra, trong thời gian đầu mình chỉ định hướng các blogger viết về nền tảng blogspot của Google, một lĩnh vực mà mình có một chút kiến thức để có thể đánh giá được nội dung các bài viết của các bạn. Ngoài ra thì các thông tin chung, các bài viết chia sẻ các thông tin, bí quyết, kinh nghiệm sử dụng phần mềm, ứng dụng phổ biến cũng rất được hoan nghênh.

Mong muốn là vậy nhưng rõ ràng là đã rất nhiều người vỡ mộng ngay từ trứng nước. Vì vậy cứ xin viết một bài loan tin thăm dò trước, nếu có triển vọng thì mới có thể tính tiếp. Tất nhiên nếu tình hình sáng sủa thì mọi thứ có thể bắt đầu rất nhanh thôi.

Rất mong nhận được ý kiến đóng góp của các bạn. Mình xin chân thành cảm ơn.

Tạo nút Reply cho blogger (blogspot), một thủ thuật hay

Wednesday, July 7, 2010
Chào các bạn, các bạn có tin là có thể thêm cho comment của blogspot nút reply. Chắc có một số các bạn tin, một số còn nghi ngờ. Thực tế là thủ thuật này đáp ứng được cho chúng ta chức năng để biết là comment nào reply lại comment nào, còn thì thứ tự comment vẫn hiển thị lần lượt như cũ, chứ chưa thể cho hiển thị comment gốc và comment hồi đáp cạnh nhau giống như bên WP. Tuy nhiên, sau khi thêm chức năng này thì comment của blogspot của bạn trông sẽ pro lên rất nhiều. Hơn nữa đây là thủ thuật sử dụng code template blogger thuần túy chứ ko phải java script, cho nên nó hoạt động dù trình duyệt có bật java script hay ko.

Nào chúng ta bắt đầu.



Để các bạn hình dung rõ hơn, phía trên là hình minh họa, hoặc bạn có thể click nút demo để xem bài viết trên blog có sử dụng thủ thuật này.


Sau đây là các bước cài đặt nút Reply cho hệ thống comment của blogspot.

Step 1 : Vào dashboard Click Design > Edit Html > Chọn 'Expand Widget templates'.

Step 2 : Nhấn Ctrl + F và tìm kiếm mẩu code sau


<data:commentPostedByMsg/>


Rồi đặt dưới nó đoạn code sau đây.


<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Reply]</a></span>


Bạn cần thay đổi YOUR-BLOG-ID bằng id blogspot của bạn. Để lấy Id, chỉ cần chọn blogger Design > Page Elements.
Rồi nhìn lên thanh địa chỉ trên trình duyệt. Bạn sẽ thấy một đỉa chỉ tương tự thế này.



Số id chính là phần nằm trong khung màu hồng, copy rồi thay vào code phía trên. Thế là đã xong, bạn Save template lại, và thử xem nút Reply có hiển thị và hoạt động tốt không trong hệ thống comment của mình.

Tự nâng cấp cho nút Reply của bạn.

Nếu bạn muốn thay nút Reply (dạng text) bằng một nút Reply đẹp hơn bằng hình ảnh thì chỉ cần thay phần [Reply] màu đỏ ở code phía trên bằng đoạn code sau:


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnghOOKzNXAr597nd9nU_NoZcG1MLq7bfXMd2_qpWDyBzTGe_tgG2d5IaQvc97LMb8wN2piPft4FgfiPoihBMbeSnc9lawBCktS0FL5leXAQgZH1SwwMyCay26E0pOFNuxCm5EnJh0jAY/s1600/reply%5B1%5D.gif"/>


Bạn cũng có thể Google để tìm cho mình một nút Reply ưng ý hơn.

Tính năng hoạt động

Khi ai đó nhấn vào nút Reply một comment, một cửa sổ popup sẽ hiện ra như hình sau:



Chỉ cần điền nội dung comment vào phía sau code liên kết đã tạo sẵn trong cửa sổ soạn thảo comment rồi đăng như bình thường.

So sánh với Wordpress

Khi sử dụng nút Reply của Wordpress, comment hồi đáp được đăng ngay sau comment gốc. Còn nút Reply trong thủ thuật của chúng ta thì ko làm cho comment hồi đáp hiển thị ngay sau comment gốc được, nó hiển thị lần lượt theo thời gian giống như thường thấy đối với blogspot.

Tất nhiên, nếu đã cài đặt và dùng thử, đa số chúng ta phải công nhận là thủ thuật này làm cho hệ thống comment của blogspot chuyên nghiệp hơn, tiện dụng hơn khi muốn reply một comment nào đó.


Chúc các bạn cài đặt thành công và có những phút giây thú vị khi sử dụng nút Reply comment.

Blogger cho phép thêm share buttons trong bài viết

Friday, June 25, 2010
Đã từ lâu tính năng chia sẻ đã được tích hợp vào các blog. Có rất nhiều hướng dẫn giúp bạn có thể tạo được những nút chia sẻ bài viết rất bắt mắt để đưa vào blog. Nắm bắt được nhu cầu của người dùng, Blogger đã cho phép thêm tính năng chia sẻ bài viết mà không cần code của bên thứ 3. Chúng ta cùng tìm hiểu cách làm nhé.

Bạn đăng nhập vào trang quản trị blog, chọn mục Design và chọn Edit bên dưới khung Blog posts. Kết quả như hình dưới.

Thêm nút chia sẻ bài viết

Bạn đánh dấu vào mục Show share Buttons, lưu lại và kiểm tra kết quả.

Trong trường hợp bạn vẫn chưa thấy các nút này xuất hiện thì có thể template của bạn đã bị tùy chỉnh nên chúng chưa hiển thị được, bạn làm như sau.

Vào phần Edit HTML, chọn Expand Widget Templates. Các bạn tìm tới đoạn code có dạng như sau:

<div class='post-footer'>

hoặc

<div class='post-footer-line post-footer-line-1'>

hoặc

<div class='post-footer-line post-footer-line-2'>

hoặc

<div class='post-footer-line post-footer-line-3'>

hoặc

<data:post.body/>


Lưu ý: Ở đây mình hướng dẫn chung cho tất cả các blog, có thể template của bạn chỉ có một trong các dòng code trên.

Sau khi tìm thấy bạn thêm đoạn code dưới đây vào ngay sau nó:

<div style='clear: both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>


Lưu thay đổi vừa thực hiện, kiểm tra kết quả bạn sẽ thấy các nút chia sẻ nằm ở cuối bài viết.

Nếu muốn các nút chia sẻ xuất hiện ngay bên dưới tiêu đề bài viết, bạn tìm tới một trong các dòng sau:

<div class='post-header'>
<div class='post-header-line-1'/>
</div>


và thêm đoạn code bên trên ngay trước nó.

Lưu ý: Bạn có thể sẽ không tìm thấy đoạn code trên nếu template đã có những tùy chỉnh nhất định.

Tự tay thiết kế blogger template

Thursday, March 11, 2010
Ngày hôm nay khi các bạn đăng nhập vào Blogger in Draft sẽ thấy xuất hiện một menu mới mang tên Template designer. Đây là một tính năng hoàn toàn mới mà nhóm phát triển Blogger đưa vào thử nghiệm. Với tiện ích này việc tùy chỉnh template trở nên dễ dàng hơn bao giờ hết. Nếu bạn đã từng sử dụng Tumblr thì sẽ thấy việc sử dụng Template designer khá quen thuộc.

Blogger Template designer

Những đặc điểm chính:
  • 15 template mới, có tính tùy chỉnh cao chia thành 4 chủ đề chính được đưa vào trong lần này và chắc chắn con số này sẽ dần tăng lên.
  • Bạn có thể lựa chọn bố cục cho blog với dạng 1, 2 hay 3 cột.
  • Có hàng trăm ảnh nền giúp bạn thay áo mới cho blog.
Việc sử dụng Template designer cực kỳ đơn giản (Layout> Template designer).

Blogger Template designer

Tiến hành "thiết kế" thông qua 04 phần chính:
  • Templates: Lựa chọn dạng template phù hợp cho blog của bạn.
  • Background: Lựa chọn màu nền hoặc ảnh nền cho blog.
  • Layout: Chọn bố cục cho blog, tùy chỉnh độ rộng.
  • Advanced: Bao gồm các tùy chọn về font chữ, cỡ chữ, màu sắc của từng mục trên blog, bổ sung phần CSS nếu muốn.

Blogger Template designer

Blogger Template designer

Trên đây là những tính năng cơ bản của Template designer, các bạn có thể tham khảo thêm tại đây và khám phá thêm trong quá trình sử dụng nhé.

Chúc các bạn sẽ tự tay thiết kế những template mang phong cách riêng.

Tạo menu cực kỳ đơn giản trong Blogger in draft

Thursday, January 21, 2010
Blogger in Draft
Như các bạn đã biết Blogger in draft là một phiên bản của Blogger.com trong đó các tính năng mới được thử nghiệm trước khi trở thành chính thức với tất cả người dùng. Hôm nay Blogger in draft đã giới thiệu tính năng tạo menu cho blog một cách đơn giản và thuận tiện. Hãy cùng thử nghiệm tính năng mới này nhé.

Với các classic template thì việc bổ sung tính năng tạo menu (Ví dụ: Home - Contact - About - ....) này thực sự rất cần thiết, đặc biệt với các bạn không biết về code HTML. Trong khi đó đa số những Customs template đều đã có sẵn menu này.

Blogger Plus

Menu trên BloggerPlus.net


Tuy nhiên việc đưa tính năng tạo menu giống như thêm một Gadget như thế này giúp cho việc quản lý trở nên dễ dàng và thuận tiện hơn.

Nếu bạn nào đã từng làm trang Contact và không muốn phần comment xuất hiện ở bên dưới thì đã biết rằng phải mất thời gian thực hiện một số điều chỉnh trong phần HTML. Nhưng nếu bạn tạo "Page" với tính năng mới này thì phần "Nhận xét" ở cuối trang sẽ biến mất mà không cần tùy chỉnh gì.

Để sử dụng tính năng mới bạn đăng nhập vào Blogspot qua Blogger in draft. Trong Dashboard chọn Edit posts bạn sẽ thấy mục Edit pages.

Blogger in draft

Chọn New page để tạo mới các trang cần thiết, bạn có thể tạo tối đa 10 pages. Việc tạo một page mới giống hoàn toàn như việc bạn soạn thảo một bài viết mới.

Blogger in draft

Khi bạn Publish một page, một cửa sổ mới hiện ra yêu cầu bạn chọn vị trí cho Page gadget.

Blogger in draft

Để chỉnh sửa "Pages" bạn vào phần Layout, Pages Elements.

Blogger in draft

Trong phần này bạn có thể kéo thả để sắp xếp vị trí hiển thị của các link, ẩn hoặc hiện link.

Một cải tiến khá hữu ích phải không các bạn.

Xôn xao blogspot tiếng Việt:

Tìm hiểu thêm, đề cử blogspot để được theo dõi comment.

Blogger Templates Gallery
 
 
 

Phản hồi mới nhất

Top commenters

Shoutmix chat box

Truy xuất blogspot của bạn

Nhập chính xác domain riêng, và label (nếu có):

http://

label:

 
©2010 Vietutd