Phantom Thạnh

Hiển thị các bài đăng có nhãn Plus cho Blogspot. Hiển thị tất cả bài đăng

Update code +1 mới cho site/blog

19:11 Unknown 2 comments

- Nút +1 đang trở thành hàng hot trên mạng. Nếu site/blog bạn chưa có nút +1, hãy cài đặt ngay nhé. Còn site/blog của bạn đã có nút +1 rồi, hãy update đoạn code mới để cải thiện thời gian load nhé.
- Cải thiện tốc độ luôn là điều cần thiết cho site/blog. Nhất là khi Google tích hợp thêm nút +1 cho site/blog từ tháng 4 năm 2011 thì thời gian tải khi click +1 khá làm chậm. Do đó bản cập nhật này sẽ giúp cho cả hai việc là cải thiện tốc độ tải trang và tốc độ click +1 nhanh hơn ( cải thiện tốc độ click +1 lên đến 3 lần).
- Ngoài những cải tiến về nút +1, đoạn mã cải tiến cho phép trang web/blog của bạn tiếp tục tải những thông tin khác trong khi trình duyệt tải về mã Java script +1 của Google. Bằng cách tải song song này, Google đảm bảo trang web của bạn vẫn có được nút +1 mà không gia tăng thời gian tải trang web.
- Tiến hành cập nhật nút +1:

+ Bước 1: vào trang http://www.google.com/intl/en/webmasters/+1/button/

+ Bước 2: chọn ngôn ngữ là English (US) . Lưu ý phải chọn đúng ngôn ngữ English (US) mới hiện đoạn mã mới.
+ Bước 3: Chép đoạn code mới đặt vào vị trí bạn muốn xuất hiện

<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<g:plusone></g:plusone>

- Nếu bạn nào không rành về code thì có thể đặt 2 đoạn code trên kề nhau.
- Nút +1 cũng tương tự như nút like của Facebook, tuy nhiên nút +1 được Google ưu ái hiển thị trong kết quả tìm kiếm của mình.

Tùy chỉnh nút +1 Google Plus cho Blogspot

15:25 Unknown 2 comments

- Hôm trước mình đã giới thiệu thêm nút +1 Google plus vào bài viết trên blog. Hôm nay mình sẽ cập nhật thêm 1 cách tùy chỉnh khác nữa dưới dạng floating bar giống như blog của mình

- Code này bao gồm cả các button của các mạng xã hội khác như Facebook, Retweet, Stumble, Google Buzz, Digg This và Google +1. Mỗi button có chức năng tự đếm riêng

- Thêm Button dạng floating bar
+ Đăng nhập vào Blogger của mình
+ Chọn thiết kế\ phần tử trang
+ Chọn thêm tiện ích
+ Ở pop up mennu chọn HTML/JavaScrip
+ Copy đoạn code sau đặt vào trong content box

<br /> <br /> <style> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><br /> <div id='pageshare' title="Get this from tipgoogleplus.blogspot.com/2011/07/test-code_3727.html"><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br /> </div><div class='sbutton' id='rt'><script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script><br /> </div><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script><br /> </div><div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><br /> <a class="DiggThisButton DiggMedium"></a><br /> </div><div class='sbutton' id='gb'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'><br /> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script><br /> </a></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><br /> <g:plusone size="tall"></g:plusone><br /> </a></div><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://cybertweaks.blogspot.com/2011/06/add-floating-social-media-sharing.html">Get this</a></div></div><br />

+ Save và kéo gadget đặt vào dưới Blog Posts gadget
+ Save thiết lập cho blog và xem kết quả
(Lưu ý : bạn có thể tùy chỉnh số button bằng cách thêm hoặc bớt các thẻ div tương ứng)

Gắn nút +1 Google plus vào Blogspot

09:37 Unknown 3 comments

- Nút +1 là phép tốc ký cho thông tin “nội dung này thật tuyệt vời” hoặc “bạn nên khám phá nội dung này”. Nhấp vào +1 để công khai cung cấp điều gì đó mà bạn đã đóng dấu chấp thuận. Các nút +1 của bạn có thể giúp bạn bè, người liên hệ và những người khác trên web tìm thấy nội dung tốt nhất khi họ tìm kiếm.

Bạn nào có sử dụng Google Webmaster thì truy cập trang cách Thêm nút +1 Plus One Google vào website, blog, WordPress, Blogger sẽ có hướng dẫn chi tiết, rất rõ ràng đầy đủ, và vô cùng dễ dàng thực hiện, chỉ cần copy-paste là xong.

I. Thêm +1 vào Blogger

1. Chọn Bảng Điều khiển - Thiết kế - Chỉnh sửa HTML
2. Backup lại template của bạn trước khi chỉnh sửa nhé
3. Tick vào Mở rộng Mẫu Tiện ích ở góc phải trên trang code.
4. Tìm đoạn code sau :

<data:post.body/>

5. Paste đoạn code sau vào dưới thẻ đó

<!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<p></p>
<div style='float:left;padding:10px;'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone expr:href="data:post.url" size="standard" count="true"></g:plusone>
</div>
</b:if>
<!-- Google +1 button End -->

6. Có thể tùy chỉnh nút +1 to hay nhỏ bằng cách thay đổi đoạn code ở dòng 6

<g:plusone expr:href="data:post.url" size="standard" count="true">

Button size	Value
	`small`
	`medium`
	`standard`
	`tall`

7. Bạn có thể chọn đặt nút +1 hiển thị trên, dưới, góc trái hay góc phải bài viết :

- Đặt ở trên/ dưới bài viết : đặt đoạn code ở trên

<data:post.body/>. nếu bạn muốn nút button nằm ở góc trên bài viết or ngược lại đặt đoạn code ở dưới thẻ

<data:post.body/>. nếu bạn muốn nút button nằm ở góc dưới bài viết.

- Đặt ở trái/ phải bài viết : thay đổi giá trị float ở dòng 4

<div style='float:left;padding:10px;'> float:left nếu muốn hiển

thị bên trái.float:right nếu muốn hiển thị ở góc phải

Hình minh họa.

- Bạn có thể tùy biến nút +1 ở bên phải blog như hình bên từ bài http://tipgoogleplus.blogspot.com/2011/07/test-code_3727.html

Bài nổi bật

Kết nối

Hội Games Google Plus

Làm gì khi Google khóa tài khoản người

SEO với Google Plus

Đăng ký nhận Invite Google Music

Update code +1 mới cho site/blog

Tùy chỉnh nút +1 Google Plus cho Blogspot

Gắn nút +1 Google plus vào Blogspot

Share

Bài xem nhiều nhất

Thư Mục

Nhận xét mới nhất