Blogger: ปิดกั้นไฮเปอร์ลิงก์ของรูปภาพในบทความทุกอัน


การทำให้รูปภาพในบทความทุกอันไม่มีไฮเปอร์ลิงก์ (Removing hyperlinks from all blogger post images) ซึ่งภาพชนิดที่มีหรือไม่มีไฮเปอร์ลิงก์จะแตกต่างกันอย่างไรสามารถดูได้จากตัวอย่างด้านล่างนี้

โดยถ้าลองกดที่รูปดูจะพบว่า
รูปหมายเลข 1 ทางซ้าย เมื่อถูกกดแล้วจะไปยัง URL ของรูปภาพนั้น
รูปหมายเลข 2 ทางขวา เมื่อถูกกดแล้วจะไม่มีลิงก์ไปที่ไหน

ซึ่งวิธีปิดไฮเปอร์ลิงก์ของภาพในบทความทุกอันพร้อมกันทำได้ดังนี้

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


ขั้นตอนที่ 2. โดยกด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า
]]></b:skin>

จากนั้นให้แทนที่โค้ดที่หาเจอนั้นด้วยโค้ดข้างล่างนี้
.post img, .post img a {
position: relative;
z-index: -1;
}

.post-outer {
position: relative;
z-index: 1 !important;
}

]]></b:skin>


ขั้นตอนที่ 3. เลือกที่ 'บันทึกแม่แบบ' จากนั้นลองเปิดบล็อกดูผลลัพธ์


อธิบายเพิ่มเติม
สำหรับวิธีจัดการปิดไฮเปอร์ลิงก์ของรูปภาพแค่บางอันสามารถดูได้ที่ลิงก์นี้
http://tip.maxlayout.com/2010/03/blogger_27.html

Credit: http://www.southernspeakers.net/2011/07/removing-hyperlinks-from-blogger-post.html

Post Status




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

YaKUzA กล่าวว่า...

มีปลับขนาดรูปภาพทั้งหมดที่แสดงในหน้าหนัง ไห้มีขนาดๆ เท่าๆ กันปะ

เหมือนในบทความก่อนหน้านี้ที่ทำไห้แสดงบทความเป้น Columns อะครับ
ผมเห้นมันย่อขนาดภาพเท่ากันหมดเลย ^^

Max กล่าวว่า...

คงจะหมายถึง ปรับขนาดภาพให้เท่ากันหมดในทุกบทความ ซึ่งดูได้ที่นี่ครับ
http://tip.maxlayout.com/2010/02/auto-resize-all-images-blogger-post.html

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