Source code ติดแถบริบบิ้นสีดำบนเว็บไซต์

Source code ติดแถบริบบิ้นสีดำบนเว็บไซต์

 

code CSS & HTML

#CSS
.black-ribbon {   position: fixed;   z-index: 9999;   width: 70px; }
@media only all and (min-width: 768px) { .black-ribbon { width: auto; } }
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
#HTML
<!– 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”/>
ที่มา https://apple-thai.blogspot.com/2016/10/stick-ribbon-website.html
WordPress
สำหรับท่านที่ใช้ WordPress ก็ง่ายขึ้นเยอะครับ ต้องขอบคุณ คุณเนย อีกครั้งในความเก่งกาจ คุณเนยได้ทำ WordPress Plug-in Black Ribbon ไว้ให้แล้ว ดาวน์โหลดได้จากลิ้งค์นี้เลย