Demo:
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>
<script src='http://mudim.googlecode.com/files/mudim-0.8-r142.js' type='text/javascript'/>
5. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
#mudimPanel:hover{
-moz-opacity:1;-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;filter:alpha(opacity=100);
left:0!important;opacity:1}
#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(http://c3zone.net/users/2611/10/63/87/album/go10.jpg) no-repeat right center!important;
bottom:9px!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}
6. Cuối cùng save lại là xong
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>
<script src='http://mudim.googlecode.com/files/mudim-0.8-r142.js' type='text/javascript'/>
5. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
#mudimPanel:hover{
-moz-opacity:1;-moz-transition:all 1s ease;
-webkit-transition:all 1s ease;filter:alpha(opacity=100);
left:0!important;opacity:1}
#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(http://c3zone.net/users/2611/10/63/87/album/go10.jpg) no-repeat right center!important;
bottom:9px!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}
6. Cuối cùng save lại là xong
No comments:
Post a Comment