20/12/2012

Blogger 2

Bài  trước đã tìm hiểu qua một số điểm cơ bản để xây dựng một blog trong hệ thống blogspot.
Bài này sẽ hướng dẫn thêm một số điểm mà nhiều bạn mới dọn nhà qua blogspot còn bỡ ngỡ

1. Kết bạn trên Blogspot
Khác với bên Blog.yahoo chỉ cần nhấn vào nick là tới trang blog của người ta, ở blogspot nhấn vào nick sẽ dẫn đến một trang gọi là Google + . Nhìn vào bên phải sẽ thấy nút  vàng Thêm (hay: Add to circles). Click vào đấy bạn sẽ có 4 chọn lựa: Bạn bè, Gia đình, Người quen hay Theo dõi bài viết của người ta.



Cũng ở đây, ta có thể thấy địa chỉ blog, link một số bài  .. click vào đấy là ta có thể đến nhà người ta.
Nhưng cũng rất có thể bạn sẽ thấy như này



Trống trơn, chả có gì
Có thể người ta muốn ẩn danh, nhưng cũng rất có thể người ta không để ý khai báo, nên những người có lòng muốn đến thăm cũng đành botay.com.
Hãy kiểm tra lại bạn xem có rơi vào trường hợp này không ?
- Ở trang blog của bạn, nhấn nút Thiết Kế >> Google+



dừng lại tí để đọc lợi ích của G+ rồi nhấn tiếp Nâng cấp lên Google+, vào đấy khai báo để người ta biết bạn là ai, nhớ giới thiệu link đến nhà bạn ..
- Mỗi khi post bài, nhớ nhấn nút Chia sẻ, có thể tùy theo bài mà bạn chọn Công khai hay Chỉ bạn bè .. để người ta biết có bài mới mà đến thăm ..
Chú ý rằng Công khai hay bạn bè vừa nói chỉ có nghĩa trên G+, còn ở blogspot không có tính năng dấu bài dấu còm như ở blog.yahoo. Bài, còm post lên đều là công khai nếu từ đầu bạn để (mặc định) là blog công khai, ai cũng đọc được.

Ngoài ra blogspot có cung cấp hai tiện ích (widget) là Danh sách blogDanh sách liên kết ở đó bạn có thể đặt link đến các blog bạn bè hay các trang web bạn thường vào xem.
Cách làm: mở Thiết kế >> Bố cục >> thêm Tiện ích >> chọn danh sách blog nhấn nút dấu + để thêm. Sau đó nhấn nút Thêm vào danh sách của bạn rồi copy và paste link các trang blog, web bạn muốn. Rồi nhấn nút Lưu là xong. Từ nay muốn đến nhà ai có trong danh sách, bạn chỉ cần click vào đấy. Ngoài ra, người ta có bài mới bạn cũng được báo.
Bạn có thể thêm hay xóa bớt các link trong danh sách bất kì lúc nào (click vào hình cái clé bắt chéo tuốc-nơ-vít ở cuối tiện ích để chỉnh sửa)
(Mẹo: lười add nhiều link thì bạn tìm blog của ai có sẵn list nhiều blog, trang web bạn quan tâm rồi chèn trang ấy vào )

2. Ẩn bài - blog ẩn
Vậy có một số bài riêng tư, bạn viết nhưng không muốn ai đọc, hoặc chỉ dành riêng cho bạn bè, hoặc đơn giản muốn lưu trữ để edit rồi post dần  .. thì làm như nào ?
Ở blogspot với cùng một tài khoản, bạn có thể mở thêm (tối đa 99) blog mới, bạn có thể set để nó ẩn, hay chỉ hiện với một số người
Cách làm:
- click vào chữ B vàng ở góc trên trái để đén trang Blogger Tổng quát (Dashboard), chọn Blog mới. để làm một blog mới
- Sau khi điền tên chọn mẫu các thứ như đã làm, bạn vào Cài đặt >> Cơ bản
  + ở phần Bảo mật, bạn chọn Không cho liệt kê vào danh sách Gogle, ko cho bộ máy tìm kiếm dò tìm.
  + ở phần Người đọc blog bạn chỉnh sửa lại, muốn cho ai đọc thì cop địa chỉ gmail của người ta vào đấy. Chú ý các địa chỉ cách nhau dấu phẩy (,), không nó báo lỗi.
Lưu lại là xong.
Nếu lười lập blog, và chỉ lưu riêng cho bạn thì để nó vào draft (tức viết xong ko nhấn nút Publish mà nhấn nút Close)

3. Recent comments 
Hiện trên mạng lưu hành khá nhiều cách để làm recent comments
Cách 1 (không có avatar)
- mở Thiết kế >> Bố cục >> Thêm tiện ích.
- Chọn HTML/JavaScript. nhấn dấu + để thêm.
- đặt tên cho nó (Recent comments, Bình mới,  .. ) vào ô trên
- copy đoạn code sau đem về dán vào


- thay http://abc.blogspot.com bằng tên blog của bạn
- nhấn nút Lưu
- ra lại trang bố cục kéo widget vào chổ nào tùy ý, rồi nhấn nút Lưu là xong..
Cách 2: (có avatar tròn)
Hoàn toàn tương tự như trên, riêng đoạn code thì cop đoạn code sau



Riêng phần avatar vuông muốn bo tròn thì thay đổi tham số ở  border-radius.
Code 1 hiện đang dùng cho blog này, code 2 thì dùng cho một blog nháp, để ẩn. 
Nguồn code lấy đâu quên rồi, sorry

4. Chèn hình, video, yahoo emoticons vào comment
Bạn bè đôi khi muốn chia sẻ với bạn một tấm hình đẹp, một bản nhạc hay ..
Nhiều khi một cái hình mặt cười mặt khóc trông tin tin tí nhưng lại nói thay nhiều điều ..
Những cái này blogspot không có, bạn phải tự làm.
Theo mặc định của Blogger, khi còm bạn có thể viết đậm, viết nghiêng, giới thiệu một bài viết hay
Cú pháp:
< b> chữ muốn viết đậm < /b>
< i> chữ muốn viết nghiêng < /i>
< a href=link> bài viết muốn giới thiệu < /a>
Muốn chèn video, hình hay nhạc, bạn có thể vào đây xem hướng dẫn cách làm.
Muốn chèn mặt cười yahoo, bạn có thể vào các link sau để xem hướng dẫn:

link 1. ở đây: http://mltan100.blogspot.com/2008/02/use-emoticon-on-blogger-blog.html
link 2 ở đây: http://www.thuthuatweb.net/blogspot/chen-bieu-tuong-emoticonssmileys-vao-trong-blogger-comments.html
link 3 ở đây: http://site4it.blogspot.com/2012/08/chen-emoticon-vao-blogspot.html#.UPJpDR30Bc0

Update 3/2/2013: Ở Blogger 3 giới thiệu cách làm đơn giản hơn.

5. chèn các widget trang trí cho blog
Blogspot cung cấp sẵn hơn 800 tiện ích (widget), tha hồ cho bạn lựa chọn để trang trí cho blog của mình.
Cách thêm những tiện ích thông dụng có thể tim xem ở trang này .
Nếu vẫn chưa vừa ý, có thể tìm thêm hỗ trợ bên ngoài. Các widget như biển báo số và quốc tịch khách online, bản đồ khách viếng thăm, đồng hô chim cu, tuyết rơi tim rụng .. thường chỉ là chèn một đoạn code vào widget HTML/JavaScrip tương tự như đã làm với recent comments ở trên. Code thì gúc là ra.
Tuy nhiên cũng nên lưu ý là càng thêm vào nhiều tiện ích trang web load càng chậm. Đặc biệt nếu các widget chưa hình  ảnh hay nhạc, clip .. thì mỗi khi load trang, nó phải liên hệ với các trang chủ ở tận đâu đâu để tải về .. máy yếu hoặc mạng yếu thì vào những trang như thế khách không khỏi nản lòng. Nhiều bạn than thở sao làm đủ các bước mà video khi chạy khi không .. Thật ra là vì trang web của bạn quá nhiều widget chứa hình ảnh các loại nên load chậm.

Cuối cùng, cũng xin nhắc thêm: blogspot chạy rất tốt trên các trình duyệt Chrome, Firefox. Nếu bạn dùng IE 9 thì cũng OK, nhưng nếu dùng IE 8 trở xuống thì rất chán. Bạn mà dang xái win XP thì nhiều phần chắc đang chạy IE 8 hoặc IE 7. Bạn nên nhanh chóng cài Chrome hoặc FF nếu chưa có.
Muốn cài, vào google gõ là tìm ra ngay thôi.


45 nhận xét:

  1. Giáng sinh an lành & hạnh phúc nha anh ui !

    [img]http://i1249.photobucket.com/albums/hh509/Chuonchuonot2010/Giang%20sinh/wap9xvn-giang-sinh-2_zps393761b0.gif[/img]

    Trả lờiXóa
    Trả lời
    1. tks em nhé. Cũng chúc em một mùa giáng sinh an lành.
      Duy Quang vừa mất. Noel nghe bản nhạc do Duy Quang ca rất được yêu thích một thời

      [youtube]http://youtu.be/8dKlz30d128[/youtube]

      Xóa
    2. Nghe chất giọng ấm áp của Duy Quang trong bài này anh ui !
      (nghe bài này tự nhiên nhớ TN, nhắc dị k bít nàng có hắt xì k !hì hì)
      [youtube]http://www.youtube.com/watch?v=7O8NFO0cDpw[/youtube]

      Xóa
    3. Em yên tâm, nàng ấy nhiều người nhắc lắm í, nên chắc ko đủ sức hxh mỗi khi có ai nhắc đâu .. :)

      Xóa
    4. Chả biết nhác đến nàng TN nào, tự nhiên mắt...cay cay nè...
      Đồng xanh...sao mà ghét những lãng đãng....
      Toàn những giai điệu, những kỷ niệm, những xốn xang...

      Xóa
    5. Hihi, tai cũng mỏng nhở ..
      Once there were green fields kissed by the sun
      Once there were valleys where rivers used to run ..
      ..
      Green fields are gone now, parched by the sun
      Gone from the valleys where rivers used to run
      Gone with the cold wind that swept into my heart
      ..
      [youtube]http://youtu.be/46o1joHp7t0[/youtube]

      Xóa
    6. Hi hi ! Có ngừi hắt xì òi kìa anh ui !
      Uhm ! Em thích Green Fields của Brothers Four nhất !

      Xóa
    7. uh, nhạc buồn mênh mang
      lời tiếng anh hay nhỉ

      Xóa
    8. TN thích bài này lắm, có quá nhiều kỷ niệm thời thơ ấu... Thích quá nên nó vận vào người, nick name đầu tiên lấy ngay tên TN... Sau có ông thầy bát tự bảo, lẽ ra phải tên Hỏa hay núi lửa hay nham thạch gì đó mới hợp phong thủy...nhưng đã muộn!

      Sao bài hát về TN mà lại mênh mang buồn được nhỉ...Nó phải phóng khoáng tự tại ung dung chứ nhỉ...?

      Xóa
    9. Thảo nguyên phóng khoáng thì chắc, nhưng ung dung tự tại thì còn tùy.
      Giữa thảo nguyên bao la người ta có nhiều thời gian để chiêm nghiệm hơn, thâm cảm được sự bé nhỏ của con người .. và nhờ thế sống chân thật hơn .. và vì thế thường buồn mênh mang ..

      Xóa
  2. Nhờ sư phụ giúp tớ cách tạo tiện ích KHÁCH MỚI VÀO.Mò hòai không thấy đâu.! Cảm ơn nhiều

    Trả lờiXóa
    Trả lời
    1. Cảm ơn bạn nhé, mình biết Blogger có hơn 800 tiện ích, nhưng lười lục vì thật ra cũng chả có nhu cầu. Bạn hỏi mới thử tìm, hóa ra blogger cũng có cái Khách Mới` vào như bên yahoo.
      Bạn làm như sau:
      Vào Bố cục >> Thêm tiện ích >> Tiện ích khác rồi gõ vào ô search ở góc trên phải từ khóa Recent visitors để tìm.
      Tìm được rồi, bạn nhấn nút dấu +, thay đổi gì tùy ý, xong nhấn Luu là xong.

      Xóa
  3. thankslot tối ni về nhà mò thử chắc là được. Mấy cái code css không biết dán mô, dán tùm lum chẳng thấy tăm hơi chi cả

    Trả lờiXóa
  4. :) =)) :-* :( =(( B-) :-h :-*

    Trả lờiXóa
  5. :)) ha ha, ghét quá, cho cái mặt xấu nè: :D

    Trả lờiXóa
  6. Nó có toàn bộ các emoticons của yahoo (ver <10 thì phải), nên ai nhớ phím tắt của chúng đều có thể dùng. Mình chỉ giới thiệu mấy cái thường gặp.

    ;) ;;) :-/ :x :"> =(( :-s :| o:-) :-B :-o :-t 8-> L-) :-& 8-) #-o :-?

    Trên bài vừa bổ sung ba link hướng dẫn cách add emoticons đấy, ai thích có thể làm. Mình đã test, ba cách đều ok. Cách đầu đơn giản nhất, nhưng hơi chậm vì nó cho phép chèn quá nhiều icon, ngoài ra nó ko chỉ work trong comment mà cả trong bài viết chính (gõ phím tắt trong bài nó cũng ok). Ai có hiểu biết về script thì cop cái script này về sửa lại tí - chủ yếu là bỏ bớt một số icon, bỏ đi một số class, rồi up lên host riêng mà dùng thì rất nhanh.

    Trả lờiXóa
    Trả lời
    1. Anh chăm chỉ như con ong á :bz !

      Xóa
    2. He he ! Con ong em test nó k hiện hình !
      Test nữa ! :((

      Xóa
    3. Á ! Vẫn k đúng hình em test ! Nó hiện hình khác ! Bắt đền anh !

      Xóa
    4. Hì, hình con ong ko có trong list. Hình cuối em định làm mặt mếu chứ gì. Phím tắt của nó là : ( ( nhưng trình duyệt nó mới đọc hai cái đầu là cho luôn kết quả :( .

      Xóa
  7. K nè, sao Ka làm ở Blog nhà mình nó ko ra nhỉ, chắc phải gõ phím thẳng vào tiện ích chứ ko copi được đúng ko?
    Hic, hỏi để mà hỏi, ngủ tít còn đâu, từ giờ đến sáng cũng làm được mà.

    Trả lờiXóa
    Trả lời
    1. Gõ phím thẳng hay copi thì tác dụng cũng như nhau thui, nhưng đoạn code dài ai sức đâu mà gõ ? cop thui :d
      Mà Ka làm theo cách nào thế ? Ở trên giới thiệu ba cách.
      Lát ghé qua xem đã làm được chưa nào.
      có làm đi, còm cho vui mắt :))

      Xóa
    2. Cop k được K à, gõ thẳng mói được?

      Xóa
  8. [img]http://sinhvientayan.com/web/sinhvientayan/data/upload_file/Image/thong%20tin%20bien%20khao/hoa_sen_no.jpg[/img]

    Trả lờiXóa
    Trả lời
    1. Hì, đang test để làm ảnh trong còm nhỏ lại. trước nó to đoành, choán cả ra lề.
      Vừa làm được màu và size cho chữ ở còm nữa rùi này.
      Ko ai khen thì tự khen =D> =))

      Xóa
    2. Há há, đang thắc mắc sao có mấy cái màu lạ thế
      Túm lại là bọ chưa làm được gì hết. Bọ chán, bọ đi nấu cơm đây. Bọ không làm được mai sẽ hỏi K.

      Xóa
    3. test gì ko được thế ? :-?

      Xóa
  9. test
    [size="14"][color="blue"]mu[/color][/size]
    [size="16"][color="red"]4113[/color][/size]
    [size="18"][color="green"]4i3[/color][/size]
    [size="20"][color="yellow"]keke[/color][/size]

    Trả lờiXóa
  10. [size="20"][color="pink"]4i3[/color][/size]
    [size="24"][color="purple"]4113[/color][/size]
    [size="30"][color="violet"]4m3[/color][/size]
    [size="36"][color="cyan"]4k3[/color][/size]
    [size="40"][color="gold"]keke[/color][/size]

    Trả lờiXóa
  11. Trả lời
    1. ~O)
      :"<
      gần hai trăm icon, xóa hết chỉ còn giữ lại 20 cái trên đây cho nhẹ thui.

      Xóa
  12. Em muốn ghi chú cặp thẻ "giới thiệu bài viết" để mọi người biết comment mà khi ghi chú xong nó cứ hiện như này:
    - giới thiệu bài viết: Tên bài viết
    Thẻ chữ đậm, chữ nghiêng cũng vậy !
    :(
    Anh chỉ cho em cách ghi đi !
    ------

    Trả lờiXóa
    Trả lời
    1. Muốn có > em gõ & gt ; (gõ liền, ko có khoảng cách nhé. Các ví dụ sau cũng thế)
      Muốn có < em gõ & lt ;
      Ví dụ muốn gõ câu em nói, tong ô giới thiệu ấy em gõ
      - giới thiệu bài viết: & lt ;a href= link_bài_viết & gt ; Tên bài viết & lt ;/a& gt ; (nhớ gõ liền nhé)

      Xóa
    2. Dạ ! Thanks anh ! Em thử liền đây ! @};-

      Xóa
    3. Em làm được òi ! Thanks anh lần nữa ! :)

      Xóa
  13. Chào bạn!Mình được người bạn là Chuồn chuồn Ớt giới thiệu nên qua nhà bạn làm quen và học tập kinh nghiệm trang trí blog đây.Mình vừa thể nghiệm thành công việc cài mấy dòng ghi chú cho phần chữ nghiêng,chữ đậm và giới thiệu bài viết cho phần comment xong.Cám ơn bạn nhiều nhé!
    Qua đây thấy bạn có thêm tiện ích thay đổi cỡ chữ và màu chữ nữa-mình thích quá!Nên mạo muội nhờ bạn hướng dẫn giúp luôn. :) Xin cám ơn bạn nhiều!
    CXhu1c bạn đón tuần mới vui vẻ nhé!

    Trả lờiXóa
    Trả lời
    1. Chào mừng bạn đến thăm =D>

      tiện ích thay đổi cỡ chữ và màu chữ nữa-mình thích quá!

      Bạn đọc bài Blogger 3 nhé. Đang viết Blogger 4, sẽ giới thiệu thêm cách khác có lẻ còn đơn giản hơn đấy :d

      Xóa
  14. Anh K ơi!Cái mục anh nói nó ở chỗ nào vậy?Sao em tìm không thấy nhỉ?Cái read more ấy.

    Trả lờiXóa
    Trả lời
    1. Sorry.
      Cái mục chèn read more nằm ở Blogger 1 - Phần hai [color="blue"]Viết bài[/color], [color="red"]Mục 3 [/color]

      Xóa
  15. Anh K ơi em dan code nay vào tạo (3. Recent comments)
    Cách 2: (có avatar tròn)
    Hoàn toàn tương tự như trên, riêng đoạn code thì cop ở đây: hoặc ở đây.
    Riêng phần avatar bị bo tròn, có thể thay đổi thành vuông bằng cách thay đổi tham số ở border-radius.
    làm hoài không được?
    Mong anh cho em code đó với, dc k anh?em chờ tin anh từng ngày?

    Trả lờiXóa
    Trả lời
    1. 1. em vào theo link thứ nhất, tức đến trang web này
      làm theo hd của người ta:
      Nếu để nguyên thì avatar sẽ tròn. Muốn chuyển thành vuông thì em chú ý đoạn code thứ ba:
      [color="blue"].avatarRound {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      [/color]
      Thay các con số 100px ở trên thành 5px, em sẽ có avatar như ở đây
      Em vào xem coi vừa ý ko, nếu ko em thay bằng số khác, khi nào vừa ý thì thôi

      Xóa
Mẹo Comment

Chú ý: chỉ cần dán link vào, không cần gõ thẻ khi post
Hình (file có đuôi jpg, jpeg, png, bmp, gif ),
Nhạc (file có đuôi mp3 hoặc từ trang web nhaccuatui),
Video (từ Youtube)

Đổi cỡ, màu chữ:
[color="red"][size="20"] chữ cỡ 20 màu đỏ [/size][/color]
(màu dùng mã hexa hoặc tiếng Anh: red, blue, green, violet, gold ..)
Giới thiệu link: <a href="link"> tên link </a>
Chữ đậm <b> chữ đậm</b>
Chữ nghiêng: <i> chữ nghiêng </i>

Chèn Yahoo smiley (click Chèn emoticons để xem phím tắt)
Đã thêm mấy smiley nhưng chưa rảnh thêm vào bảng chèn. Phím tắt:

:-/ bối rối ;) nháy mắt ;;) đá lông nheo
:"> thẹn :X yêu thế =(( tan nát cõi lòng

Chèn Emoticons
:))
:D
:p
:)
:(
:-o
:-*
=))
:((
:-?
:-h
~o)
@};-
:D
[-X
=D>
*-:)
B-)
X(
:@)