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/AVvXsEiu42MMVxkoLdgz0FXcSFBxJrwB61RLtxDdQtH1PufFqo_nTOlGS71oR48TJWDlLI531dySb08DJFs0OF6IZrGE4zbX0Mbhc_kRL5SKKsIFTdBT48NKia2F2rrN8D9QElFDKr1Rcx-85BNt/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ẻ
