Thư viện

Trải nghiệm

Thứ Sáu, tháng 12 19, 2014

[Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger

Hướng dẫn thực hiện thủ thuật blog Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger tại Terocket cả nhà nhé!

Chia sẻ:
Thủ thuật blog cực hay dành cho các bạn viết blog cá nhân & khẳng định thương hiệu của mình trong cộng đồng

Một thủ thuật rất hay dành cho các bạn viết blog cá nhân, cách để khẳng định bản quyền tác giả và dễ phân biệt tác giả là ai trong blogspot, với thủ thuật [Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger mà Terocket mang đến. 

Thủ thuật này cực kỳ đơn giản, chỉ cần vài bước nhỏ bạn có thể gắn logo hình ảnh của mình lên đằng trước tiêu đề rồi, đây là cách khẳng định bản quyền và xây dựng thương hiệu cá nhân rất tuyệt vời. Cùng Terocket thực hiện thủ thuật [Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger này nhé. 

Bước 1 - Chèn CSS vào HTML chính của website bạn

Đầu tiên các bạn hãy vào Blog Title → Template → Edit HTML. Nhấn Ctrl + F. Bạn tìm được <b:skin>...</b:skin> chèn code sau  vào giữa đó. Hoặc tìm kiếm ]]></b:skin> và chèn code sau vào trên ]]></b:skin>.

.avatar-author{float:left;margin-right:10px;border:0;border-radius:50%;padding:0;width:30px;height:30px}

Bước 2 - Chèn Javascript vào HTML chính của website bạn

Tìm </head> và chèn code sau vào trước </head>.

<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>

Bước 3 - Tìm kiếm <b:if cond='data:post.title'> và chèn code

Tiếp theo các bạn tìm kiếm <b:if cond='data:post.title'> và chèn code sau ở trước nó. Và nhớ rằng có nhiều <b:if cond='data:post.title'>, nên bạn phải chắc chắn rằng tìm đến vị trí đúng. Thử cái này không được thì hoàn tác lại và thử ở vị trí <b:if cond='data:post.title'> khác nhé!

<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>

Sau đó các bạn Lưu lại và xem thành quả nhé. Thế là xong thủ thuật blog [Tips] - Thêm ảnh tác giả Author Avatar ở đầu tiêu đề cho Blogspot Blogger này tại Terocket rồi. Chúc các bạn thành công, bạn nào đã làm được hãy share kết quả ở dưới, bạn nào chưa được thì gửi bình luận để Terocket trợ giúp nha!

Một số bài viết liên quan đến Author Blogspot tại Terocket

  1. Author box đẹp chèn bên dưới bài đăng
  2. Hộp tác giả với thống kê số lượng bài viết đẹp cho blogspot
  3. Khung Author box có nút like cho blogger ves 2
  4. Khung Author box đẹp từ CSS3 cho blogger [ves1]

Trứng Vịt - Terocket

30 nhận xét:

  1. tiện ích stick ký của em nó cứ nháy nháy khi kéo chạm chân trắng - nhất là bài nào ngắn -
    cực khó chịu.anh thành xem chỉnh em tí - trang em là : duy3s.com

    Trả lờiXóa
  2. anh vào xem trang trực tiếp mới thấy được lỗi anh ạ :
    vd : http://www.duy3s.com/2014/12/vong-giau-mat-voicethi-sinh-cung-giau.html
    phía bên phải dưới cùng = "video clip hot "
    khi kéo xuống chạm lề cuối thì nó sẽ bị lỗi

    Trả lờiXóa
  3. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  4. Chào bạn, cho mình hỏi ngoài topic tí nhé. Mình có cái template cho blog dưới đây:
    http://demo-graphicshaing4u.blogspot.com/
    Hiện tại có chỉ có 4 label để hiện bài viết mỗi label. Mình muốn add thêm vài label như thế nữa mà không biết làm thế nào. Rất mong được sự giúp đỡ của bạn.
    Cảm ơn rất nhiều về những thủ thuật cũng như đóng góp của bạn.

    Trả lờiXóa
    Trả lời
    1. Bạn phải gắn nhãn vào bài viết thì mới được chứ, chẳng hạn muốn xuất hiện trong ô label"Web Template" thì bài viết của bạn cũng phải được đặt nhãn "web template"
      Khanh98.blogspot.com

      Xóa
  5. a nam ơi có thể hướng dẫn e fix lỗi ảnh thum ở trang chủ bị mờ được không ạ @@

    website em là: http://www.androidgamenet.com, rất mong a giúp đơ ạ

    Trả lờiXóa
  6. bạn xem cho minh trang age88.blogspot.com .khi mình thu nhỏ cửa sổ thì thanh menu ở trên nó cứ trượt ngang là sao nhỉ.THANKS

    Trả lờiXóa
    Trả lời
    1. Vì cái menu đó không thuộc thể loại respónsive bạn ạ
      khanh98.blogspot.com

      Xóa
  7. chào namkna bạn xem và có thể viết 1 bài như thế này để chia sẻ cho mọi người biết đc ko
    mình mày mò hoài mà ko đc namkna ạ
    xem ở đây nhé
    http://sothichweb.com/article.php?aid=xay-dung-plugin-slide-door-voi-jquery_d967abd

    Trả lờiXóa
  8. Klq nhưng mình muốn hỏi 1 tí. Làm sao để lúc post ảnh mình cho size cỡ lớn, post xong người xem có thể click vào để thấy được kích cỡ gốc vậy?

    Trả lờiXóa
  9. anh nam ơi anh có thể giúp em nân cấp tài khoảng adsen từ hosted lên conten được không anh giúp em được em xin gửi tiền công cho anh và hậu tạ anh mông anh giúp em với em đang ký mãi không được web em là www.saochat.com

    Trả lờiXóa
  10. Anh nam cho em hỏi tí ạ : làm sao để chuyển phần trong ảnh http://i.imgur.com/qrxk6uN.png , lên trên này http://i.imgur.com/e7KHhvO.png , anh giúp em mới thank anh nam

    Trả lờiXóa
  11. admin cho mình xin cái template trang terocket vào mail vanthaiseo@gmail.com được chứ ạ, cảm ơn admin nhiều ^_^

    Trả lờiXóa
  12. Nếu các bạn muốn sửa đổi thì cách hiển thị thì có thể học qua về CSS ở bài viết sau của mình nhé !
    CSS cơ bản đến nâng cao

    Trả lờiXóa
  13. ADMIN cho em hỏi không biết mấy hôm nay blog của em khi vào trang chủ thì chỉ hiện được có mỗi một bài, và khi chuyển trang mới xuất hiện nhiều bài, Bác có thể xem cho em lỗi này được không ạ.
    - Website: vemaybaytet.net.vn (em trỏ domain về blogspot)
    Em không biết đặt câu hỏi này vào mục nào cho chuẩn, mong admin bỏ qua nhé.

    Trả lờiXóa
    Trả lời
    1. Mình thấy bt rồi mà nhỉ :D
      Mà bạn nên cố định cái nền....sẽ hay hơn đấy .

      Xóa
    2. Mình thấy bt rồi mà nhỉ :D
      Mà bạn nên cố định cái nền....sẽ hay hơn đấy .

      Xóa
  14. Admin ơi cho mình hỏi ngoài lề bài này chút nha;
    Mình muốn làm 1 thư viện sách mà muốn làm tìm kiếm kiểu như chữ cái như các trang thư viện sách ấy thì làm như thế nào.
    Trang mình http://thuviensach.gmek.com.vn/ Thank admin rất nhiều :))))

    Trả lờiXóa
    Trả lời
    1. Với CMS của blogspot thì việc tìm kiếm chỉ có theo search/label/ vậy thôi :D
      Nó không có thiết lập categorie... nên nếu bạn vẫn dùng blogspot thì chỉ có cách đặt theo label : A B C....
      P/s:
      Mạn phép help bạn
      Hnay có hứng với blogspot :;))

      Xóa
  15. Thưa anh! Cái này vẫn áp dụng cho blog có nhiều tác giả đăng bài thì vẫn được chứ ạ

    Trả lờiXóa
  16. Lâu lâu ko sờ tới blogspot, vào ghé thăm namkna ..........mà giật cả mềnh :D
    Ban đổi mới quá nhể. Mà có phải là Namkna làm admin nữa ko đó ?

    Trả lờiXóa
  17. http://www.gamekeysvn.com/ Bán key Game giá rẻ

    Trả lờiXóa
  18. quá hay (Y) like cho chủ thớt 1 cái :p

    Trả lờiXóa
  19. Ở Bước 3 - Tìm kiếm và chèn code. Tôi đã tìm kiếm rất kỹ, song vẫn không tìm thấy dòng nào có cả, bạn ơi. Chỉ điểm giúp cho tôi với. MONG !!!

    Trả lờiXóa
  20. Thanks for share the widget. I have added this widget on my site

    Trả lờiXóa
  21. Làm đúng các bước kg bị báo lỗi nhưng không hiển thị là sao ta ?

    Trả lờiXóa