reset and begin
7/14/2013

Chuyển avata mặc định của user và anonymous - blogspot

Để thay đổi avatar mặc định nhàm chán của blogspot thành những avartar mà bạn thích cách làm rất dễ dàng


1- thêm thư viện jquery vào

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

2-mở edit/html trong chỉnh sửa chèn code sau vào trước </body>


để thay avartar cho anonymous
<script>
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAsCQwdHyNf9CQFMNd072n9Ii0hZlMDhJmCFX4CRiRpzs_w5pOdzRoDAqWg_KKdOTfrj0ktxHjZ67FVA5l2lejPB2pI8IdDk5nJnETq-BahRSI3yVPQRfz_52jwfpH9vrgwOzWz_E2M5Mw/s36/anonymous-mask-500x500.jpg&#39;)
.ssyby(&#39;blank&#39;)
</script>
để thay avartar cho blogger không dùng ảnh đại diện
<script>
$(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YQlcdjB4YxGErIWBwmQQN6LYr__0CFHFYLvo8_Rxr1XfUgp__NS5iVTeiLr-SZ0Iioiv42OkQIaYYAqVW_E-ZeSkKqsNjzPKwnskGfaFFGUAKwMbpL-bOWy8UB_Vlx3Ehh-WYQ9mT7gz/s36/cobra80x80.jpg&#39;)
.ssyby(&#39;blank&#39;)
</script>

link ảnh màu đỏ là dùng để thay thế avartar mặc định của blogspot

Bloger Comments
G+ Comments
Comments FaceBook

7 comments:

  1. Bạn ơi cho mình hỏi, thêm thư viện jquery ở bước 1 là thêm vào phần nào thế?

    ReplyDelete
    Replies
    1. đây là thư viện nên bạn có thể đặt trước tab </head>

      Delete
    2. Cám ơn bạn nha. À mà bạn có cách nào để tạo thanh cuộn scrollbar cho phần comment của blogspot không? Để khi phần bình luận dài quá thì thanh cuộn sẽ xuất hiện, đỡ chiếm diện tích ấy ^^

      Delete
  2. .comment_content{
    height: 400px;
    width:480px;
    overflow:auto;
    }
    tùy từng template bạn có thể khác

    ReplyDelete
    Replies
    1. Thanks bạn nhiều, mình tùy biến một chút và thành công rồi ^^
      Cám ơn bạn đã nhiệt tình giúp mình

      Delete
  3. Hic hic, cho mình làm phiền bạn xíu nha. Số là phần thanh cuộn cho comment ko có vấn đề gì, nhưng khi đăng nhập bằng điện thoại lại ko thể cuộn xuống để đọc comment, mà khung để add comment cũng nằm trong đó, thế nên ai đọc bằng đt sẽ ko thể nào bình luận đc (đa số độc giả của mình online bằng đt)

    Vậy nên mình muốn hỏi bạn cách để chỉ áp dụng thanh cuộn cho phần bình luận thôi, còn khung để add comment vẫn nằm phía dưới, giống blog của dunghennessy ấy.

    Cám ơn bạn nhiều lắm, xin lỗi đã làm phiền!

    ReplyDelete
    Replies
    1. comment chia làm 2 phần comment đã hiện và comment form ( để cho người đọc comment ) bạn cần xác định đâu là phần thêm thanh cuộn
      vd của mình là comment-content và comment-form

      goo.gl/sIQTkX

      bạn muốn thanh cuộn ở comment-content chỉ cần add css
      .comment_content{
      height: 400px;
      width:480px;
      overflow:auto;
      }
      tuy nhiên blog của bạn lại khác -mỗi template 1 kiểu mà code css cho blog bạn có thể là


      goo.gl/qN002u

      #comment-holder{
      height: 400px;
      width:480px;
      overflow:auto;
      }
      còn đây là của hen si si gì đó

      goo.gl/kzePQ9

      comments-block {
      margin: 1em 0px 1.5em;
      line-height: 1.6em;
      padding-left: 20px;
      height: 300px;
      width: 580px;
      overflow: auto;
      }

      Delete

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .