Ads Top

[Blogger] เพิ่มลูกเล่น Blogger แทรกตัวอักษรตัวแรกให้ดูใหญ่โดดเด่น

ถ้าใครเคยอ่านบทความหรือคอลัมนิสต์ในหนังสือพิมพ์ คงจะสังเกตเห็นคำขึ้นต้นของบทความนั้นๆ จะขึ้นต้นด้วยตัวอักษรใหญ่เสมอ ซึ่งบทความในลักษณะนี้สามารถสร้างได้ด้วยเครื่องมือ drop cap  ใน Ms Word  เป็นการย่อหน้าอีกแบบหนึ่ง ส่วนวิธีในการทำบน Blogger นั้นลองมาดูวิธีของผมกันครับ


การเน้นตัวใหญ่ตัวอักษรตัวแรกนั้น จะทำให้บทความมีความน่าสนใจและดึงดูดให้น่าดิตตามมากยิ่งขึ้น วิธีที่ผมแนะนำจะต้องต้องปรับแต่งในส่วนของ Code อีกนิดหน่อย

Step 1.ในหน้า Blogger Dashboard ให้เลือก Template และคลิก Edit HTML


Step 2. เข้ามาในหน้าแก้ไข HTML แล้ว ต่อมาให้กด CTRL+F  จะขึ้นกล่องค้นหา


Step 3. ให้กรอก </head> ลงไปในช่องค้นหาแล้วกด Enter หลังจากที่เจอแล้ว ให้ Copy โค๊ดด้านล่างนี้ไปวางไว้ บน </head> แล้วกดบันทึก


 <style   
 type="text/css"> <!-- .dropcap { float:left; color:#62629C; font-size:80px;   
 line-height:60px; padding-top:2px; font-family: times; } --> </style>  

Note. 80 คือขนาดตัวอักษร ถ้าอยากจะลดหรือขยายขนาดก็ให้เปลี่ยนตัวเลขเอาครับ

Step 4. ต่อไปเริ่มต้นการเขียนบทความใหม่ ให้สลับไปใช้โหมด HTML แล้วใส่โค๊ดด้านล่างในตัวอักษรที่ต้องการให้ดูใหญ่ขึ้น

 <p><span   
 class="dropcap">ต</span>  

แสดงตัวอย่างดูก่อนสักรอบเพื่อความชัวร์ หากไม่แสดงถือว่าทำผิดขั้นตอน เมื่อเขียนบทความเสร็จแล้วก็กดเผยแพร่ในลำดับต่อไป เพียงเท่านี้ข้อความตัวแรกของบทความก็ดูเด่นมากขึ้นแล้ว วิธีนี้เป็นเพียงทิปเล็กๆ ของ Blogger เท่านั้น ต่อไปจะมีทิป/เทคนิคเกี่ยวกับอะไรต้องรอติดตามเว็บของเรานะครับ ^^

ไม่มีความคิดเห็น:

ขับเคลื่อนโดย Blogger.