Blogger: จัดเรียงบทความที่ได้รับความนิยมหรือ Polular Posts ตามแนวนอน

ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่
'แม่แบบ > แก้ไข HTML'


ขั้นตอนที่ 2. สั่งค้นหา
]]></b:skin>

แล้วแทนที่โค้ดที่หาเจอนั้นด้วยโค้ดข้างล่างนี้
/* Popular Posts
----------------------------------------------- */
.widget.PopularPosts ul li {
display: inline-block;
width: 130px;
height: 180px;
border: none;
margin: 0;
padding: 0;
float: left;
}

.widget.PopularPosts DIV.item-thumbnail-only DIV.item-thumbnail img {
width: 100px;
height: 100px;
padding-left: 15px;
}

.widget.PopularPosts DIV.item-thumbnail-only DIV.item-title {
padding: 5px 5px 0;
text-align: center;
}

]]></b:skin>


ขั้นตอนที่ 3. จากนั้นกดปุ่ม 'บันทึกเทมเพลต' ก็เสร็จแล้ว


อธิบายเพิ่มเติม
ลักษณะและขนาดของบทความตัวอย่างแต่ละอันกำหนดด้วยโค้ด
.widget.PopularPosts ul li {

ลักษณะและขนาดของภาพตัวอย่างกำหนดด้วยโค้ด
.widget.PopularPosts DIV.item-thumbnail-only DIV.item-thumbnail img {

ลักษณะและขนาดของหัวข้อกำหนดด้วยโค้ด
.widget.PopularPosts DIV.item-thumbnail-only DIV.item-title {

Post Status




1 ความคิดเห็น:

สังคม ม่อนคุง กล่าวว่า...

ขอบคุณคับ ช่วยให้บล็อกผมสวยขึ้นเยอะเลย

แสดงความคิดเห็น