Trang chủ \ 16:56

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.
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ẻ

54

Nhận xét
1

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

Reply
2

+ 1 cho bài này nào

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

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

Reply
5

Good tip!Good tip!

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

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

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

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

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

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

Reply
21

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

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

Anh Duy Hướng dẫn em loại bỏ khoảng trống này

Reply
24

http://i745.photobucket.com/albums/xx95/auduongkiphi/cats.jpg

Reply
25

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

Reply
26

@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
27

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
28

@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
29

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

Reply
30

@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
31

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

Reply
32

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
33

@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
34

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
35

@Võ Thanh Duy Bạn chèn <g:plusone expr:href='data:post.url'/> ở gần nơi bạn chèn nút Google Buzz trong blog bạn ý, và đừng quên chèn <script src="https://apis.google.com/js/plusone.js" type="text/javascript"></script>

Reply
36

:))
hay quá

Reply
37

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

Reply
38

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
39

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

Reply
40

@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
41

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

Reply
42

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

Reply
43

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
44

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

Reply
45

@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
46

Cung rat hay day nhi?

www.phamduy.tk

Reply
47

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

Reply
48

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
49

@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
50

@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
51

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

Reply
52

@Duy Pham

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

Reply
53

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
54

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

Đă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.