Recent post cho blogspot Blogger

Tiện ích Recent post với phần mô tả bài viết có hình ảnh khi di chuột rất đẹp mắt. Nó thích hợp để đặt trên Sidebar hoặc sau tiêu đề bài viết.

Code tiện ích:

<br /> <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:#fafafa;padding:5px;left: -1000px;border:1px solid #cccccc;visibility:hidden;color:#141823;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:#fafafa;text-align: justify;} </style><br /> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://lh5.googleusercontent.com/-wRrfUBK8n4Y/AAAAAAAAAAI/AAAAAAAAANg/-xnQzZK4OdQ/photo.jpg"; showRandomImg = true; tablewidth = 245; cellspacing = 1; borderColor = "#cccccc"; bgTD = "#fff"; imgwidth = 60; // độ rộng của ảnh thumbnail imgheight = 60; // chiều cao của ảnh thumbnail fntsize = 12; acolor = "#f1b500"; aBold = true; icon = " » "; text = "no"; showPostDate = false; summaryPost = 100; summaryFontsize = 12; summaryColor = "#000"; icon2 = " » "; numposts = 5; label = "All"; home_page = "http://shareplainly.blogspot.com/"; </script><br /> <script src="https://sites.google.com/site/allshareplainly/s2-post-shareplainly.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.
• 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, (thay http://shareplainly.blogspot.com/ thành URL blog của bạn).  
• Label: Tên nhãn muốn hiển thị, hãy thay All thành tên nhãn của bạn.
• Numposts=5: Số bài muốn hiển thị trong tiện ích này.

Thủ thuật trên áp dụng cho tất cả các bài viết trong Blog, nếu muốn áp dụng cho bài viết trong cùng một nhãn thì thay:
       https://sites.google.com/site/allshareplainly/s2-post-shareplainly.js
bằng:
       https://dl.dropbox.com/u/74775294/Filejs/s2-label.js

     Cách tiến hành:
   1. Đưa vào tiện ích:

      -  Đăng nhập vào Blog

      - Vào Bố cục

      - Thêm 1 tiện ích HTML/Javarscrip và dán code vào.

  2. Chèn vào sau tiêu đề bài viết:

      -  Đăng nhập vào Blog

      - Chọn Mẫu  ›  Chỉnh sửa HTML ›  Mở rộng Mẫu Tiện ích
     - Tìm <div class="post-header-line-1"> và chèn dưới nó đoạn code trên. Thêm đoạn code như sau để tiện ích chỉ xuất hiện trong các bài viết:

<br /> <div class="MsoNormal"> <b:if cond='data:blog.pageType == "item"'></div> <div class="MsoNormal"> <p class='ads'> </div> <div class="MsoNormal"> <br /> </div> <div class="MsoNormal"> CODE</div> <div class="MsoNormal"> <br /> </div> <div class="MsoNormal"> </p> </div> <div class="MsoNormal"> </b:if></div> </div>