6/2/13

Blogger 4 Tổng kết và bổ sung

1. Với các bạn mới bắt đầu lập blog, đọc:
- Blogger 1 hướng dẫn các điểm cơ bản nhất: đang kí để tạo một Google blog, cách set các tiện ích (widget) thường dùng Nhãn, Recent Posts, Recent Visitors, Lưu trữ blog, Danh sách Blog .. .
Ở Blogger 1 cũng nêu những điểm cần lưu ý nhất khi viết bài, cách chèn hình, nhạc, video ..
- Blogger 2 trả lời một số câu hỏi của một số bạn: cách tìm bạn, kết bạn, cách ẩn bài chưa muốn đăng, cách set tiện ích Recent Commentschèn hình, nhạc, video vào còm.
Phần chèn hình, nhạc, video giới thiệu đến một số trang web để bạn tìm hiểu cách làm và lấy code ở đó. Tuy nhiên do một số bạn than cách làm ở mấy trang ấy phức tạp, ko làm được nên đã cải tiến và bổ sung mới, để các bạn ko những có thể chèn hình, nhạc, video vào còm mà còn chèn được một số yahoo smiley, thay đổi cỡ và màu chữ ở còm .. Nhưng quan trọng nhất, qui trình làm rất đơn giản, dễ dàng làm theo. Những cải tiến, bổ sung này được trình bày ở Blogger 3.


2. Các Tiện ích (widget) đã giới thiệu:
Nhãn (Label), Bài Mới Đăng (Recent Posts), Khách Vừa Vào (Recent Visitors), Lưu trữ blog (Blog archive)Danh sách Blog (Blog list, Link List): xem Blogger 1
- Bình Luận Mới (Recent Comments): Xem Blogger 2
- Chèn hình, nhạc, video, mặt cười (Smiley), đổi cỡ, màu chữ trong còm: Xem Blogger 3.

3. Để thực hiện một số thủ thuật bạn phải Chỉnh sửa HTML của Mẫu (Template).
Cách tìm các từ khóa trong Template được hướng dẫn ở Blogger 3.
Template là xương sống của blog, vì thể bạn cần biết cách Sao lưu (Backup) và Khôi phục (Restore) nó.
Nói chung, trước khi chỉnh sửa HTML thì bạn nên Sao lưu để đề phòng bất trắc thì có thể trở về Template đang dùng.

Cách Sao lưu (Backup) và Khôi phục (Restore) Mẫu (Template)
Từ trang Blog đang mở lần lượt nhấn nút Thiết kế (Design) >> Mẫu (Template), nhìn vào góc trên bên phải sẽ thấy nút Sao Lưu / Khôi phục (Backup/Restore).


Nhấn vào nút ấy. Một cửa sổ mở ra.


- Muốn sao lưu bạn nhấn nút trên. Một file đuôi .xml sẽ được lưu vào ổ cứng. Lưu ý xem nó lưu ở đâu để lát tìm nhé.
- Muốn khôi phục thì nhấn nút dưới. Bạn phải chỉ cho nó file để khôi phục.

Bổ sung một số thủ thuật

1. Tạo Related posts
Mục đích: Tự lấy các bài cùng Nhãn (label) đặt ở cuối bài

Bước 1: Vào Template >> Edit HTML và chọn Expand Widget Templates
Bước 2: Nhấn Ctrl + F và tìm tới từ khóa ]]>. Thêm đoạn code dưới đây trước từ khóa tìm được



Bước 3: Tìm tới từ khóa <div class='post-footer'> và thêm đoạn code dưới đây ngay sau từ khóa này



2. Nút Up Down  Bài dài quá, mỗi lần lăn chuột lên xuống mỏi tay, làm cái nút Up-Down cho tiện.
Khá nhiều nơi đã hướng dẫn, bạn tham khảo, chẳng hạn, ở Namkna blog

3. Tạo máy nghe nhạc cho blog
Nếu chèn nhiều nhạc hay clip diện tích chiếm nhiều ko đẹp. ạn có thể chèn một máy nghe nhạc lên blog cho tiện. Muốn thế trước hết vào Templat > Chỉnh sửa HTML tìm thẻ </head> hay </body> hoặc mở thêm một widget HTML/Java rồi chèn đoạn code này vào:

<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>


Từ nay khi viết bài, muốn post nhạc (điều kiện: đuôi mp3) hoặc video (điều kiện: từ youtube) bạn vào trang soạn thảo HTML và gõ dòng code sau vào chổ muốn chèn nhạc hay video:

<a href="link_bản_nhạc">Tên bản nhạc</a>

Hoặc nhanh hơn: bạn gõ tên bản nhạc, bôi đen để chọn, rồi click vào nút Link, paste cái link vào là xong.
Ví dụ muốn post hai bản Tạ Tình và Hẹn hò, ta có hai cách:
Cách 1: gõ code::


<a href="http://youtu.be/9FcZcgubI2k">Tạ Tình nhạc Hoàng Thi Thơ</a><br />
<a href="http://123.30.128.7/mp3/0/0/66/68409.mp3">Hẹn Hò nhạc Phạm Duy</a><br />

(Trên có dùng thêm thẻ <br /> (break) để xuống dòng)

Cách 2:
- gõ: Tạ Tình - nhạc Hoàng Thi Thơ
- dùng chuột bôi đen dòng vừa gõ
- click vào nút Link
- điền link của bản Tạ Tình vào
- tương tự với bài thứ hai

Ta được:

Các bạn thân mến,
Yahoo bị đóng, dạt qua đây mới bắt đầu tìm hiểu blogspot. Trong quá trình tìm hiểu có ghi lại link giới thiệu  một số thủ thuật và cả một số note nhằm giúp các bạn đến sau. Tiếc là có nhiều thủ thuật hơi phức tạp với một số bạn - mà mình hay đùa là các anti-IT lazy lady, thật ra có cả các gentlemen nữa đấy :d - kêu khó hiểu quá, nên đã phải coi kỷ lại (trước cứ theo hướng dẫn mà làm thôi) và thấy có thể thay đổi tí để hoặc qui trình thực hiện đơn giản hơn, hoặc thủ tục hiệu quả hơn. Ví dụ thêm đoạn code ngắn để nhạc (lấy từ nhaccuatui) không autoplay nữa, hoặc từ gợi ý sử dụng hàm replace để chèn hình, video, nhạc đã thêm code để chèn được yahoo smileys, thay đổi cỡ và màu chữ trong còm .. và đặc biệt sau khi đoc một entry trên duypham.info về khả năng chèn hình, video .. mà không cần gõ thẻ đã gợi ý tìm tòi và thay đổi code lại dể làm được như thế (đoạn code này trên blog duypham đã bị mã hóa nên ko chôm được :d). Dù sao thì những cải tiến qui trình hay thêm bớt thay đổi code để tăng tính năng của thủ thuật thì cũng đã dựa vào các đoạn code cũ, các ý tưởng đã có. Vì các nguồn tham khảo bị trùng lặp rất nhiều nên thực sự chả biết đâu là chính chủ để nói lới cảm ơn và dẫn nguồn, nên xin được gởi lời cảm ơn chung ở đây các blog đã được tham khảo nhiều lần: duypham blog, namkna blog, thuthuat blog, helpblogger ...
Cho đến hôm nay đã giới thiệu một số thủ thuật có lẻ cần thiết nhất, có lẻ cũng tạm đủ dùng cho một blogger. Còn nhiều thủ thuật khác nữa cũng khá hay, ai muốn tìm hiểu thêm có thể đến các blog vừa giới thiệu, hoặc tìm trên mạng nhé.

25 nhận xét:

  1. Em qua cám ơn anh nè!Em đã làm được rồi!Mọi thứ ok hết nhưng riêng cái tiện ích HTML ở nóc nhà của em thì bị ngưng hoẹt động.Không hiểu là code này đang "uýnh lộn" với code nào của anh cho nữa.Hi..hi..
    Chúc anh cùng gia đình đón năm mới thật vui vẻ,mạnh khỏe,may mắn và ngập tràn hạnh phúc nhé!
    http://1.bp.blogspot.com/-_J1SiwBfcGg/UObRyEegkJI/AAAAAAAAEMA/prcXaASzMWU/s1600/trungthieugia.com_1352933651_CMNM-phuquy-2.0.jpg

    Trả lờiXóa
    Trả lời
    1. Mấy hôm nay bận quá nên ko tra lơi được.
      ko biết đã ok chưa.
      Anh vừa ghé qua nhà thấy mấy câu thơ vẫn load được.

      Xóa
  2. Anh ơi ! ở phần Tạo Related posts em tìm được 3 từ khóa này [color="red"] ]]> [/color] trong template, và 2 từ khóa [color="red"] < div class='post-footer'> [/color] lận, giờ em chép code vào chỗ nào ???? :((

    Trả lờiXóa
    Trả lời
    1. Em lấy cái đầu tiên tìm được
      Hì, nếu ko đúng thì em bỏ đi, lấy cái thứ hai :d
      có hai, ba cái thì càng dễ chọn, sao lại khóc hả em :))

      Xóa
    2. Blogger 3 em làm ổn hết anh ạ ! Còn ở Blogger 4 này phần tạo Related posts em làm mãi mà k lưu được template.
      Phần Nút Up-Down thì trông như bị "vẹo cột sống" dzị đó ! Nhìn mắc cười lắm ! (Em sẽ chỉnh lại, chắc do các hình k đồng kích cỡ ! He he)
      Phần Máy nghe nhạc thì nó chẳng giống list nhạc của anh gì cả ! Trông nó như thế này nè anh ! Anh chỉ em làm sao cho nó giống list nhạc của anh đi !

      Xóa
    3. - sao ko lưu được template nhỉ ? Nó báo lỗi gì ko cho lưu hả em ?
      - nút up down vẹo vì nút giữa bị nhỏ đấy. Em chú ý nút mũi tên nó có khung chữ nhật (trong suốt) bên ngoài nhé. Nên nút giữa cũng phải có độ rộng bằng thế mới được
      - sau mỗi dòng em cần có thêm thẻ <br /> để xuống hàng

      Xóa
    4. Nó báo lỗi XML gì gì í !

      Xóa
    5. Thế là cú pháp bị lỗi gì đấy rồi. Để rảnh tí anh check lại nhé.

      Xóa
    6. http://rootfun.net/images/2012/01/Great-Weekend.gif

      Xóa
    7. Ủa ! Cái ảnh em post ở còm trên đâu mất tiu òi anh ???

      Em đã chỉnh kích thước khung Chèn Emoticons một chút cho các ký tự khỏi rơi xuống thêm 1 dòng, nút Up-Down cũng hết bị vẹo cột sống, list nhạc đã xuống dòng như của anh chứ k liền tù tì như trước ! Blog em đã ổn, đã đẹp ! Bạn em khen ! Hì hì ! Em cảm ơn anh nhìu, nhìu lắm lắm !! >:D< >:D< @};- ~o)
      http://i1249.photobucket.com/albums/hh509/Chuonchuonot2010/Food-drink/tumblr_mbzpqarlon1rj4dbho1_400_zps6f55ef4b.gif


      Xóa
    8. - ảnh trên ko thấy hiện, có lẻ do ảnh gốc bị xóa hay đổi link rồi ?
      - em và Tam Anh deu giỏi lắm =D>
      anh giờ mà bảo ngồi tỉ mẩn dò tìm từng dòng code, rui chỉnh sửa size cho khớp icon .. ngại lắm. làm một lần, được gì thì được - như lấy vợ í, một lần là quá đủ, thay phiền lắm =))

      Xóa
    9. [color="red"]như lấy vợ í, một lần là quá đủ, thay phiền lắm[/color]
      Tía má ơi ! Anh ví von hay nhở ? =))

      Xóa
  3. Anh ơi em là một cư dân blog yahoo chạy loạn wa đây chưa hiểu được gì?tìm hiểu và trang trí nhức cả đâu.Anh có thể chỉ cho em được không?:)

    Trả lờiXóa
    Trả lời
    1. Chào em. Rất vui nếu giúp dược gì cho em.
      Những gì cần thiết nhất thì anh đã trình bày trong 4 bài đấy. Chổ nào trình bày chưa đủ rõ em cứ nói, anh sẽ xin giải thích thêm

      Xóa
  4. Gần đây có một số bạn hỏi liên quan đến chuyện dán link video từ youtube, xin được trả lời như sau

    1. link có thể lấy từ [color="red"]thanh địa chỉ [/color]trên đầu trình duyệt hoặc từ nút [color="red"]share[/color]
    Ví dụ 2 link sau của cùng một clip (bỏ phần đầu http:// để khỏi bị hiện clip
    - từ thanh địa chỉ: [color="blue"]youtube.com/watch?v=1brVTBlJIAA[/color]&feature=player_embedded
    - từ nút share: [color="blue"]youtu.be/1brVTBlJIAA[/color]
    cả hai link khi dán vào còm đều cho cùng một clip (chú ý phần tô xanh giống nhau)
    nhưng link trên sẽ bị thừa phần ko tô xanh, trông xấu, nên xóa đi trước khi nhấn enter để post

    Xin lần lượt post cả hai cách để bạn thấy rõ

    Trả lờiXóa
    Trả lời
    1. http://www.youtube.com/watch?v=1brVTBlJIAA&feature=player_embedded

      Xóa
    2. http://youtu.be/1brVTBlJIAA

      Xóa
  5. 2. cách dán link ko dùng thẻ này tiện, nhưng có khuyết điểm chưa xử lí được là nếu link có dấu gạch nối thì chương trình chỉ [color="blue"]xem là link đến chổ có cái gạch nối ấy[/color] và vì thế khi dán lên sẽ ko hiện clip
    Ví dụ link sau
    - lấy từ thanh địa chỉ: [color="blue"]youtube.com/watch?v=Gl[/color][color="red"][size="20"]-[/size][/color]45tjpZck&feature=player_embedded
    - lấy từ nút share: [color="blue"]youtu.be/Gl[/color][color="red"][size="20"]-[/size][/color]45tjpZck
    khi dán vào sẽ hiện khung đen và một cọng râu, là phần từ dấu [color="red"][size="20"]-[/size][/color] trở đi

    Trả lờiXóa
    Trả lời
    1. http://www.youtube.com/watch?v=Gl-45tjpZck&feature=player_embedded

      Xóa
    2. http://youtu.be/Gl-45tjpZck

      Xóa
  6. [color="blue"][size="20"]3. Do vậy, khi thấy link có gạch nối trong thành phần của nó thì hãy chịu khó tìm clip khác thay thế (dù đôi lúc có gạch nối, link vẫn work). Không phải lấy link nút share thì ko work, còn lấy link ở thanh địa chỉ thì work, hay ngược lại - vì thật ra cả hai với chương trình đã lập sẵn, nó đều xem là một - nó thật ra chỉ quan tâm cái phần này (lấy lại link ở ví dụ trên[/size][/color]: [color="red"][size="20"]1brVTBlJIAA[/size][/color] . [color="blue"][size="20"]Đừng có gạch nối trong phần ấy là ok[/size][/color]

    Trả lờiXóa
  7. Thỉnh thoảng có bạn hỏi cách chống copy. Cái này khá nhiều trang web đã hướng dẫn, nên lâu nay tôi chỉ giới thiệu link. Vừa có người hỏi lại, nên trả lời đây luôn cho tiện những ai có nhu cầu.

    Chống copy
    1. mở template, edit HTML, tìm đến < /head>
    như đã hướng dẫn ở bài blogger 1
    2. cop đoạn code sau vào ngay trên dòng < /head>

    Tuy nhiên, tôi vẫn nghĩ đã bài post lên blog là bụng đã muốn chia sẻ, ai đem đâu đó chia sẻ giúp thì càng cảm ơn. Miễn ghi lại nguồn. Chuyện ghi nguồn là để tránh những oan ông địa: mính viết bài, ai đấy cop về ko ghi nguồn. Tình cờ bạn đọc, lại nghĩ mình cop của ngưới ta mà ko ghi nguồn, bị mắng chơi gian. Thế thôi

    Hơn nữa, các cách dùng đoạn code để chống copy như trên cũng chỉ chống các tay mơ copy thôi. Với người biết chút ít IT, vẫn dễ dàng copy :d

    Trả lờiXóa
    Trả lời
    1. Ơ chưa có đoạn code. Nó đây

      <script type='text/JavaScript'>
      function killCopy(e){
      return false
      }
      function reEnable(){
      return true
      }
      document.onselectstart=new Function ("return false")
      document.onmousedown=killCopy
      document.onclick=reEnable
      }
      </script>

      (cái này là copy lại từ source một blog có cài chống copy :d)

      Xóa

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ếu nút Trả lời ko hoạt động, xin chịu khó lên thanh địa chỉ, gõ thêm vào cuối (ngay sau html) ?m=1 rồi nhấn Enter, nút Trả lời sẽ ok. (29/11/18)