Thêm nút Google+1, Tweet, Like Facebook,Share theo chiều ngang vào Blogspot

Mặc dù butthons Facebook Like, Tweet và Google+1.... Các nút chia sẻ này có thể được dễ dàng thêm vào bài viết Blogger bằng cách làm theo hướng dẫn của mình, sắp xếp chúng một cách hoàn hảo sao cho hợp với bố cục của mỗi blog.

Để không mất công ngồi giải thích cách sắp xép các nút like hiện tại của bạn,dayto.kdh nghĩ rằng nó dễ dàng hơn thông qua việc cung cấp cho các bạn một Code sẵn có để các bạn sử dụng. Đơn giản chỉ cần loại bỏ các nút like hiện tại của bạn và thêm mã mới.
Bạn có thể xem hình sau để thấy rõ hơn:


Xem thêm: http://kenhdaihoc.com/forum/showthread.php?t=3017

Demo: http://home.kenhdaihoc.com

Cách tiến hành:

1. Đăng nhập vào Blogspot
2. Chọn Thiết Kế
3. Chọn Chỉnh sửa HTML
4. Chick vào ô Mở rộng tiện ích mẫu (Expand Widget Templates)
5. Tìm đoạn Code sau ( chú ý có vài cái thẻ như vậy nhé- hãy thử với thẻ khác nếu chưa được)

<data:post.body/>

Thêm bên trên code sau

<!-- AddThis Button BEGIN --><div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f54e84a689419c2' type='text/javascript'/>
<!-- AddThis Button END -->

Xem thêm: http://kenhdaihoc.com/forum/showthread.php?t=3017
Chúc thành công

Recent Post với bài đăng trượt dọc lên trên cho blogspot

Tiện ích Recent Post ( bài đăng mới nhất) là một trong những tiện ích ko thể thiếu trên Blogger, và với các Blogger tiện ích này đã quá đỗi quen thuộc và hôm nay, cũng với tiện ích này, mình sẽ giúp các bạn tạo một Recent Post mang một đặc trưng mới, đó là bài đăng sẽ trượt lên một cách tự động.

SEE DEMO

Xem tại mục BÀI VIẾT MỚI NHẤT

Chú ý: Tiện ích Recent Post bên phía phải màn hình.

Để thực hiện thủ thuật, ta làm như sau.

1. Đăng nhập vào Blogger > Thiết kế > Phần tử trang > Thêm tiện ích HTML/JavaScript.

2. Copy đoạn code bên dưới và dán vào tiện ích.

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float :right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://kenhdaihoc.com/blogger/recentpostticker.js" ></script>
<script style='text/javascript' src='http://kenhdaihoc.com/blogger/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 20;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 7,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://chiase-vanthuc.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>


3. Bạn chỉnh sửa lại các dòng màu đỏ cho phù hợp với Blog của bạn. Chúc thành công.