Trang chủ \24.10.12

Nâng cấp tiện ích Thống kê blog

statsĐây là phiên bản nâng cấp cho tiện ích Thống kê blog có sẵn của Blogger. Ngoài số lượt truy cập blog thì mình có thêm thống kê tổng số bài viết và tổng số nhận xét cho tiện ích này. Và dữ liệu cho 2 thống kê này được lấy từ feed với dung lượng nhỏ nhất. Vì sử dụng đến dữ liệu từ feed nên blog bạn áp dụng phải ở chế độ mở cho tất cả người đọc.




Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
#Stats1 ul{margin:10px 0;border:0;padding:0}
#Stats1 li{margin:0;border:0;background-color:#ff4e47;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiFCyUGtKFBgKarZpaYOdgTublCnheUliOrWbYBq5rgFBuI80fReRwFiP5F_n8_BHyhz2YqnnjO2XqGFklD6S1PgXr9TD2_vsNnAfXX8tmBa_c8Mbiztj6UnoivXRf_R6WyjOMRE7N8y8/s194/sprites-stats.png);background-repeat:no-repeat;padding:10px 10px 10px 80px;list-style-type:none}
#Stats1 h4{margin:0;font-size:22px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:13px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}

Bước 2: Thêm tiện ích Thống kê blog tại nơi bạn muốn hiển thị (bỏ qua bước này nếu blog bạn đã có).

Bước 3: Vào Chỉnh sửa HTML (không chọn Mở rộng Mẫu Tiện ích) và tìm trong template từ khóa <b:widget id='Stats1' locked='false' title='Tổng số lượt xem trang' type='Stats'/>. Thay thế nó bằng đoạn mã dưới đây.
<b:widget id='Stats1' locked='false' title='' type='Stats'>
  <b:includable id='main'>
    <div class='widget-content'>
      <ul>
        <li>
          <h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
          <span>Posts</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
          <span>Comments</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
          <span>Pageviews</span>
        </li>
      </ul>
      <script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
      </script>
    </div>
  </b:includable>
</b:widget>

Tùy phiên bản ngôn ngữ blog của bạn mà tiêu đề Tổng số lượt xem trang có thể khác nhau dẫn đến từ khóa tìm kiếm ở bước 3 cũng có sự khác biệt.

Hướng dẫn thủ thuật Blogger, Blogspot

67

Nhận xét
1

Mừng Duy ra bài mới nha
Bữa nào cậu cho ra :Recommended Post Slide out for Blogger đi, mình đang dùng cái Recommended Post có 1 cái .js Jquery, mà trong slider lại có 1 cái nữa, tớ xóa 1 trong 2 thì bị lỗi - nó không chạy. Tớ chẳng biết làm sao luôn :(

Reply Xóa nhận xét
2

Lâu lâu posts 1 bài cho đỡ quên Blogger ý mà, thời gian cho nó giờ ít ghê gớm :D

Reply Xóa nhận xét
3

cái này thấy nó đếm lượt hít là chính ....cài google analytic xem là chính xác nhất

Reply Xóa nhận xét
4

Thủ thuật hay đó, thanks bạn hiền nhé... ^_^

Reply Xóa nhận xét
5

very professional widget master duy ;)

Reply Xóa nhận xét
6

Blog ít truy cập quá nên không dùng :)

Reply Xóa nhận xét
7

Cái này hay đấy, nhưng ở blog mình mình cho nó nằm ngang cho phù hợp :d

Reply Xóa nhận xét
8

Nhân tiện cho mình hỏi chỉnh phần nào để khi click vào avatar của mọi người ở phần comments thì nó mở cửa sổ mới?

Reply Xóa nhận xét
9

Cái này chỉ dùng js can thiệp thôi, nó cũng không quan trọng lắm mà :D

Reply Xóa nhận xét
10

thanks bạn hjx đã thay cho blog tjeungao.blogspot.com

Reply Xóa nhận xét
11

Cám ơn Duy đã cho ra thủ thuật mới. Thủ thuật nào của Duy cũng hay cả!

Reply Xóa nhận xét
12

woa, blogspot mà bạn làm đẹp quá, mình cứ tưởng là dùng wordpress hay joomla gì chứ.

Reply Xóa nhận xét
Nặc danh 26/10/12 14:35
13

Tiếc là muốn xem số người Online phải có có host hỗ trợ PHP nên không cho thêm vào được:(

Reply Xóa nhận xét
14

dùng tiện ích trang thứ 3 giống e nè, chỉ cần có acc và trang blog của mình ^^!

Reply Xóa nhận xét
20

Những tiện ích đó dùng cũng có cái hay, nhưng mẫu mã thì không thể tùy chọn theo ý riêng đươc

Reply Xóa nhận xét
15

Hi DP !
Tớ không hiểu tại sao blog của tớ vẫn truy cập được từ link:
http://453962730387302411_cbbfb217bdbbf7257e47d5d9356506a5d356bd21.blogspot.com
tớ không biết cái này ở đâu ra nữa... tại thấy trong thống kê truy cập có cho nên vào thử, ai ngờ là blog mình...
Cậu giải thích giùm tớ với...
Có ai bị như thế này không vậy?

Reply Xóa nhận xét
16

Hình như mình có thấy link dài loằng ngoằng thế này trong phần thống kê rồi thì phải, nhưng k vào nên cũng k để ý. Mình cũng k biết Blogger làm vậy để làm gì.

Reply Xóa nhận xét
18

Nếu sử dụng chức năng xem trước thì nó sẽ xuất hiện đường link dài đó! Do đó phần thống kê nó cũng cập nhật!

Reply Xóa nhận xét
33

Đường link đấy chính là link lúc bạn chọn Xem trước (Preview) trong Chỉnh sửa HTML (Edit HTML) đấy bạn. Bạn vào để ý sẽ thấy.

Reply Xóa nhận xét
Nặc danh 27/10/12 16:23
17

mã số dài ngoằng thế có lẽ xuất phát từ hồi cuối tháng 9/2012 họ thay đổi cách tùy chỉnh tên miền riêng. những blog mới đặt tên miền riêng phải thêm mã số kiểu như thế trong phần quản lý tên miền của dịch vụ domain.

Reply Xóa nhận xét
19

Đã áp dụng tiện ích này của bác DP! Thanks!

Reply Xóa nhận xét
21

Bác Duy Phạm chịu khó làm video ta.

Reply Xóa nhận xét
22

Có cách nào lấy được (thống kê) số người nào đang online không Duy Phạm nhỉ?
Thanks!

Reply Xóa nhận xét
23

a ơi a có thể viết 1 bài về tạo skin player cho site nhạc dc k ?
như mấy site :matxac.com ,djtuoigi....cho cái play nhạc ấy

Reply Xóa nhận xét
24

Dùng GA là chi tiết nhất, phiên bản mới của nó đầy đủ hơn nhiều r

Reply Xóa nhận xét
25

Tiện ích hay, thank đã chia sẽ, mình thích kiểu thống kê này của bạn!

Reply Xóa nhận xét
26

Hơi màu mè 1 chút nhưng hay ;))

Reply Xóa nhận xét
27

Bác Dư đi đâu cũng thấy mặt :))

Reply Xóa nhận xét
Nặc danh 9/11/12 17:51
28

bạn ơi hướng dẫn 1 bài viết về CSS Sprite đi :D

Reply Xóa nhận xét
30

Bạn đọc hướng dẫn ở đây http://www.w3schools.com/css/css_image_sprites.asp

Reply Xóa nhận xét
Nặc danh 11/11/12 00:55
32

thanks ban :D

Reply Xóa nhận xét
29

Bác Duy giống Google quá nhỉ. :)
Thay đổi logo với nền luôn. Trông lạ mắt và đẹp phết bác à! :)

Reply Xóa nhận xét
31

"Truyền thống" hơn 1 năm nay cứ dịp ngày lễ lớn là mình lại làm logo chào đón, cho thay đổi không khí ý mà :D

Reply Xóa nhận xét
34

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

Reply
35

Bác Duy cho em hỏi chỉnh thế nào để 3 thống kê nằm trên cùng 1 hàng ngang (chứ ko phải 3 hàng như hiện tại), và text hiện ra màu đen (hiện tại là trắng)?

Cảm ơn bác :D

Reply Xóa nhận xét
36

3 hàng thì đẹp hơn chứ bác, 1 hàng sẽ xúm xít lại khó coi lắm. Text trắng trên nền xanh là đồng nhất rồi, text đen sẽ k đẹp, nếu muốn đổi màu thì bác tìm dòng #Stats1 span{font-size:13px;color:#fff; thay #fff thành mã màu muốn đổi.

Reply Xóa nhận xét
37

Fff là đỏ, em ko nghĩ đó là màu text nên ko thay, hoá ra là nó :D. Em định để text đen trên nền trắng.

Tuỳ từng bối cảnh và giao diện mà bác, em muốn đơn giản và gọn :(

Reply Xóa nhận xét
38

Chả hiểu sao em tra ở Photoshop online fff là đỏ mà giờ vào CS6 là trắng :(

Bác chỉ em cách 1 hàng ngang đi :(

Reply Xóa nhận xét
39

Bác thêm display:inline;float:left;width:33%; vào chỗ #Stats1 li{

width:33% rộng quá thì cho nhỏ lại. Đỏ là ff0 chứ, fff là trắng :D

Reply Xóa nhận xét
40

Đẹp hơn hẳn, bác qua duyblog.com xem nhé :D

Reply Xóa nhận xét
41

Hi Duy Pham. Can u help me, how to display title this widget?
Thanks

Reply Xóa nhận xét
42

Step 3, insert
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

after
<b:includable id='main'>

Reply Xóa nhận xét
43

Thank you for your response. I hope you will not get tired of receiving the next question on another occasion.

May the success continue to be with you.

Reply Xóa nhận xét
44

Hello, I am Brazilian and my english is horrible! So, excuse me.

   Well, unfortunately this widget does not recognize the number of posts and comments.

Note: I'm using a test blog, if you want to see what's going to pass me your email because the blog is restricted to the public views

Reply Xóa nhận xét
45

This widget doesn't work on private blog, make your blog public.

Reply Xóa nhận xét
46

Exatamente isso! Thanks!

Reply Xóa nhận xét
47

Hiện tại blogger của em bị đánh dấu spam và không thể khôi phục lại được
cả tuần này , e đã có xuất dữ liệu lưu trữ để đề phòng , nhưng khi em
tạo blogger mới khi impot data củ vào blogger mới thù lại tiếp tục là bị
đánh dấu spam , em đã tạo gần 20 cái blogger đều bị như vậy . anh có
cách nào chỉ em có thể khôi phục lại bài viết và impot 1 lượt vào
blogger không ạ , data còn đó nhưng impot vô không được . cứ hễ impot cỡ
150 bài là nó báo spam và khóa blogger lại không cho xuất bài mới nửa .
data em có khoãng 2000 bài viêt . mong anh trợ giúp em với

Reply Xóa nhận xét
48

thank a ! rất chuyên nghiệp

Reply Xóa nhận xét
49

Nhưng bị mất tiêu đề Widget ,làm sao để hiển thị ?

Reply Xóa nhận xét
52

Cảm ơn Duy. Mình đã áp dụng cho blog đẹp ):

Reply Xóa nhận xét
Nặc danh 31/3/13 13:42
53

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

Reply
54

Mỗi comment của bạn luôn chèn link vậy

Reply Xóa nhận xét
55

Duy Phạn cho tớ hỏi: http://i46.fastpic.ru/big/2013/0402/fb/be907abbbe4610086dc0b7298be2e7fb.jpg

Phần thống kê nó có dầu "..." làm sao để xóa nó ?
Và làm cái viền như trong ảnh cùng với màu nên thì làm thế nào ?

Reply Xóa nhận xét
56

Bạn vào phần chỉnh sửa widget này mà chọn kiểu hiển thị đầu tiên ấy, chọn hiển thị mình số thôi.

Reply Xóa nhận xét
57

Cảm ơn Ad, đã làm theo và oke. đơn giản vậy mà mình ko biết :-<

Reply Xóa nhận xét
58

Hôm nay làm 1 phát. Cảm ơn Duy :)

Reply Xóa nhận xét
59

có thêm cái tính lượt xem bài viết là quá chuẩn hê hê

Reply Xóa nhận xét
60

google mặc định cũng có phần thống kê blog tuy không hay bằng cái này

Reply Xóa nhận xét
Nặc danh 11/10/13 03:55
61

cái tiện ích thống kê này nhìn đẹp mắt hơn cái mặc định của bloger nhiều

Reply Xóa nhận xét
62

Cảm ơn bạn nha, đang xài template của bạn luôn. ^^

Reply Xóa nhận xét
63

Vấn đề của mình là nó không hiện cái chỉ số pageview giờ tính sao hả bạn Duy. site mình: www.duongdoi8x.com. Xem giúp mình nhé. tks

Reply Xóa nhận xét
64

sao nó không có hình vậy nhỉ

Reply Xóa nhận xét
65

Chào Duy blog của mình có nhiều tác giả mình muốn tìm ứng dụng thống kê lượt view của tưng tác giả 1 cách tự động! rất mong bạn giúp đớ! cảm ơn bạn nhiều

Reply Xóa nhận xét
66

blog của cô lấy templa trên mạng cố làm tiện ích này ko được là vì sao Duy Phạm ơi mong cháu chỉ giúp

Reply Xóa nhận xét
67

Cô gửi temp qua mục liên hệ để cháu xem.

Reply Xóa nhận xét

Đăng nhận xét

Cancel