banner

Trang được xây dựng với nội dung giải trí dành cho tuổi thơ, giúp các bé hiểu biết thêm về ngôn ngữ, lịch sử, sự vật đời sống... thông qua các câu truyện Cổ tích, Truyền thuyết dân gian, nghệ thuật vẽ tranh, hài hước... từng bước xây dựng nền tảng trí tuệ cho bé. Trang cũng dành một phần nội dung cho bậc làm cha mẹ như: Đặt tên cho con - Tưởng dễ mà khó, sứ khỏe, nấu ăn, bài thuốc hay... Chúc các bé cùng phụ huynh thư giãn vui khỏe! Bé nào muốn có tranh, video, vui cười... muốn đăng lên trang này, nhờ bố mẹ gửi vào hộp thư: phungban@gmail.com để duyệt nội dung trước khi được đăng nhé!
Bài ngẫu nhiên
Bé nào có tranh đẹp, video hay, vui cười,... muốn đăng trên trang này thì nhờ bố mẹ gửi vào hộp thư: phungban@gmail.com để duyệt trước khi được đăng.
25 tháng 8, 2012

Bài viết mới dạng list có mô tả cho nhãn và blog

Ảnh minh họa:


☼ Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào thiết kế
3- Chọn Phần tử trang
4-Chọn thêm tiện ích (Add Widget) - thêm 1 tiện ích HTML/Javarscrip và 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/AVvXsEj4ngV5oMGLcTpqvAPvSyUR-XWGH7UjlCPxeFv-f2NYkd-fChVG3gcTG3toAd_e0IOZ9YQZMN4F1EzJnbuu3wqs25Ua4wLnKMOi9aPFNuovZvzenkeu-zahTHI3BlDs9jnfXI-qWvs_lZIF/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:
Thành:
  • Nhận xét bằng Blogger
  • Nhận xét bằng Facebook

0 nhận xét:

Đăng nhận xét

Item Reviewed: Bài viết mới dạng list có mô tả cho nhãn và blog Rating: 5 Reviewed By: PHÙNG BẢO KIÊN