Trang chủ \ 20:29

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(http://lh3.ggpht.com/-JypPIDhQgEY/UIfUN_w0jkI/AAAAAAAABOM/s_O3VHyQSlw/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.
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

65

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
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
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
4

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

Reply
5

very professional widget master duy ;)

Reply
6

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

Reply
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
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
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
10

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

Reply
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
12

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

Reply
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
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
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
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
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
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
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
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
19

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

Reply
21

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

Reply
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
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
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
25

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

Reply
26

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

Reply
27

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

Reply
28

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

Reply
30

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

Reply
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
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
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
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
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
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
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
40

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

Reply
41

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

Reply
42

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

after
<b:includable id='main'>

Reply
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
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
45

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

Reply
46

Exatamente isso! Thanks!

Reply
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
48

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

Reply
49

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

Reply
51

OK ! Đã hiển thị ,thanks a

Reply
52

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

Reply
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
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
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
57

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

Reply
58

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

Reply
59

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

Reply
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
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
62

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

Reply
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
64

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

Reply
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

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.