Demo thủ thuật tại blog: Demo thủ thuật blogspot
- Hướng dẫn cách làm thủ thuật:
1. Vào bảng điều khiển Blogger-> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F) Tìm tới </head> và thêm code dưới đây ngay trên nó
<script src='http://mudim.googlecode.com/files/mudim-0.8-r153.js' type='text/javascript'/>
3. Tìm đến </b:skin> và thêm Code dưới đây ngay trên nó
#mudimPanel{-moz-box-shadow:5px 5px 5px #000;-moz-opacity:.9;-moz-transition:all 2s ease;-webkit-box-shadow:5px 5px 5px #000;-webkit-transition:all 2s ease;background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEc224af98dv69G0K5ewIKVwDn0VuqvQbMMz88CcAfQcxXPeqMQM4wr8UKRArXO1h1FuvW8ZQmSoYS_jLexm_qNdJ6z1P6PeIbXmlCm2KCZjWvO6So30guOgoLBHFtWEmpo-8nU0YCQxyh/s1600/bo-go.jpg) no-repeat right center!important;bottom:70px!important;box-shadow:5px 5px 5px #000;filter:alpha(opacity=90);font-size:9px!important;font-weight:700;height:47px!important;left:-333px!important;opacity:.9;padding:4px 26px 4px 4px !important;vertical-align:middle;width:330px!important}
#mudimPanel:hover{-moz-opacity:1;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;filter:alpha(opacity=100);left:0!important;opacity:1}.tborder .navbar{padding:10px;text-transform:uppercase}.tborder .navbar img{vertical-align:middle}
Trong đó các thông số CSS các bạn có thể tùy chỉnh nhé.
Link hình ảnh bôi vàng tương ứng với hình ảnh dưới đây:
Chúc các bạn vui vẻ
0 nhận xét: