Tiện ích Recent Posts with 3 columns for Blogger
.jpg "Recent Posts with 3 columns for Blogger")
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.
.jpg "Recent Posts with 3 columns + Multi Tabbed Widget")
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 :
Trong đoạn code trên :<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/AVvXsEhEZRcQz1jYhkcWZCCC2jxUDd932vaRcTV-ir9HKj5RbY4BeGbUXBHMMMEKnqxk8XZ8p9mWxW7RJ5-OERtV5FmoABS39f6IodNptOo58k6ZDkPtITCLoRTXTq8AQL5x9DBrBAXtoH_mpxU/) 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/AVvXsEjdKhkp4rVxweALzAjbVXUiRagUBH47A7q42FKYmztRaAt_LfMo6vVeRVPE3tnwPb95sEtvR5L8qHtHynE24AB8ftDb9GrQ5Za6bur01Sal509DgIjNMOxNjVtsj2fMnNPhZCPfm8mgI1w/";
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>
- 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 !
Theo dõi: Blogspot | Facebook | Twitter | Google+
Đăng bởi Tin Lanh Mennonite
on 03:18.
Chuyên Mục
THỦ THUẬT BLOGGER
.
Chào mừng quí vị đã đến với Blog's của David Nguyễn. Nếu thấy nội dung blog's có ích cho quí vị xin vui lòng chia sẻ nó cho những người khác. Xin chân thành cảm ơn! Davidnguyen. Mọi thắc mắc, góp ý xây dựng xin liên hệ! tại đây.