 |
| Hình Ảnh Minh Hoạ |
CÁC BƯỚC THỰC HIỆN
Bước 1. Truy cập Quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Thêm đoạn CSS dưới đây vào sau thẻ
Thêm đoạn CSS dưới đây vào sau thẻ
]]></b:skin>#snav.en{left:0;text-align:left;width: 6%;}
#snav.en li span{left:-350px}
#snav.en li a:hover span{left:35px}
#snav.ar{right:0;text-align:right}
#snav.ar li span{right:-100px}
#snav.ar li a:hover span{right:35px}
#snav{position:fixed;top:20%;z-index:9999;font-size:18px;font-family:'Open Sans',sans-serif}
#snav ul{list-style:none}
#snav *{margin:0;padding:0;outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#snav li a{text-decoration:none;color:#fff;display:block;position:relative}
#snav .fa{vertical-align:middle;font-size:18px;width:35px;height:35px;line-height:35px;text-align:center;position:relative;z-index:4}
#snav li span{font-size:15px;vertical-align:middle;height:35px;line-height:35px;width:auto;white-space:nowrap;overflow:hidden;display:block;padding:0 15px;position:absolute;top:0;visibility:hidden;z-index:3}
#snav li a:hover .fa{transform:rotate(720deg)}
#snav li a:hover span{visibility:visible}
#snav li span{background-color:#555}
#snav li .fa{background-color:#EEE;color:#555}
#snav li a:hover .fa{color:#fff}
#snav li:nth-child(10n+1) span,#snav li:nth-child(10n+1) a:hover .fa{background-color:#8350DD}
#snav li:nth-child(10n+2) span,#snav li:nth-child(10n+2) a:hover .fa{background-color:#4EC5DB}
#snav li:nth-child(10n+3) span,#snav li:nth-child(10n+3) a:hover .fa{background-color:#3DC25D}
#snav li:nth-child(10n+4) span,#snav li:nth-child(10n+4) a:hover .fa{background-color:#99BE24}
#snav li:nth-child(10n+5) span,#snav li:nth-child(10n+5) a:hover .fa{background-color:#38c}
#snav li:nth-child(10n+6) span,#snav li:nth-child(10n+6) a:hover .fa{background-color:#38c}
#snav li:nth-child(10n+7) span,#snav li:nth-child(10n+7) a:hover .fa{background-color:#000}
#snav li:nth-child(10n+8) span,#snav li:nth-child(10n+8) a:hover .fa{background-color:#F1A111}
#snav li:nth-child(10n+9) span,#snav li:nth-child(10n+9) a:hover .fa{background-color:#777}
#snav li:nth-child(10n+10) span,#snav li:nth-child(10n+10) a:hover .fa{background-color:#30555C}
Bước 2. Tìm thẻ
<body> và dán đoạn Code này vào sau thẻ đó<div class='en' id='snav'>Bước 3. Lưu mẫu.
<ul>
<li><a href='/'><i class='fa fa-home'></i><span>Trang Chủ</span>
</a></li> <li><a href='/link'><i aria-hidden='true' class='fa fa-link'></i><span>Get Link ads</span>
</a></li>
<li><a href='http://www.nguyenluongduy.tk/p/view.html'><i aria-hidden='true' class='fa fa-eye'></i><span>Tăng views</span>
</a></li>
<li><a href='/tools'><i aria-hidden='true' class='fa fa-wrench'></i><span>Tools LinkThuThuat</span></a></li>
<li><a href='/notepad'><i aria-hidden='true' class='fa fa-sticky-note'></i><span>Notepad</span></a></li>
<li><a href='/hop-tac'><i aria-hidden='true' class='fa fa-users'></i><span>Hợp tác nội dung</span></a></li>
<li><a href='https://www.blogger.com/follow-blog.g?blogID=7928173344458320077'><i aria-hidden='true' class='fa fa-rss'></i><span>Đăng ký nhận thủ thuật mới</span></a></li>
<li><a href='https://www.google.com/maps/place/Thạch+Thất,+Hà+Nội/@21.0237565,105.5155585,9z/data=!4m2!3m1!1s0x31345bf1f9733b47:0x4c611b4ae661c8a2'><i class='fa fa-map-marker'></i><span>Thạch Thất, Hà Nội</span></a></li>
</ul>
</div>
Lời Kết
Vừa rồi chỉ với vài bước đơn giản bạn đã có ngay một cái Menu Trượt Dọc Có Hiệu Ứng Đẹp Cho Blogspot rồi.
Chúc Các Bạn Thành Công!
View-Source: Link Thủ Thuật
View-Source: Link Thủ Thuật
Cmt đầu ^^
Trả lờiXóa:v Chúc mừng bạn :D
Xóa@@ Thumbnail đẹp thế kia mà bảo em des cho anh một tấm :v
Trả lờiXóaDes bằng pisart điện thoại đấy :v
XóaCần ko e làm cho 1 tấm chứ bữa h mắc học :v
XóaCó chứ làm luôn giúp a càng tốt :))
Xóa- hay
Trả lờiXóaCảm ơn bác :v
XóaTương tác bác
Trả lờiXóaTương tác góp ý đi chứ :v
XóaĐẹp đó ông Duy
Trả lờiXóaTks ông :v
XóaHổng có gì bữa nào tui test
XóaTest luôn cho nóng :))
Xóatuyệt vời`
Trả lờiXóa:v
Xóacười gì :D
XóaKhông có gì cười vui thôi mà bác :3
XóaĐẹp quá
Trả lờiXóaTất nhiên là đẹp thì mới share :v chứ xấu ai đi share :v
Xóađẹp
Trả lờiXóaCảm ơn bạn đã khen mình :v
Xóađẹp đó
Trả lờiXóaDuy luôn luôn đẹp trai mà :v
Xóaxấu vãi lờ :v
XóaĐù vừa khen đẹp xong lại nói xấu :))
XóaThế là bài cũng viết luôn trên đt hả e :3 Làm toàn bộ = đt với màn hình bé ti ti :3
Trả lờiXóaLâu ngày rồi mới ghé thăm lại em trai, bữa giờ bận quá :)
Trả lờiXóaChúc anh cuối tuần vui vẻ :v
Xóacái này có ltt post rồi mà ta :v
Trả lờiXóaBài này em post được hơn 2 tháng rồi mà :v Em reup lại thôi :))
XóaChúc mừng năm mới em trai ^^
Trả lờiXóaEm cảm ơn anh! Em cũng chúc anh năm mới vui vẻ.
Xóahé lô anh em
Trả lờiXóaHế lloo :v
XóaOK đã Cập Nhật cho anh :v
Trả lờiXóacòn liên kết k ạ
Trả lờiXóaCòn bạn ạ...
Xóamk đặt liên kết k thây sbnaj trả lưoif
XóaCó thấy bạn comment gì đâu?
XóaDuy lại lặng rồi
Trả lờiXóaLặng gì man dạo này hơi mệt :v
XóaDuy đi đâu rồi nhở
Trả lờiXóaDuy dạo này hơi mệt 1 chút về cái GA mới bị Die và vấn đề Support của BSW với khách hàng thôi à :))
XóaỪ nản nhở
XóaNản vler vì GÀ mới đie :(
XóaOk anh gửi em cái.logo 94x94 đã lén với ạ để em đặt :))
Trả lờiXóachưa mà
Trả lờiXóaEm mới Up cái Template cũ lên nó mất :)) Đã thay cho a :v
Trả lờiXóa