Thứ Bảy, 6 tháng 10, 2012

Xóa bỏ gạch chân trong liên kết link blog

Một số blog khi sử dụng những từ có liên kết ta thấy xuất hiện đường gạch chân dưới những từ đó, làm mất thẩm mỹ của blog. Để xóa bỏ hoàn toàn đường kẻ gạch chân trong liên kết link trong blog, ta làm như sau:
gạch chân trong liên kết link
1. Đăng nhập Blogger
2. Chọn: Mẫu > Chỉnh sữa HTML.
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Đặt đoạn CSS sau vào sau phần Header:


 (tương tự  /* Header-----------------------------------------------*/)

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

Ví dụ


/* Header-----------------------------------------------*/
a:link {text-decoration: none;}

a:visited {text-decoration: none;}

#header-wrapper{width:950px;margin:0 auto 0;height:64px;padding:36px 0px;background:url(http://simvipnangtinh.googlecode.com/files/header-bg.png) left top repeat-x;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
#header h1{margin:0 5px 0;padding:0px 0px 0px 10px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:36px;line-height:36px;color:#FFFFFF;text-shadow:0px 1px 0px #000;}
#header .description{padding-left:17px;color:#FFFFFF;text-shadow:0px 1px 0px #000;line-height:14px;font-size:14px;padding-top:0px;margin-top:5px;}
#header h1 a,#header h1 a:visited{color:#FFFFFF;text-decoration:none}
#header h2{padding-left:15px;color:#FFFFFF;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:4px 10px 0px 0px;float:right}




5. Save template. (Lưu mẫu)


Không có nhận xét nào:

Đăng nhận xét