Kho giao diện Thiết kế Blogspot Kho psd Hỏi đáp Login

Thứ Ba, 30 tháng 12, 2014

[Thủ thuật yêu cầu] Tạo dock Menu đính trượt bên phải màn hình giống Fphn.blogspot.com

Thứ Ba, 30 tháng 12, 2014
Trả lời yêu cầu chia sẻ thủ thuật của bạn Bác Sĩ Windows gửi tới Fphn.blogspot.com. Yêu cầu chia sẻ thủ thuật tạo Menu đính trượt bên phải màn hình giống Website Fphn.blogspot.com. 1 mẫu Dock menu khá chuyên nghiệp và độc đáo được Fphn.blogspot.com sử dụng cho giao diện Website bản chào mừng năm 2015. 

[Thủ thuật yêu cầu] Tạo dock Menu đính trượt bên phải màn hình giống Fphn.blogspot.com

Demo

Với mẫu Menu Blogspot trên được sử dụng HTML, CSS, JS với các tính năng hữu ích và bắt mắt như:
- Luôn đính bên phải màn hình và trượt dọc khi kéo trang.
- Hover hiển thị mô tả

* Cách thực hiện khá đơn giản như sau:
(Dành cho người thiết kế Blogspot chuyên nghiệp)

- Bước 1: Bạn chèn đoạn CSS sau trên ]]></b:skin>
.menudoc-thaiaiti {
width: 50px;
background: #eee;
position: absolute;
min-height: 100%;
top: 0;z-index: 9;
left: 0;
border-right: 1px solid #e5e5e5;
box-shadow: 0 0 2px #ddd;
-moz-box-shadow: 0 0 2px #ddd;transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.menudoc-thaiaiti ul li {
list-style: none;
height: 30px;
padding: 0;
width: 100%;
float: left;
margin-bottom: 2px;
padding-top: 5px;
padding-bottom: 5px;
border-left: 3px solid #eee;
transition: background-color 0.3s ease 0s;
-moz-transition: background-color 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s;
}
.menudoc-thaiaiti ul li:hover {
background: #ddd;
border-left: 3px solid #aaa;
}
.menudoc-thaiaiti ul p {
font: bold 8px arial;
float: left;
width: 100%;
overflow: hidden;
margin-top: 12px;
padding: 0;
text-transform: uppercase;
color: #666;
margin-bottom: 2px;
text-align: center;
}
.menudoc-thaiaiti ul li img {
float: left;
width: 100%;
border-radius: 100%;
height: 100%;
margin-left: 7px;
}
.menudoc-thaiaiti ul li span {
width: 0;
left: 38px;
padding: 0;
position: absolute;
overflow: hidden;
font: 15px tahoma;
white-space: nowrap;
height: 20px;
transition: background-color 0.3s ease 0s;
-moz-transition: background-color 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s;
background: #ddd;
top: -5px;
}
.menudoc-thaiaiti ul li a {
height: 100%;
width: 30px;
border-radius: 0;
display: block;
position: relative;
}
.menudoc-thaiaiti ul li a:hover span {
width: 110px;
padding: 10px 15px;
overflow: visible;
}
.menudoc-thaiaiti ul {
margin: 0;
padding: 0;
margin-top: 46px;
list-style: none;
}
.iconcanhanmenudoc {
float: left;
width: 100%;
height: 50px;
overflow: hidden;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.iconcanhanmenudoc img {
float: left;
width: 30px;
height: 30px;
border-radius: 100%;
margin-left: 10px;
margin-top: 10px;transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.iconcanhanmenudoc img:hover {
border: 2px solid #08c;
margin-left: 8px;
margin-top: 8px;
}
- Bước 2: Chèn đoạn code sau dưới <body>
<div class="menudoc-thaiaiti">
<ul>
<div class='iconcanhanmenudoc'>
<a href="http://www.Fphn.blogspot.com/p/tac-gia.html">
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pQrayKvUQZWwa1F0oMBQ0TV6OGdZIZ6RrJZmjD-j210fr-15dH83BkqNBbIH1mzfKvkfXZeVax7QmykRNhwPvBO7Ry6ouApWGPlD0J2eTsCjETSF9w0uDxzHpf3QkcNqWnhIxzpaeePa/s0/IMG_0034.JPG'/></a>
</div>
<li>
<a href="http://www.Fphn.blogspot.com/p/dao-tao.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSWm10GVFRuAxHsjjIn75QmKxnvT7-q_krU4B6xFyvfjiCgutq_kvWWbaCW1uGF4_SXoGXsJ4EX_ip7sMwsjAciXrLiPh0cvobVMJJM8696Q-Z9y9TvwdiItr3DJDHRZrcRIpXWQ_4GhyN/s0/blogger.png'/>
<span>Thiết kế Blogspot</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/2014/08/thaiaiti-day-thiet-ke-web-blogspot.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IztP84ga-DgVFDAyIQl76ZSWaCsBHre0IeNifNd0W3CfPIM_st7E3OjYFjI3kEbieNhIWCkT8TFXgIOrPX2wRk_7dADvbw-NoD7iMHj_8NouQcjGu84-93M2RdH5rj3HRz0btyvZQIhx/s0/shield-1127152508.png'/>
<span>Đào tạo Blogspot</span></a>
</li>
<li>
<a href="#"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7QsWmnnXSI8HUTYzTqUsheogZoTBmHnfIUk8sA533-mCr4l2hb-afrduE1jqjNChb4z2kb0mnqWL6dz1rCeP5arIDxvCoUc1qUGbevmVeQGhFRVnPWS7WhobdhKW_eiFjwmIjkOtOmKHN/s0/ptss3.png'/>
<span>Đào tạo Photoshop</span></a>
</li>

<li>
<a href="http://www.Fphn.blogspot.com/2014/12/ho-tro.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pGDbTlaa9kVX3K684OXoxrfYi9Q1qPSO2fZ-GxAbS0K15_LufFMmjrjpGjOyhyphenhyphenaRC3Q1KRaCHPGiorT2hEa7XKFPfQzFUSrjYGriF-ZjSw3Id9IBTzHwb8Jdy9N0cHJ8BTx3oFQc4ngw/s0/hotro.png'/>
<span>Hỗ trợ kỹ thuật</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/2014/12/ho-tro.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO13zi2baqTC500c3edC8HKUl4U3xY0swtwTMyi57U8ZpFeiy4kODiuxhdGntx_Bn7ddygsPSZT6vgHMrwagy2BTpV-jqN5QLEVNo7wxyL4sMMONiE_dh-f-atFOQ-6tkavei93wtAM0AT/s0/lien-he.png'/>
<span>Liên hệ</span></a>
</li>
<p>Công cụ</p>
<li>
<a href="http://www.Fphn.blogspot.com/2013/09/bo-driver-hoan-hao-cho-windows-xp.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBof4PRpHyk_8bVenjFvbY1S9ahNzcuOycuJsC9PpWVsk1N7PSa_fRPPVccqUC1ctQd8hjMnS2L5luDi7FmSoYwqZ2DXyu6uWvMwfqxWhDHzcp8fspr1gtW0YhnjIivQJ0MxhOX6rDaYI/s0/cs.png'/>
<span>Tải Full Driver</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/2014/04/ma-hoa-bao-mat-code-web-voi-tlooker-10.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFXX9C7Y7wqIxjBb4MLcIx_LzKh58t3nVfSW4arPe6kc1_n6FvP6jQSSxf6A6R17sopxJOo1huNXpmHEtD5ADZbt06dK6BcELEvxW_rFVMa2hraO37ARvbzQqLyHeqWxbYpw_t8DNzoPx/s0/security_passwo.png'/>
<span>Mã hóa Code</span></a>
</li>
<li>
<a href="#"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf9i2Owq8q-af659MyoxpWBRosVahzBufQc_v_fvLeYEzJCxhv88CijqAJ8A8Td3OraK1ovaXTR3BMiKT8un2QXaSengl6V3cv1131H9EaNCmWzkFWgeP7vhapRmAp74YMHaQdDUMj26jY/s0/css.png'/>
<span>Nén CSS</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Thủ%20thuật%20blogger"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfC5fUgvwTlw6LHVaC4SzfoAYqrF7h2k3T1QGDRKZpWzTrH7s0MtCzyPp9D0uxZM89iYG85DWqB4k6r7MOJMBMKdlKylB73yissqBwCQVkEvQu5qZEp1LWjzjqR7KbDtiR1HpFZLWSq4as/s0/icon-html5.png'/>
<span>HTML5 &amp; CSS3</span></a>
</li>
<div id='stickybythaiaiti'>
<p>Đồ họa</p>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Photoshop"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4k1RgrL6Hr80IBGzxlhOH7u_5rca_u6evPai3tQk8hRqgrwXa7O9GJM97kbfkuKpPtvNYxOrHmWpBLZcxcN3eW1djvb3ef5Ahd5miQek3MAKUS2xRzwy4GphYvrwR1Y7FMIgAX9yWrUu0/s0/pts.png'/>
<span>Photoshop</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Adobe%20Premiere"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifsGsB5ZUGv1Y3I9cXk8l-YEqOLiIO2YDCQxeryhk9cdVPjH9TaVRxBHXP7qBF-CPrlLDPAAthfCybmXAUnvIGIRROOClZ7p9EeubiJ3BMeb30e5pLs_L7OPLXYhsu9ulg_MmS-qKWjW_N/s0/file-premiere.png'/>
<span>Premier Pro</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/After%20effect"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ZENNYhsqknyn3V9Z8R6UXt5VzvtFUVn4ytxEq21NMoZrNWJov3If75PTgMx-A5qseRwlxMtvqoGl6GIOaJOI7Yw_kGj-6JczgXikeS41Q3jKLIYYApCFqOINI8QR0yLF7MyYxJB71N3B/s0/a.png'/>
<span>After Efect</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Proshow%20Gold"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlYCXfVtz7_TRpdV1NTDnP-LB_KEVKbnM_gBrFkTCnZsMa6Gb0axEpmJH6pOwxSwiI9grhTO7_-OPc-N3cniKx2SETRuF2XBrvflqM44Qxiz0rdZBloFO66izk16gUsP9CR4LWGFfll0G/s0/dvd.png'/>
<span>Proshow Gold</span></a>
</li>
<p>Thủ thuật</p>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Thủ%20thuật%20blogger"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSWm10GVFRuAxHsjjIn75QmKxnvT7-q_krU4B6xFyvfjiCgutq_kvWWbaCW1uGF4_SXoGXsJ4EX_ip7sMwsjAciXrLiPh0cvobVMJJM8696Q-Z9y9TvwdiItr3DJDHRZrcRIpXWQ_4GhyN/s0/blogger.png'/>
<span>Blogspot</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Thủ%20thuật%20PC"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvJip8VQFim6LB8ZQnY7NQXtVDI_m0mOvjgyjquUdl_Gt67zvEeeiJkhE6JVQXc1sY_EgZp8YCbZzZgnpOGDKKqQPU9spJFnxtkOnSJXFyw2cHkrIIMXI9iQyJXHVfzmtHYjNwaUlXFDP/s0/psd_files_28.jpg'/>
<span>Hệ điều hành</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Mạng%20máy%20tính"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15Te6aEaXPilh4ALYlAnpLYOOOvS2xZQEZLvVDVoBZf7GCqR1KDnjDFG3ACDEv__VlMd4mBlHFvNwJu005IyieHTY9wTjoEqDTLhkz4jCYqRmFhdT5twF9n7MI9Q3AJsbi5NuLK9CP2UW/s0/browser-icons.png'/>
<span>Internet</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Văn%20phòng"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdrH8RhTu36S_eDF99lXFuyxWrDuBQAPxhLhW1k67Hx8IyFZ7ncxaSPfTNGDE8njpzoS94QChPAEy_N9ctyGVeQWS4rd3dixHSAmI0-pFMQg70lTcYmXfTfMhd-OkKwMyzh8hghpGjanRX/s0/print-icon.png'/>
<span>Văn phòng</span></a>
</li>
<li>
<a href="http://www.Fphn.blogspot.com/search/label/Smartphone"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLMfI-oCAv3Yi2uj7f4mHr_JdI1gkBrYW9ugMlya-FTdJIBOBijE9erk-C0IPUiNNSM5TdwqjHJDFZv8uzpemjsbeJv6tYxSXL6JH4GH8DDTXQBv98HCwGmujs8A-5vJvsV_PII4Dyaw-E/s0/iPhone-White-Mockup.png'/>
<span>Smartphone</span></a>
</li>
</div>
</ul>
</div>
- Bước 3: Chèn đoạn Code sau trên </head> 
<script type="text/javascript">document.write('\u003c\u0073\u0063\u0072\u0069\u0070\u0074\u003e\u000a\u0076\u0061\u0072\u0020\u0024\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0048\u0065\u0069\u0067\u0068\u0074\u0020\u003d\u0020\u0033\u0037\u003b\u0020\u002f\u002f\u0020\u0063\u0068\u0069\u1ec1\u0075\u0020\u0063\u0061\u006f\u0020\u0063\u1ee7\u0061\u0020\u0062\u0061\u006e\u006e\u0065\u0072\u0020\u0071\u0075\u1ea3\u006e\u0067\u0020\u0063\u00e1\u006f\u000a\u0076\u0061\u0072\u0020\u0024\u0070\u0061\u0064\u0064\u0069\u006e\u0067\u0020\u003d\u0020\u0030\u003b\u0020\u002f\u002f\u0020\u006b\u0068\u006f\u1ea3\u006e\u0067\u0020\u0063\u00e1\u0063\u0068\u0020\u0074\u006f\u0070\u0020\u0063\u1ee7\u0061\u0020\u0062\u0061\u006e\u006e\u0065\u0072\u0020\u006b\u0068\u0069\u0020\u0064\u00ed\u006e\u0068\u000a\u0076\u0061\u0072\u0020\u0024\u0074\u006f\u0070\u004f\u0066\u0066\u0073\u0065\u0074\u0020\u003d\u0020\u0036\u0030\u003b\u0020\u002f\u002f\u0020\u006b\u0068\u006f\u1ea3\u006e\u0067\u0020\u0063\u00e1\u0063\u0068\u0020\u0074\u1eeb\u0020\u0074\u006f\u0070\u0020\u0063\u1ee7\u0061\u0020\u0062\u0061\u006e\u006e\u0065\u0072\u0020\u006b\u0068\u0069\u0020\u0062\u1eaf\u0074\u0020\u0111\u1ea7\u0075\u0020\u0064\u00ed\u006e\u0068\u0020\u0028\u0074\u1ee9\u0063\u0020\u006c\u00e0\u0020\u006b\u0068\u006f\u1ea3\u006e\u0067\u0020\u0063\u00e1\u0063\u0068\u0020\u0074\u00ed\u006e\u0068\u0020\u0074\u1eeb\u0020\u0074\u0072\u00ea\u006e\u0020\u0078\u0075\u1ed1\u006e\u0067\u0020\u0111\u1ebf\u006e\u0020\u0076\u1ecb\u0020\u0074\u0072\u00ed\u0020\u0111\u1eb7\u0074\u0020\u0062\u0061\u006e\u006e\u0065\u0072\u0020\u0029\u000a\u0076\u0061\u0072\u0020\u0024\u0066\u006f\u006f\u0074\u0065\u0072\u0048\u0065\u0069\u0067\u0068\u0074\u0020\u003d\u0020\u0030\u003b\u0020\u002f\u002f\u0020\u0110\u1ecb\u006e\u0068\u0020\u0076\u1ecb\u0020\u0111\u0069\u1ec3\u006d\u0020\u0064\u1eeb\u006e\u0067\u0020\u0063\u1ee7\u0061\u0020\u0062\u0061\u006e\u006e\u0065\u0072\u002c\u0020\u0074\u00ed\u006e\u0068\u0020\u0074\u1eeb\u0020\u0063\u0068\u00e2\u006e\u0020\u006c\u00ea\u006e\u000a\u002f\u002a\u0020\u003c\u0021\u005b\u0043\u0044\u0041\u0054\u0041\u005b\u0020\u002a\u002f\u000a\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0020\u0073\u0063\u0072\u006f\u006c\u006c\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0028\u0029\u007b\u000a\u0069\u0066\u0028\u0024\u0028\u0077\u0069\u006e\u0064\u006f\u0077\u0029\u002e\u0068\u0065\u0069\u0067\u0068\u0074\u0028\u0029\u0020\u003e\u003d\u0020\u0024\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0048\u0065\u0069\u0067\u0068\u0074\u0029\u0020\u007b\u000a\u0076\u0061\u0072\u0020\u0061\u004f\u0066\u0066\u0073\u0065\u0074\u0020\u003d\u0020\u0024\u0028\u0027\u0023\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0027\u0029\u002e\u006f\u0066\u0066\u0073\u0065\u0074\u0028\u0029\u003b\u000a\u0069\u0066\u0028\u0024\u0028\u0064\u006f\u0063\u0075\u006d\u0065\u006e\u0074\u0029\u002e\u0068\u0065\u0069\u0067\u0068\u0074\u0028\u0029\u0020\u002d\u0020\u0024\u0066\u006f\u006f\u0074\u0065\u0072\u0048\u0065\u0069\u0067\u0068\u0074\u0020\u002d\u0020\u0024\u0070\u0061\u0064\u0064\u0069\u006e\u0067\u0020\u003c\u0020\u0024\u0028\u0077\u0069\u006e\u0064\u006f\u0077\u0029\u002e\u0073\u0063\u0072\u006f\u006c\u006c\u0054\u006f\u0070\u0028\u0029\u0020\u002b\u0020\u0024\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0048\u0065\u0069\u0067\u0068\u0074\u0029\u0020\u007b\u000a\u0076\u0061\u0072\u0020\u0024\u0074\u006f\u0070\u0020\u003d\u0020\u0024\u0028\u0064\u006f\u0063\u0075\u006d\u0065\u006e\u0074\u0029\u002e\u0068\u0065\u0069\u0067\u0068\u0074\u0028\u0029\u0020\u002d\u0020\u0024\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0048\u0065\u0069\u0067\u0068\u0074\u0020\u002d\u0020\u0024\u0066\u006f\u006f\u0074\u0065\u0072\u0048\u0065\u0069\u0067\u0068\u0074\u0020\u002d\u0020\u0024\u0070\u0061\u0064\u0064\u0069\u006e\u0067\u0020\u002d\u0020\u0031\u0038\u0035\u003b\u000a\u0024\u0028\u0027\u0023\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0027\u0029\u002e\u0061\u0074\u0074\u0072\u0028\u0027\u0073\u0074\u0079\u006c\u0065\u0027\u002c\u0020\u0027\u0070\u006f\u0073\u0069\u0074\u0069\u006f\u006e\u003a\u0061\u0062\u0073\u006f\u006c\u0075\u0074\u0065\u003b\u0020\u0074\u006f\u0070\u003a\u0027\u002b\u0024\u0074\u006f\u0070\u002b\u0027\u0070\u0078\u003b\u0027\u0029\u003b\u000a\u000a\u007d\u0065\u006c\u0073\u0065\u0020\u0069\u0066\u0028\u0024\u0028\u0077\u0069\u006e\u0064\u006f\u0077\u0029\u002e\u0073\u0063\u0072\u006f\u006c\u006c\u0054\u006f\u0070\u0028\u0029\u0020\u002b\u0020\u0024\u0070\u0061\u0064\u0064\u0069\u006e\u0067\u0020\u003e\u0020\u0024\u0074\u006f\u0070\u004f\u0066\u0066\u0073\u0065\u0074\u0029\u0020\u007b\u000a\u0024\u0028\u0027\u0023\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0027\u0029\u002e\u0061\u0074\u0074\u0072\u0028\u0027\u0073\u0074\u0079\u006c\u0065\u0027\u002c\u0020\u0027\u0062\u0061\u0063\u006b\u0067\u0072\u006f\u0075\u006e\u0064\u003a\u0023\u0065\u0065\u0065\u003b\u0070\u006f\u0073\u0069\u0074\u0069\u006f\u006e\u003a\u0066\u0069\u0078\u0065\u0064\u003b\u0070\u0061\u0064\u0064\u0069\u006e\u0067\u002d\u0074\u006f\u0070\u003a\u0020\u0035\u0035\u0070\u0078\u003b\u0062\u006f\u0072\u0064\u0065\u0072\u002d\u0072\u0069\u0067\u0068\u0074\u003a\u0020\u0031\u0070\u0078\u0020\u0073\u006f\u006c\u0069\u0064\u0020\u0023\u0065\u0035\u0065\u0035\u0065\u0035\u003b\u002d\u0077\u0065\u0062\u006b\u0069\u0074\u002d\u0074\u0072\u0061\u006e\u0073\u0069\u0074\u0069\u006f\u006e\u003a\u0020\u0061\u006c\u006c\u0020\u0030\u002e\u0035\u0073\u0020\u0065\u0061\u0073\u0065\u0020\u0030\u0073\u003b\u002d\u006d\u006f\u007a\u002d\u0074\u0072\u0061\u006e\u0073\u0069\u0074\u0069\u006f\u006e\u003a\u0020\u0061\u006c\u006c\u0020\u0030\u002e\u0035\u0073\u0020\u0065\u0061\u0073\u0065\u0020\u0030\u0073\u003b\u0074\u0072\u0061\u006e\u0073\u0069\u0074\u0069\u006f\u006e\u003a\u0020\u0061\u006c\u006c\u0020\u0030\u002e\u0035\u0073\u0020\u0065\u0061\u0073\u0065\u0020\u0030\u0073\u003b\u0062\u006f\u0078\u002d\u0073\u0068\u0061\u0064\u006f\u0077\u003a\u0020\u0030\u0020\u0030\u0020\u0032\u0070\u0078\u0020\u0023\u0064\u0064\u0064\u003b\u0077\u0069\u0064\u0074\u0068\u003a\u0020\u0035\u0030\u0070\u0078\u003b\u0068\u0065\u0069\u0067\u0068\u0074\u003a\u0020\u0031\u0030\u0030\u0025\u003b\u007a\u002d\u0069\u006e\u0064\u0065\u0078\u003a\u0020\u0039\u003b\u0020\u0074\u006f\u0070\u003a\u0027\u002b\u0024\u0070\u0061\u0064\u0064\u0069\u006e\u0067\u002b\u0027\u0070\u0078\u003b\u0027\u0029\u003b\u000a\u007d\u0065\u006c\u0073\u0065\u007b\u000a\u0024\u0028\u0027\u0023\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0027\u0029\u002e\u0061\u0074\u0074\u0072\u0028\u0027\u0073\u0074\u0079\u006c\u0065\u0027\u002c\u0020\u0027\u0070\u006f\u0073\u0069\u0074\u0069\u006f\u006e\u003a\u0072\u0065\u006c\u0061\u0074\u0069\u0076\u0065\u003b\u0027\u0029\u003b\u000a\u007d\u000a\u007d\u000a\u007d\u000a\u0024\u0028\u0077\u0069\u006e\u0064\u006f\u0077\u0029\u002e\u0073\u0063\u0072\u006f\u006c\u006c\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0028\u0029\u007b\u000a\u0073\u0063\u0072\u006f\u006c\u006c\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0028\u0029\u003b\u000a\u007d\u0029\u003b\u000a\u002f\u002a\u0020\u005d\u005d\u003e\u0020\u002a\u002f\u000a\u003c\u002f\u0073\u0063\u0072\u0069\u0070\u0074\u003e\u000a\u003c\u0073\u0063\u0072\u0069\u0070\u0074\u0020\u0074\u0079\u0070\u0065\u003d\u0027\u0074\u0065\u0078\u0074\u002f\u006a\u0061\u0076\u0061\u0073\u0063\u0072\u0069\u0070\u0074\u0027\u003e\u000a\u0020\u0020\u0020\u0020\u002f\u002f\u003c\u0021\u005b\u0043\u0044\u0041\u0054\u0041\u005b\u000a\u0020\u0020\u0020\u0020\u0024\u0028\u0064\u006f\u0063\u0075\u006d\u0065\u006e\u0074\u0029\u002e\u0072\u0065\u0061\u0064\u0079\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0020\u0028\u0029\u0020\u007b\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0024\u0028\u0027\u0023\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u0027\u0029\u002e\u0068\u0074\u006d\u006c\u0028\u0027\u003c\u0061\u0020\u0068\u0072\u0065\u0066\u003d\u0022\u0068\u0074\u0074\u0070\u003a\u002f\u002f\u0077\u0077\u0077\u002e\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u002e\u0063\u006f\u006d\u002f\u0022\u003e\u003c\u002f\u0061\u003e\u0027\u0029\u003b\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0073\u0065\u0074\u0049\u006e\u0074\u0065\u0072\u0076\u0061\u006c\u0028\u0066\u0075\u006e\u0063\u0074\u0069\u006f\u006e\u0020\u0028\u0029\u0020\u007b\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0069\u0066\u0020\u0028\u0021\u0024\u0028\u0027\u0023\u0073\u0074\u0069\u0063\u006b\u0079\u0062\u0079\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u003a\u0076\u0069\u0073\u0069\u0062\u006c\u0065\u0027\u0029\u002e\u006c\u0065\u006e\u0067\u0074\u0068\u0029\u0020\u0077\u0069\u006e\u0064\u006f\u0077\u002e\u006c\u006f\u0063\u0061\u0074\u0069\u006f\u006e\u002e\u0068\u0072\u0065\u0066\u0020\u003d\u0020\u0027\u0068\u0074\u0074\u0070\u003a\u002f\u002f\u0077\u0077\u0077\u002e\u0074\u0068\u0061\u0069\u0061\u0069\u0074\u0069\u002e\u0063\u006f\u006d\u0027\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007d\u002c\u0020\u0031\u0030\u0030\u0030\u0029\u000a\u0020\u0020\u0020\u0020\u007d\u0029\u0020\u000a\u002f\u002f\u005d\u005d\u003e\u000a\u003c\u002f\u0073\u0063\u0072\u0069\u0070\u0074\u003e')</script>
* Chú ý: Trong template blogspot của bạn phải có bộ jQuery v1.8 thì hiệu ứng trên mới có tác dụng nhé
- Nếu menu trên bạn không cần cuộn khi kéo trang thì bạn bỏ thao tác ở bước 3 nhé.
- Nếu trong template chưa có. Bạn vui lòng thêm đoạn code dưới đoạn code ở bước 3:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/> 
* Chúc bạn thực hiện thành công, mọi thắc mắc vui lòng để lại comment phía dưới. 
Nếu bạn đam mê Blogspot, Hãy tham gia khóa học thiết kế Blogspot tại Hà Nội. Chi tiết tại đây
Tags: ,

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

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)
Được tạo bởi Blogger.
Danh mục

    Dịch vụ

  1. Thiết kế Blogspot
  2. Sửa chữa Templates
  3. Đào tạo Blogspot
  4. Đào tạo Photoshop

    Web Design

  1. Thủ thuật Blogspot
  2. Templates Blogspot
  3. Themes Wordpress
  4. Thủ thuật Wordpress
  5. HTML & CSS, JS

    Đồ họa kỹ thuật

  1. Photoshop
  2. Premiere Pro
  3. After Efects
  4. Proshow Gold

    Computer

  1. Thủ thuật mạng
  2. Hệ điều hành

CÔNG TY TNHH CÔNG NGHỆ VÀ TRUYỀN THÔNG THÁI AITI

Trụ sở chính:


Số 2, Ngách 25, Ngõ 3 Hoàng Mai, P.Trương Định, Q.Hai Bà Trưng, Hà Nội
Hotline: 0985.899.017

Giờ làm việc:


Thứ 2 - Thứ 6 : 8 AM - 5 PM
Thứ 7: 8 AM - 12 AM
Kết nối với chúng tôi:

Email: congtythaiaiti@gmail.com
Website: www.thaiaiti.com
Tác giả Giới thiệu Sitemap Liên hệ