Hiệu ứng chuột - Thủ thuật tạo chữ xoay vòng theo chuột cho Blogger

Viết blog ngoài nội dung phong phú đa dạng, bạn còn phải có cách trình bày, giao diện đẹp đẽ bắt mắt. Với những Blog càng tạo được phong cách riêng thì càng được mọi người nhớ lâu.TEAM Blogger sẽ giới thiệu thủ thuật blogger tạo dòng chữ xoay tròn theo con trỏ chuột, giúp các bạn thiết kế website chuyên nghiệp.

>>Menu - Thủ thuật tạo Menu ngang cho Blogger bằng CSS
>>Back To Top - Thủ thuật nút lên đầu trang trong Blogger
>> Tắt/Mở đèn - Thủ thuật hiệu ứng tắt mở đèn cho Blogger
>>Image - Thủ thuật LazyLoad load ảnh theo trình tự trong bài viết Blogger
>>FeedBurner - Thủ thuật tạo FeedBurner cho Blogger
>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 3
>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 2
>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 1
>>Widget - Thủ thuật chia Widget thành nhiều cột bằng thẻ Table trong Blogger
>>Images - Thủ thuật hiệu ứng làm mờ hình ảnh trong bài viết Blogger
>>Lỗi ảnh - Thủ thuật sửa lỗi ảnh tràn quá khung bài viết Blogger
>>Slide - Thủ thuật Slide JQuery bài viết ở trang chủ cho Blogger
>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh và bài viết cho Blogger
>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh cho Blogger
>>Navbar - Thủ thuật làm trong suốt thanh Navbar trong Blogger

1-Đăng nhập vào Bloggger
2-Chọn Chỉnh sửa HTML
3-Dán đoạn code sau vào trước thẻ  ]]></b:skin>

#outerCircleText {
font-style: italic;
font-weight: bold; /*Nếu không muốn in đậm cho text bạn có thể bỏ dòng này*/
font-family: times; /*chọn font chữ*/
color: #0033ff; /*màu của dòng text hiển thị*/
position: absolute;
top: 0;
left: 0;
z-index: 1000;
cursor: default; /*hình dạng của chuột*/
}

#outerCircleText div {
position: relative;
}

#outerCircleText div div {
position: absolute;
top: 0;
left: 0;
text-align: center;
}   

4. Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán code này vào

<script type="text/javascript"> 
var msg = "Thiết kế Blogger - Thủ thuật Blogger - ThietKeBlogger.Net"; // thay thành text của bạn 
var size = 24; // cỡ chữ, bạn có thể chọn cỡ chữ khác 
var circleY = 0.75; // độ rộng vòng tròn text theo chiều đứng 
var circleX = 2; // độ rộng vòng tròn text theo chiều ngang 
var letter_spacing = 8; // khoảng trắng giữa các chữ cái 
var diameter = 10; 
var rotation = 0.2; 
var speed = 0.3; // tốc độ chạy của text 
</script>
<script type="text/javascript" src="http://thietkewebplus.googlecode.com/files/circle_text.js"> </script>