Trang chủ \  \  \3.8.11

Thêm nút Google +1 cho Bài đăng phổ biến

Đúng như tiêu đề, thủ thuật này hướng dẫn bạn chèn nút Google +1 với kích thước nhỏ vào sau tên mỗi bài đăng ở widget Bài đăng phổ biến.

Google +1 Popular Posts

Bước 1: Thêm đoạn mã dưới đây vào trước thẻ </body>.
<script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>

Bước 2: Tìm đoạn mã <a expr:href='data:post.href'><data:post.title/></a> và thêm đoạn mã dưới đây vào sau nó (có 4 đoạn mã ứng với 4 lần thêm).
<g:plusone expr:href='data:post.href' size='small'/>

Bạn có thể bỏ qua bước 1 nếu đã chèn file js từ trước đó.

Nhân đây cũng xin nói với những bạn chèn nút Google +1 ở phần đăng bài và hiển thị nút ở cả trang kiểu index thì thay vì sử dụng đoạn mã <g:plusone></g:plusone> hãy sử dụng <g:plusone expr:href='data:post.url'/> để mỗi nút Google +1 ứng với địa chỉ từng bài đăng.

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

51

Nhận xét
vutd 3/8/11 17:06
1

Thủ thuật này rất hay và hot.

Reply Xóa nhận xét
blue 3/8/11 18:28
3

Đợi hoài mới thấy ra một tut, nhưng tut of duypham rất ư là chất lượng :))

Reply Xóa nhận xét
NAD 3/8/11 18:47
4

Tối về sẽ +1 cho bài này :D

Reply Xóa nhận xét
Minh Triết 3/8/11 19:56
6

+1 cho bài này. Mình dùng code của addthis còn dễ hơn nữa. :) Code của addthis thì tự động nhận trang luôn :)

Reply Xóa nhận xét
Nặc danh 3/8/11 23:44
7

Cái quan trọng của Duy Phạm là không trùng lặp và bài này cũng thế, cứ tưởng là cũ nhưng ý tưởng thì khác.

Reply Xóa nhận xét
May Thy 4/8/11 08:56
8

Từ trước tới giờ mình chỉ biết đến nút +1 ở trong một trang dù đặt nó chỗ nào cũng thế cả. Thủ thuật này của Duy Pham rất tuyệt khi mà có thể +1 được những link khác trong cùng một trang.

Reply Xóa nhận xét
Yolks 4/8/11 10:14
9

Nhanh thật , tui vừa nghĩ ra là có bài :( nhanh quá huhuhu

Reply Xóa nhận xét
Huynh Nhat Ha 4/8/11 13:35
10

Mấy bữa nay mạng VN đứt cáp nên blogspot ít comment hẳn lên, chờ tuần sau mới sôi động lại.

Reply Xóa nhận xét
Nặc danh 4/8/11 18:38
11

Thủ thuật này hay đấy. Hình như ảnh hết bandwidth hay sao mà không thấy gì hết bộ emoticons

Reply Xóa nhận xét
ChoiBlogs.blogspot.com 6/8/11 00:37
12

- Lưu ý với các blogger khi trình bày thủ thuật còn thiếu 1 điểm :) Đó là khi các blogger khác xử dụng thủ thuật thay thế code thì sẽ gặp lỗi khi dùng thủ thuật có code liên quan, đụng chạm đến tìm kiếm và thay thế lần 2 or 3 :)
- Một mẹo nhỏ là nên có Thông Báo nhỏ: ( Thủ Thuật có thay thế code)
:))

Reply Xóa nhận xét
Nguyen Duc 6/8/11 22:03
13

Cho em hỏi làm sao để hình ảnh bài viết của auto read more chỉ hiển thị 1 phần của hình ( túc là chỉ hiển thị vùng ở giữa như hình của bác tiến hay trên blog bác ý), nếu hiện cả hình luôn thì nhiều hình bề ngang dài nên nó resize rất xấu. vậy làm cách nào hở bác. Em dùng auto read more no script của bác.

Reply Xóa nhận xét
Duy Pham 6/8/11 22:11
14

@[ND]o[SKT] Nếu áp dụng auto readmore đó thì nó chỉ hiển thị 1 phần của ảnh đấy chứ bạn. Địa chỉ ảnh có thêm s72-c là ảnh lấy 1 phần với size 72x72 pixels mà, nếu địa chỉ ảnh thêm s72 không thì nó mới co cả ảnh về size 72 đó.

Reply Xóa nhận xét
Nguyen Duc 7/8/11 16:59
15

Nếu thêm -c vào thì nó lại hiện một phần ảnh ở bài đăng, ý em muốn bác chỉ là nó hiện một phần ở ảnh của autoread more bên ngoài mà

Reply Xóa nhận xét
Duy Pham 7/8/11 19:26
16

@[ND]o[SKT] Auto readmore này luôn hiển thị 1 phần ảnh mà. Làm j hiện cả hình, trừ khi sử dụng js để thay đổi.

Reply Xóa nhận xét
Unknown 8/8/11 20:44
17

cái search của em có vấn đề !nó chỉ search được khoảng mấy chục bài mới nhất!khắc phục thế nào bác nhỉ ?

Reply Xóa nhận xét
Nam Duy 8/8/11 23:45
18

hàng đang hót, rất hay,

Reply Xóa nhận xét
Duy Pham 9/8/11 09:44
19

@wallpapers Cái search mặc định của Blogger này rất chập chờn nên mình cũng chịu :D

Reply Xóa nhận xét
Bao An Angel 9/8/11 13:27
20

bài viết hay đó....
Liên kết với mình nha bạn http://share2vn.blogspot.com

Reply Xóa nhận xét
Duy Pham 9/8/11 13:33
21

@Jack Mình dừng lk rồi bạn, đang giảm thiểu số link trên trang chủ < 100

Reply Xóa nhận xét
May Thy 9/8/11 15:12
22

Giảm thiểu số link ở trang chủ, có ý nghĩa gì vậy Duy Pham?
P/s : Bên blog mình đã loại bỏ thuộc tính nofollow ở comment, các bác ghé qua chém gió cho vui nha !

Reply Xóa nhận xét
Nguyen Duc 10/8/11 10:52
23

LÀm được rồi :))

Reply Xóa nhận xét
Duy Pham 10/8/11 13:49
24

@May Thy Theo một vài thông tin mình biết thì số lượng link trên trang chủ k nên nhiều quá, lk đến homepage từ 2 đến 3. Còn bỏ thuộc tính nofollow ở comments thì thường dùng tài khoản Blogger nên nó k có ý nghĩa gì khi lk là đến tài khoản Blogger.

Reply Xóa nhận xét
May Thy 10/8/11 14:22
25

Hi, đó là mình học từ bác Viễn Chinh, bác ý bảo bỏ thuộc tính đó đi thì thu hút được nhiều Commentators hơn nhưng chắc là ảnh hưởng đến SEO bác nhỉ.

Reply Xóa nhận xét
Duy Pham 10/8/11 14:52
26

@May Thy Với Blogger nó chỉ có tác dụng với comments dùng Tên/URL. Chắc chắn là ảnh hưởng SEO rồi bởi mục đích thu hút comments k đặt nofollow tức là k giới hạn bot tìm đến link đó, như vậy blog cũng chia sẻ phần nhỏ page rank và nếu lk kia bị hỏng thì blog cũng ảnh hưởng. Đó là lý do mà mình đặt ít lk bạn bè, lk này k thể để nofollow được bởi mục đích tăng backlink và page rank cho nhau mà.

Reply Xóa nhận xét
Noct 10/8/11 15:13
27

có công cụ nào kiểm tra mấy cái link này không nhỉ :D

Reply Xóa nhận xét
Duy Pham 10/8/11 15:25
28

@Noct Hình như FF có addon, em cũng k để ý lắm đến mấy cái công cụ này. Nhớ có lần ai đó bên ddth chửi um lên vì có người trao đổi lk chèn nofollow vào đó :))

Reply Xóa nhận xét
May Thy 10/8/11 15:45
29

Vậy thôi mình lại để nofollow cho comment vậy hihi

Reply Xóa nhận xét
Lịch cho bé yêu 11/8/11 16:46
30

Duy cho hỏi ngoài lề chút là làm cái trang trí blockquote đẹp như của Duy hay bác Tiến thế nào vậy, mình search mãi k ra :D

Reply Xóa nhận xét
Duy Pham 11/8/11 17:00
31

@Lịch cho bé yêu Bác view source blog em rồi tìm blockquote ở CSS là thấy thôi mà.

Reply Xóa nhận xét
Võ Thanh Duy 12/8/11 21:03
32

Anh hướng dẫn một bài chèn vào góc phải phía trên bài viết như của anh được không =))

Reply Xóa nhận xét
Fiat Trịnh Xuân Thọ 15/8/11 23:12
34

Cảm ơn Duy,mãi hum nay mới làm được=D>

Reply Xóa nhận xét
2-sao 16/8/11 22:17
35

Chào các bạn , tôi nghe nói +1 rất có lợi cho SEO , vậy có ai thấy có sự thay đổi về site của mình sau khi đặt G +1 không vậy ?

Reply Xóa nhận xét
Fiat Trịnh Xuân Thọ 16/8/11 23:17
36

Chưa có ma nào đi từ "đường" +1 vô nhà tớ cả

Reply Xóa nhận xét
Duy Pham 17/8/11 11:50
37

@2-sao Nó hiện bên cạnh kết quả tìm kiếm, mang lại sự tin tưởng cho người dùng khi thấy có nhiều người +1 và có thể ảnh hưởng tới kết quả tìm kiếm so với các đối thủ khác cùng keyword :)

Reply Xóa nhận xét
Unknown 19/9/11 14:07
38

của mình không có đoạn này thì sao?????

Reply Xóa nhận xét
Unknown 19/9/11 14:08
39

của mình không có ,

Reply Xóa nhận xét
Blogger 1/10/11 13:57
40

Liệu có cần thiết không nhỉ, vì + chỉ khi người ta thích sau khi đọc, nếu như + cho vào widget bài đăng phổ biến khác gì .... mời spam Gô+ :))

Reply Xóa nhận xét
Phạm Việt Cảm 1/10/11 15:58
41

Vừa ứng dụng xong. Cảm ơn DP nhé :))

Reply Xóa nhận xét
Duy Pham 1/10/11 17:17
42

@BloggerNó cho mọi người biết có bao nhiêu người +1 cho bài đó chứ k hẳn là để +1 k thôi :D

Reply Xóa nhận xét
Phạm Duy 13/11/11 15:04
43

Cung rat hay day nhi?

www.phamduy.tk

Reply Xóa nhận xét
Lựu Đạn 11/1/12 22:58
44

Nhận xét này đã bị tác giả xóa.

Reply
Unknown 2/4/12 21:26
45

Bác duypham thân mến.
Bác xem dùm em đc ko ạ.
Em đã vào chỉnh sửa template tuy nhiên template em lại chỉ có 3 đoạn mã:


Vì thế sau khi chỉnh sửa thì ko có đc nút Google+1 ạ.

Nhân tiện bác viết 1 bài hướng dẫn tạo chữ ký được không ạ.

Reply Xóa nhận xét
Duy Pham 3/4/12 15:44
46

@zhu geliangBạn đã custom cho popular posts theo http://blog.duypham.info/2010/12/trich-dan-dang-title-cho-bai-pho-bien.html ? Tìm đến

<a expr:href='data:post.href' expr:title='data:post.snippet'><data:post.title/></a>
và thêm <g:plusone expr:href='data:post.href' size='small'/> sau nó. Đừng quên kiểm tra bước 1 đã có chưa.

Reply Xóa nhận xét
Unknown 3/4/12 17:30
47

@Duy Pham

Okie đc rồi ạ, vậy nếu em muốn sau tiêu đề thì xuống dòng mới hiển thị nút google +1 thì sửa thế nào ạ.

Thanks bác trước.

Reply Xóa nhận xét
Duy Pham 3/4/12 18:01
48

@zhu geliangThêm css .item-title a{display:block}

Reply Xóa nhận xét
Unknown 3/4/12 18:18
49

@Duy Pham

Okie, được rồi, thanks bác nhá.
Chuẩn vãi ạ.

Reply Xóa nhận xét
Unknown 23/5/12 23:28
50

Bác duypham có thể xem hộ em.
http://demo-linkmf.blogspot.com/
Em làm theo hướng dẫn thì ở trang chủ ko hiện nút +1 còn các trang ngoài trang chủ đều có +1 à.

Nhân tiên cho em hỏi luôn là em đã thêm css .item-thumbnail{border:1px solid #DDD} tuy nhiên ko hoạt động.
Bác có thể xem popular post của em vẫn ko có border ạ.

Thanks bác trước ạ.

Reply Xóa nhận xét
Unknown 3/6/12 22:42
51

Híc bác duypham có thăm blog ko ạ.
Giúp em với cái popular post với firefox nó lệch vẹo ạ.

Thêm nữa bác giúp em xóa dấu chấm trắng trước widget đc ko ạ.

Reply Xóa nhận xét

Đăng nhận xét

Cancel