Saturday, December 17, 2011

[Thủ Thuật] Tiện ích Recent Posts 3 cột cho Blogspot


- Tiện ích này rất thích hợp cho các trang giới thiệu phần mềm, ebook, quảng cáo sản phẩm,…kết hợp sử dụng tiện ích Multi Tabbed Widget For Blogger sẽ càng làm cho Blog của bạn trông ngăn nắp và chuyên nghiệp hơn.
- Hướng dẫn cách tạo widget Recent Posts with 3 columns for Blogger qua 2 bước đơn giản.

Thực hiện:
1. Vào Thiết kế > Phần tử trang
2. Tạo một widget HTML/JavaScript và dán code bên dưới vào :

<style type="text/css">
#itechplus-rc-3cot {width:350px;}
table#itechplus-rc-3cot {border:1px solid #ccc;}
#rc-3cot {padding:0 8px;width:30%;}
#rc-3cot p{padding:0;margin:0 0 5px 0;}
#rc-3cot img {margin:8px 0 2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;}
#rc-3cot a:link {font:normal 12px arial;}
#itechplus-rc-3cot h2 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGby_zD4fS1aYZGdnbE5PuojFcjGg9KlNsxNPc0X7vZ4g4PUTIEre-6Xrl0ru89ZJcTXvSjJvd1Hw9Q4rE47MI622uYOEgCdUFl5pTkwZF-rTIKKkESx6fuqzH47OLFsliqHusyjGfis/) no-repeat top left;
padding:5px 0 14px 15px;
font:bold 13px Verdana;
margin:0px;
color:#fff;
}
</style>
<script type="text/javascript">
home_page = "http://choiblogs.blogspot.com/";
label = "Software";
numposts = 9;
sumTitle = 24;
colortitle = "#333";
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0aHnt1cOrZIbG_ybt5Cr5cLKv5ORmKl3T8sNan_vnznAQb9ZG0dJeAXFSHUVXdBhWH7HiVwsOIkAfZDE2UrjI0hJ3evHGA0jMCyTWwNT8KRXHWKLop0tKvlnOvr83DQSJoc1Z3C_Rdw/";
showRandomImg = true;
</script>
<div id="itechplus-rc-3cot">
<h2>Phần Mềm Mới</h2>
<script src="http://cuncon1202.googlecode.com/files/itechplus-rc-3cot.js" type="text/javascript"></script>
<p style="float:right;margin:0;padding:3px">Xem thêm về<a href="http://choiblogs.blogspot.com/search/label/Software?&max-results=20"> New soft &#187;</a></p>
</div>


Trong đoạn code trên:
* width:350px; : chiều rộng của widget
* height:50px; width:50px; : chiều rộng và chiều cao của ảnh đại diện
* home_page = "http://choiblogs.blogspot.com/"; : địa chỉ blog của bạn
* label = "Tin Giao Thông"; : tên trương mục muốn hiển thị
* numposts = 9; : số bài viết sẽ hiển thị
* sumTitle = 24; : số ký tự dòng tiêu đề bài đăng
* colortitle = "#333"; : màu tiêu đề bài đăng
* imgr[0] = “…”; : hình đại diện cho bài viết không có ảnh

LƯU FILE .JS
http://www.mediafire.com/?bzwqinqve4m3j3p
or
http://www.4shared.com/file/nD93gdBI/thu-thuat-tien-ich-recent-post.html
or
http://cuncon1202.googlecode.com/files/itechplus-rc-3cot.js
NGUỒN:
http://www.cuncon1202.net/2011/12/tien-ich-recent-posts-3-cot-cho.html

No comments:

Post a Comment

Popular Posts