Sau bài viết chia sẽ thủ thuật
Hôm nay tôi tiếp tục chia sẽ thủ thuật tạo các Widget nổi bật với Blogspot. Nếu bạn là một người sử dụng wordpress hoặc Joomla hoặc chạy một trang web bình thường thì bạn chỉ cần sao chép và dán đoạn mã sau trong các mẫu của bạn.
Bắt đầu nhé:
Vào Blogger> Layout/Bố cục
Chọn thêm một tiện ích
Chọn HTML / JavaScript
Dán đoạn mã sau bên trong nó
<style>/*--------Touch Me Sharing Widget ------*/.touchme a {display:block;height:50px;width:50px;padding:0 4px;float:left;background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;-webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all;cursor:pointer;}
.touchme a.googleplus {background-position: 0px -58px;}.touchme a.googleplus:hover {background-position: 0px 0px;}
.touchme a.twitter {background-position: 0px -290px;}.touchme a.twitter:hover {background-position: 0px -232px;}.touchme a.facebook {background-position: 0px -406px;}.touchme a.facebook:hover {background-position: 0px -348px;}
.touchme a.rss {background-position: 0px -174px;}.touchme a.rss:hover {background-position: 0px -116px;}
</style>
<div class='touchme'><!--RSS--><a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a><!--Google Plus--><a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a><!--Facebook--><a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a><!-- Twitter --><a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>
</div>
Thay thế một số đoạn text in đậm trong bài như sau:
Thay thế YOUR RSS LINK với liên kết Feed của bạn.
Thay thế YOUR GOOGLE PROFILE LINK với URL Google+ của bạn
Thay thế YOUR FACEBOOK LINK với URL Facebook của bạn
Thay thế YOUR TWITTER LINK với Twitter URL hồ sơ của bạn
Lưu lại và xem blog của bạn nó đã xuất hiện các widget như mong muốn chưa nhé.
Chúc các bạn thành công
Ghi rõ nguồn www.seoer.com.vn khi đăng lại thông tin này
Đăng nhận xét