Home » Thủ thuật Blogger
Tiện ích Recent Posts with 3 columns for Blogger
Chủ Nhật, 15 tháng 5, 2011
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.
Thể theo yêu cầu của bạn Mobile, cũng như muốn chia sẻ với các bạn tiện ích hữu ích này, bài viết bên dưới iTechPlus sẽ hướng dẫn các bạ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:320px;}
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:60px; 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/AVvXsEjvcbGJtWEJdXmS_DLbgk1GOOXhpZsONWFJ_TRcegDRIG3Z6aQfYvbKGunF1Bzcu6o63dU7oip-fIXOUSpPgkEyeuGcCPDDc491SAPZJtmkE8-4gBMl5PCaStI8X8SAyh6KjgKh178CcYE/) 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://itechplus.info/";
label = "License";
numposts = 9;
sumTitle = 24;
colortitle = "#333";
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QT1IYDE8qDNCAcrz8as8f3b43HMcQS9su0X1j9n8QTL5-VOqsKx8v1TouZGOGp7-HpEYxnxQI1XVOyffTwKZRB4ffhSV7KsANu3J9nsa6V5t0J1meLlYSSfDXNLtaflObtC9FjLbng0/";
showRandomImg = true;
</script>
<div id="itechplus-rc-3cot">
<h2>Recent Posts 3 column</h2>
<script src="https://sites.google.com/site/itechroot/javascripts/itechplus-rc-3cot.txt" type="text/javascript"></script>
<p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://www.itechplus.info/search/label/License?&max-results=8"> Phần mềm bản quyền »</a></p>
</div>
Trong đoạn code trên :
width:320px; : chiều rộng của widget
height:60px; width:50px; : chiều rộng và chiều cao của ảnh đại diện
home_page = "http://itechplus.info/"; : địa chỉ blog của bạn
label = "License"; : 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
Các bạn thay đổi cho phù hợp. Hy vọng các bạn sẽ thích tiện ích này.
Chúc các bạn thành công !

- Tự động làm mới trang Web/blog và chuyển hướng
- Tùy biến label thành tag cloud giống WP
- K14 - Pro Menu (với hiệu ứng prodown)
- Share 3 template bloger đẹp cho anh em
- 12 cách giảm thời gian load trang cho bloger
- Blogger Templates Vector Responsive
- Tạo iFrame YouTube Màu bạc
- Thêm tác giả, quyền Admin cho blogspot
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
- Thêm Google translate - dịch đa ngôn ngữ cho Blogspot
- Cài đặt theo dõi Google analytics cho blogspot
- Cách tạo khung Form đăng nhập cho blogspot
Comments[ 0 ]
Đăng nhận xét