7 ขั้นตอนการติดริบบิ้นดำบน Blogger




การติดริบบิ้นสีดำบนเว็บไซต์เพื่อเป็นการไว้อาลัยแด่การจากไปของพระบาทสมเด็จพระปรมินทรมหาภูมิพลอดุลยเดช

1. เข้าสู่  Blogger เลือกแม่แบบ + แก้ไข Html
2.กดปุ่ม ctrl + F เพื่อคนหาโค้ด จากนั้นคนหาโค้ด </b:skin> แล้วกด Enter




3.ทำการดับเบิ้ลคลิก ... เพื่อเป็นการเปิดโค้ดที่ย่ออยู่ 
4.คลิกค้นหาโค้ดเดิมอีกครั้ง </b:skin> หรือเลื่อนลงมาเรื่อยๆ จะพบโค้ด </b:skin>
5. จากนั้นวางโค้ดด้านล่าง เหนือคำว่า </b:skin>

/* ริบบิ้นดำ */
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

6.ทำการค้นหาโค้ด <head> แล้วทำการใส่โค้ดลงไปด้านล่าง <head>

<!-- Top Left -->
<img src="https://goo.gl/Yl6KNg" class="black-ribbon stick-top stick-left"/>

<!-- Top Right -->
<img src="https://goo.gl/EMCghL" class="black-ribbon stick-top stick-right"/>

<!-- Bottom Left -->
<img src="https://goo.gl/YxzDaS" class="black-ribbon stick-bottom stick-left"/>

<!-- Bottom Right -->

<img src="https://goo.gl/NsuiKq" class="black-ribbon stick-bottom stick-right"/>

เป็นอันเสร็จสิ้น