Thủ thuật Blogger

Chuyển đổi màu liên kết
Thông thường khi trỏ chuột vào link liên lết chỉ duy nhất thay đổi màu sắc được nhìn thấy nhưng nhờ có Dynamic Drive chúng ta có thể dễ dàng thay đổi màu của liên kết với nhiều màu sắc. Có người gọi là Link “Cầu vồng” hoặc đơn giản hơn chỉ là Hiệu ứng nhiều màu cho link liên kết

Bằng cách sửa đổi mã để đơn giản có thể làm theo và sử dụng JavaScript ngay trong mẫu Template của Blogger banj có thể dễ dàng thực hiện như sau:
Truy cập vào Blogger:
1 - Truy cập vào Blogger Bảng điều khiển (Dashboard) >> Thiết kế (Design) >> Chỉnh sửa HTML (Edit HTML).
2 - Tìm (Ctrl – F) đoạn mã: </head>
Chèn mã Javasscrip bằng đoạn code sau:

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>
</head>

2 - Bạn có thể thay đổi giá trị của tỷ lệ var = 20. Giá trị này điều khiển tốc độ thay đổi màu sắc của liên kết.
3 – Lưu lại mẫu

Chèn tuyết rơi
Vào Bố Cục > Thêm Tiện ích > HTML/JavaScript và dán đoạn code dưới đây vào .

<style type="text/css">body {background: url('http://www.boomspeed.com/sfhelpers/backgrounds/80.gif') fixed}</style><b style=position:absolute;left:10;top:2;ptsize:3pt;> </b>

Ẩn hoặc xóa Navbar
Khi bạn sử dụng template mẫu của Blogger.com, phía trên của blog vẫn còn Navbar (navigation bar). Navbar cho phép bạn tìm kiếm trên blog, duyệt đến một blog tiếp theo, tình trạng đăng nhập...



Nhưng đôi khi chúng ta không muốn nó xuất hiện trên trang blog. Để thực hiện điều đó, bạn thực hiện một trong cách cách sau.


Hãy copy một trong các đoạn mã dưới và paste vào phía trước tag </head> trong Edit HTML (Template | Edit HTML).

Cách một: Không cho hiển thị navbar

<style type='text/css'>
#navbar-iframe {
display: none;
}
</style>

Cách hai: Set chiều cao của navbar bằng 0

<style type='text/css'>
#navbar-iframe {
height: 0px;
}
</style>

Cách ba: Ẩn thanh navbar

<style type='text/css'>
#navbar-iframe {
visibility: hidden;
}
</style>

Cách bốn: Có thể gom lại như bên dưới

<style type='text/css'>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>