[Thủ thuật yêu cầu] Tạo dock Menu đính trượt bên phải màn hình giống ThaiAiTi.com
Trả lời yêu cầu chia sẻ thủ thuật của bạn Bác Sĩ Windows gửi tới ThaiAiTi.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 ThaiAiTi.com. 1 mẫu Dock menu khá chuyên nghiệp và độc đáo được ThaiAiTi.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 ThaiAiTi.com](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4SLA3OJmLQk67_1rmCW0rxypEHrLgwi9im-vF-E37gSs1CwCT8IFrlS87nu4xj7gu0jYmypLeNzs2ZNLQC8L0ahtJcOtGS0RfrZmQh4nF8q3YizH7z-eqok9qesgo2vHLxwv8dcDGuTrd/s1600/%E1%BA%A2nh+ch%E1%BB%A5p+m%C3%A0n+h%C3%ACnh_2014-12-30_205038.png "[Thủ thuật yêu cầu] Tạo dock Menu đính trượt bên phải màn hình giống ThaiAiTi.com")
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 {- Bước 2: Chèn đoạn code sau dưới <body>
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;
}
<div class="menudoc-thaiaiti">- Bước 3: Chèn đoạn Code sau trên </head>
<ul>
<div class='iconcanhanmenudoc'>
<a href="http://www.thaiaiti.com/p/tac-gia.html">
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0UWGI6kAaa-Q98nR7_hDM8FwjO9T3Qsw91bn6aOgBACBotZtArunLxoSO-BHavFvurHJc5aJunlpz3vxaiRx_YuxsFr8hCHrsDRtYjfe6tWliWmsCgcJthPNsr-jtc_662w0D8RjB5ajC/s0/IMG_0034.JPG'/></a>
</div>
<li>
<a href="http://www.thaiaiti.com/p/dao-tao.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYHkNWVUCL-FNzU8wqmrluWuHZRxJ_JxBV_S6pSqLEVSY7FiFRMDI6JCWjXYwo13nXRLIQmwzJ64CcYqw9KhKV-42bARZUkJZfm2_I4-ntvy1Ppz8AJAfTQo27kVIhai7LjI1E3kEJ783/s0/blogger.png'/>
<span>Thiết kế Blogspot</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/2014/08/thaiaiti-day-thiet-ke-web-blogspot.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiG5uv0_BfibE9Mg8X9Q08sAbn4ptN7PtjnmrpGGnezjfpUkAq03S55K-t-PcAxfN1XuGrJkcAd91gCIo__aDBSEaDMRcCbUfvgfVOEK75x6x-GI8OnEPDcpZkZqVMrXcPWOA6wy7ApnRx/s0/shield-1127152508.png'/>
<span>Đào tạo Blogspot</span></a>
</li>
<li>
<a href="#"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimsztf7rFzbzcO-LfkHvJTO1_zfmWjVZLl05na3bQEOA_uokQrxiL6NOAxljDUNwys9HEANNOiuBKNI25KyT70MO5lmLEU5ANPSFbKTAhn4h5166S7iP03z9S3t9ALB9eXlos9W1Q2QM3P/s0/ptss3.png'/>
<span>Đào tạo Photoshop</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/2014/12/ho-tro.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVsDfWoqzVu-TEg2pFLjUGE9wLJ6xOLnOq5jMfQjXPT3d8cuIj526F7ybAARPIptDsKpSMpmI-OrbxDxaqlpu3IBeRIHVomR8tI11hgcizk8hSBpF99VDBJKofuYJ5UaRwRB1knn3u07v/s0/hotro.png'/>
<span>Hỗ trợ kỹ thuật</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/2014/12/ho-tro.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqKO7IQh4GDfGy07VeWUdbzJ0Fh3hng5Iu1XHZUwEcJMkDystECEHmJUsdoSSqi_WeHsvMA0lr5NC6nQ0ysLElHJ-NeuJgs_PN-NT-nSUfvcjJZ39ZAsK4C63_4jQjEQi5pu76Pprv5C64/s0/lien-he.png'/>
<span>Liên hệ</span></a>
</li>
<p>Công cụ</p>
<li>
<a href="http://www.thaiaiti.com/2013/09/bo-driver-hoan-hao-cho-windows-xp.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM58yWzwMw52_2LxkfZiINli50CDGLNxstK5Oaaih0d6RzOgb7q3WxA6xsIRyD0RDA-jglomp6OT84ZwhiBk6niJuCPtXXhvsQkWvQf7Y7RoTI9MH6gRBuyYRWG4RC29brBgFvLqGB1lkn/s0/cs.png'/>
<span>Tải Full Driver</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/2014/04/ma-hoa-bao-mat-code-web-voi-tlooker-10.html"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgurzE1pHo58naFU4x4bhB8GKDwi5kGur75ruzMe13eX6O3-L69zYH3-JYOvnThHie-ABk5Krn6NyeMsrnZjnYXvPonlzZhvZVN_SGt0Kqu4tJL19FYYuz0EhVDTMsb2A5myKw5roZv_0jD/s0/security_passwo.png'/>
<span>Mã hóa Code</span></a>
</li>
<li>
<a href="#"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH12l6OMsn2JpLHj-4O2ekTk8K2Yq101kvyCfqiCbKgyQcN7LH3qe4A6Nz_MwehoVdo2F3DwK9HqYFLzGtl3A_ej-F-_rIu_mJgugxKiYb4pX7-vW5X4H8aPUzTX3F4ZpgRhK5zP37R2BJ/s0/css.png'/>
<span>Nén CSS</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/Thủ%20thuật%20blogger"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWFHsaL1DYuFXCFQ3pXWjTqRP24tQivgdS6QllClN4GHGp2kYmOidzZHs9VpHMVeaztRkGeCEoc6OOb7PwmRu6nU0QVA3RpU4vPpCf3VVIHJLb0gsupEjJRWxMD0_jGj_nHqp7YuIEutdb/s0/icon-html5.png'/>
<span>HTML5 & CSS3</span></a>
</li>
<div id='stickybythaiaiti'>
<p>Đồ họa</p>
<li>
<a href="http://www.thaiaiti.com/search/label/Photoshop"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkhVlqneqJTwulq2KTBs6REbE0wY6vuOuUYtfPGZWvPU3HxDt2kbv9XrhjrLtbwKNqprk4dEIBf-_YdOjrcIgoqZx1i000xqIMlW6AAQmlI_oaQsuEB4DML0DJUHMDIDeyczdLPBj5NWRr/s0/pts.png'/>
<span>Photoshop</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/Adobe%20Premiere"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihMuHeyw6v6f_2HBWMRNbdG92_ozSbEr8J0k71Hoq1VL0rRm1mY7U3cEa9-ICveAQjWZzGRdtOJomle6b4kJzlWWODisQRmNxPY0HC8I-j0_sfQLzmjtIBfqEEDKiUT2VbssLaL8k5-A_f/s0/file-premiere.png'/>
<span>Premier Pro</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/After%20effect"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKg3Xn2TpS35WJgbNlQmyzSEWWrgwZKAbT-W-BidVyU_f6Q5cLbszFxHuQSt1uwAmKnkkw3RV2uovsdyCZxLtO6eRmH4tXrdDjSR5AiGxZwc1khuFSnkyiDwm3KDqwfC89tjjkpWhsur-/s0/a.png'/>
<span>After Efect</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/Proshow%20Gold"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6WclRd-btsneE1ESqaqcGeUtH_ByyTwnJdwrf92QNtG37jwgYzveviNioIf3QakchyphenhyphenJesIIe_3zmO5xM2sfeZw4FJ8H2puxjV_YepCTqDrRTHJ2g7pEfYd2mLEV7GxKvK8h4zpn9wSsG7/s0/dvd.png'/>
<span>Proshow Gold</span></a>
</li>
<p>Thủ thuật</p>
<li>
<a href="http://www.thaiaiti.com/search/label/Thủ%20thuật%20blogger"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYHkNWVUCL-FNzU8wqmrluWuHZRxJ_JxBV_S6pSqLEVSY7FiFRMDI6JCWjXYwo13nXRLIQmwzJ64CcYqw9KhKV-42bARZUkJZfm2_I4-ntvy1Ppz8AJAfTQo27kVIhai7LjI1E3kEJ783/s0/blogger.png'/>
<span>Blogspot</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/Thủ%20thuật%20PC"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIvJDy2ZGaDBVD9_n2LoHHwdYF-YLnXkHnWSNn-lL8qTS9D8IDhF0SsklSRzwli9taYYhkvlESWA_8_szhjh1durTIr25v5pKmW41vVxrQU-t5rTwBQ7Nbk-lvpAo0oA2aZPY-SqUiuN1d/s0/psd_files_28.jpg'/>
<span>Hệ điều hành</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/Mạng%20máy%20tính"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76Wg4mRsB7U4quuuNH7z6Jfqq6-uFo0NtqrqD39dRtlDAAl3uljx5Ttq0p2uOGDtPydMTI7z34pa9NSdHobpfV2xH4GpPIyQRfQtHE-RtTb29ZIo-_rIogTqrupM_QaCQVoCqP0VKRfC9/s0/browser-icons.png'/>
<span>Internet</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/Văn%20phòng"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCRyyw6GN5c9qBeVquZwmmJhF0OYMNNs4jiggFjsKFLHSvAmbe91FJ6YAl0GGClSjJaoUfDwhO4STTV72A1UYOlXa_9_zL-t-WeUq-FfrqI-PKE1FtCPgH0upH6w96ZZTiCLBAJzz0Gbj/s0/print-icon.png'/>
<span>Văn phòng</span></a>
</li>
<li>
<a href="http://www.thaiaiti.com/search/label/Smartphone"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjcZtBRUOOfrPfpMK7bjb3s3vQoTEMEip_1BIWSQ_tSOJu9lKJEOirxMXOEg2bpYdmwegzj7sKtCSshs0_X8Qmdl6Us1JGBOxRXxap1X3lqlLdYKch8Rs0CE5xXcAsbpMkU28MZQdPYNZ-/s0/iPhone-White-Mockup.png'/>
<span>Smartphone</span></a>
</li>
</div>
</ul>
</div>
<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
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaCảm ơn bạn, nếu được phiền bạn để lại like và đánh giá trên fanpage hộ mình,
Xóahttps://www.facebook.com/designblogspot
không cần cuộn thì bạn bỏ thao tác ở bước 3 đi nhé là ok.
Cảm ơn TháiAiTi nhiều nhé :)
XóaBác có thể hướng dẫn làm phần comment như của bác không :D
Trả lờiXóaComment của mình là commemt mặc định của blog mà bạn, chỉ tùy chỉnh 1 vài chỗ thôi mà, bạn cần j, bạn nói rõ cụ thẻ hơn nhé
XóaBình luận & Góp ý ( 5 comments ) em muốn thay cái mặc định của blogspot ví dụ cái này thì thêm ở đâu vậy bác
Trả lờiXóa:) Cảm ơn anh nhé, tiện ích này giúp trang trí blog của em rất nhiều, cảm ơn anh nhé ! Chúc anh ngày càng thành công và có nhiều thủ thuật hay mới cho giới blogger nhé ! :)
Trả lờiXóakam on ban
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóamặc dù còn hơn 1 tháng nữa mới tới Tết Nguyên đán 2017 nhưng tại Hà Nội, đa dạng cây đào bích, đào phai đã sớm khoe sắc trên gian phoi thong minh.
Trả lờiXóaVừa tìm cành đào phai tại chợ hoa PR, bà Nguyễn Thị Liên (51 tuổi, P.Bạch Mai, Q.Hai Bà Trưng) chia sẻ: “Tôi sắm cành đào phai giá 160.000 đồng. Năm nào vợ chồng tôi cũng đánh xe lên chợ này tậu cành đào về đón rằm tháng Chạp và Tết Dương lịch”.
Bài viết tuyệt vời quá anh ơi,
Trả lờiXóaCó nhu cầu ship hàng Mỹ thì qua ủng hộ bên em nhé anh
Vận chuyển hàng hóa ngày nay đang phát triển mạnh trong nền kinh tế thị trường hội nhập ngày càng sâu rộng. Nhiều cá nhân, đơn vị, công ty vận chuyển, chuyển phát nhanh, đã ra đời, góp phần nâng cao chất lượng dịch vụ và mang lại vị thế mới cho ngành vận tải. Trong bài viết này chúng ta hãy cùng tìm hiểu về những điều cần biết về vận chuyển hàng hóa nhằm giúp khách hàng có thể chủ động lựa chọn được hình thức cũng như các công ty vận tải phù hợp nhất.
Trả lờiXóaxem them dich vu tai dia chi:
những điều cần biết về vận chuyển hàng hóa
skype: nguyentaiachau94
mail: nguyentaiachau@gmail.com
công ty vận chuyển
Có mấy cái tiện ích này cũng hay, tạo thêm sự thú vị cho website. Thank ad đã chia sẻ nhe. Chúc bạn có nhiều ý tưởng hơn nữa cho mọi người tham khảo.
Trả lờiXóaBạn có nhu cầu vận chuyển hàng hóa Sài Gòn đi Hà Nội hay vận chuyển hàng hóa đi toàn quốc bạn hãy gọi 19001733 – 0943.101.437 – phuongthaoachau@gmail.com. Chúng tôi luôn hỗ trợ bạn 24/24h.
Nhận xét này đã bị tác giả xóa.
Trả lờiXóabài viết của bạn rất tuyệt vời ạ
Trả lờiXóanhung hươu có tác dụng gì
Thanks for share
Trả lờiXóavận chuyển hàng hóa bắc nam
Bài viết của bạn rất hữu ích !!! Thanks for you.
Trả lờiXóanhung hươu hương sơn