มาปรับแต่ง link "อ่านเพิ่มเติม" เป็นปุ่มแบบทันสมัย กันเถอะ


    ใน blogger ของเรา หน้าแรกจะแสดงบทความที่เพิ่มล่าสุด พร้อมกับ ข้อความย่อของบทความนั้นๆ ต่อจากนั้น จะมีข้อความว่า "อ่านเพิ่มเติม" เพื่อคลิกอ่านบทความเต็ม
   มันดูไม่ทันสมัยเลยท่ามันแสดงเป็น text ธรรมดาๆ วันนี้เรามาเปลี่ยนให้เป็นปุ่มดูทันสมัยกันเถอะ

1. ไปที่ blogger แม่แบบ > แก้ไข html

2. ค้นหา   </b:skin>

3. นำ code 


.jump-link{float:right;margin:1%  1%; }.jump-link a{text-align:center;display:inline-block;background:#333333;color:#ffffff;margin:0px 0px 0px;padding:10px 10px 10px;text-decoration:none;font:120% 'Oswald',Sans-Serif;}.jump-link a:hover{background:#1EB093;color:#ffffff;}

มาวางไว้ด้านบน ]]></b:skin>

4. ปรับแต่งสีตามต้องการได้เลยครับ 

เปลี่ยนเป็นแบบปุ่ม ดูทันสมัย


บทความนำทาง
 
มาปรับแต่ง link "อ่านเพิ่มเติม" เป็นปุ่มแบบทันสมัย กันเถอะ มาปรับแต่ง link "อ่านเพิ่มเติม" เป็นปุ่มแบบทันสมัย กันเถอะ Reviewed by amaloma on มีนาคม 24, 2558 Rating: 5

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

Advertisement

Main Ad