☼ Cách tiến hành:
1- Đăng nhập vào Blog
2- Chọn Bố cục.
3-Chọn thêm tiện ích (Add Widget) - thêm 1 tiện ích HTML/Javarscrip (xem video).
4- Dán đoạn code bên dưới vào:
Thủ thuật trên áp dụng cho các bài viết trong cùng một nhãn, nếu các bạn muốn áp dụng cho cả blog thì các bạn thay link Javarscip sau:
1- Đăng nhập vào Blog
2- Chọn Bố cục.
3-Chọn thêm tiện ích (Add Widget) - thêm 1 tiện ích HTML/Javarscrip (xem video).
4- Dán đoạn code bên dưới vào:
<style type="text/css"> .mota{ position: relative; z-index: 0; text-decoration:none; } .mota:hover{ background-color: transparent; z-index: 50; } .mota span{ position: absolute; background-color: #ffffff; padding: 5px; left: -1000px; border: 1px solid #000; visibility: hidden; color: black; text-decoration: none; } .mota span img{ border-width: 0; padding: 2px; } .mota:hover span{ padding:5px; visibility: visible; top: 20px; left:50px; width:250px; background:#ccc; text-align: justify; } </style> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55a2vwvQGoD5H4yyFPnAL5d96IQVFwVawdUo0BRxuJYHPdOlr30Ci1RM6XdC7AW_vSYmBkT-t8S-VAhsubM9ObcwlmQi-3DlNXeEXB-WiwWxVFVfZk96f8IIjpo11hyphenhyphensEMsw511-6A455/s1600/nothumbnail-namkna-blogspot-com.gif"; showRandomImg = true; tablewidth = 245; cellspacing = 1; borderColor = "#30a1db"; bgTD = "#fff"; imgwidth = 60; // độ rộng của ảnh thumbnail imgheight = 60; // chiều cao của ảnh thumbnail fntsize = 12; acolor = "#E67C15"; aBold = true; icon = " » "; text = "no"; showPostDate = false; summaryPost = 150; summaryFontsize = 12; summaryColor = "#000"; icon2 = " » "; numposts = 8; label = "Blogspot-tips"; home_page = "http://namkna.blogspot.com/"; </script> <script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/s2-label.js" type="text/javascript"></script>Trong đó:
- Width: 250px :độ rộng của bảng nhỏ khi rê chuột vào tiêu đề bài viết.
- Background: #ccc : màu nền của cửa sổ popup khi rê chuột vào tiêu đề bài viết, bạn có thể xem mã màu Tại đây.
- Imgwidth = 60 : chiều rộng của ảnh đại diện.
- Imgheight = 60 : chiều cao của ảnh đại diện.
- SummaryPost = 150 : số ký tự hiển thị ở cửa sổ Popup khi khi rê chuột.
- Home_page: địa chỉ blog của bạn, hãy thay http://namkna.blogspot.com/ thành URL blog của bạn.
- Label: Tên nhãn muốn hiển thị, hãy thay Blogspot-tips thành tên nhãn của bạn.
- Numposts=8: Số bài muốn hiển thị trong tiện ích này.
Thủ thuật trên áp dụng cho các bài viết trong cùng một nhãn, nếu các bạn muốn áp dụng cho cả blog thì các bạn thay link Javarscip sau:
http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/s2-label.jsThành code bên dưới:
http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/s2-post.js
Post a Comment Blogger Facebook