ข้ามไปที่เนื้อหาหลัก

วิธีติดแถบริบบิ้นสีดำตามมุมในเว็บ Blogger ของเรา เพื่อไว้อาลัยแด่ในหลวง


วิธีติดแถบริบบิ้นสีดำตามมุมในเว็บ Blogger ของเรา เพื่อไว้อาลัยแด่ในหลวง

1. ให้เราเอาโค๊ต CSS ตามด้านล่างไปใส่ใน Blogger ของเรา ส่วนใครที่ใส่ไม่เป็นให้เข้าไปทำตามนี้ลิงค์นี้ http://www.duckdaydream.com/2016/10/Blogger-CSS-Grayscale.html ทำตามข้อ 1 ถึงข้อ 2 แล้วเพิ่มโค้ดด้านล่างนี้ลงไป เมื่อเพิ่มเสร็จให้กด ใช้กับบล็อก

.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; }

2. จากนั้นให้เข้าไปที่หน้าจัดการบล็อกไปที่เมนูแม่แบบ แล้วคลิกที่ปุ่ม แก้ไข HTML

3. มันก็จะปรากฎหน้าโค้ดมาให้ จากนั้นให้เราคลิกตรงไหนก็ได้ในส่วนของโค้ด จากนั้นให้กด Ctrl+F


4. ด้านบนขวาในส่วนของโค้ดก็จะปรากฎช่องสี่เหลื่ยมขึ้นมาให้เรา พิมพ์ว่า </body> แล้วกด Enter มันก็จะทำการค้นหาคำว่า </body> เมื่อเจอแล้วให้นำโค้ดด้านล่างไปใส่ก่อนคำว่า </body>

***โค้ดให้เลือกไปอย่างใดอย่างหนึ่งว่าเราจะนำไปติดตรงมุมไหนของเว็บเรา

<!-- Top Left -->
<img src="http://image.coolz-server.com/s/VgJDQdCt" class="black-ribbon stick-top stick-left"/>

<!-- Top Right -->
<img src="http://image.coolz-server.com/s/v6pge483" class="black-ribbon stick-top stick-right"/>

<!-- Bottom Left -->
<img src="http://image.coolz-server.com/s/r42sKwuS" class="black-ribbon stick-bottom stick-left"/>

<!-- Bottom Right -->
<img src="http://image.coolz-server.com/s/65mTkCod" class="black-ribbon stick-bottom stick-right"/>
          จากตัวอย่างผมต้องการจะนำแถบริบบิ้นสีดำไปติดตรงมุมซ้ายบน ผมก็ต้องเลือกโค้ดนี้
<!-- Top Right -->
<img src="/images/black_ribbon_top_right.png" class="black-ribbon stick-top stick-right"/>
          เมื่อนำโค้ดไปใส่ก่อน </body> ก็จะได้ตามรูปด้านล่าง 


5. จากนั้นก็ให้กด บันทึกเทมเพลต ก็เป็นอันเสร็จ เราก็จะได้แถบริบบิ้นสีดำตามมุมที่ต้องการในเว็บ Blogger ของเราแล้ว :)

-------------------------------------

ปล. ขอขอบคุณโค้ด CSS & HTML + รูปแถบริบบิ้นสีดำ จากเว็บ Nuuneoi


ความคิดเห็น

BANGKOK GLOBAL SOFTWARE กล่าวว่า
ติดตั้ง [Earthchie] ทำให้เว็บกลับมามีสี ก็ได้นะครับ
Duck Daydream กล่าวว่า
ขอบคุณที่แนะนำมาครับ :)
ใต้หล้า กล่าวว่า
คุมโค๊ดไม่ได้เลย จะเอาโค๊ดไปลง ต้องมาเขียนทีละตัว -*-
ช่าย ต้องพพิม เราพิมไม่เก่งอยู่ด้วย แก้หน่อยครับ
Duck Daydream กล่าวว่า
โทษทีครับ แก้ไขให้แล้วครับผม :)
Duck Daydream กล่าวว่า
โทษทีครับ แก้ไขให้แล้วครับผม :)
เวอร์ชั่นมือถือไม่เห็นขึ้นเลยครับ
Duck Daydream กล่าวว่า
ลองดูอีกทีครับว่าใส่ Code ถูกป่าว เว็บนี้ลองในมือถือก็ได้ปกติครับ Code เดียวกัน

โพสต์ยอดนิยมจากบล็อกนี้

วิธีเซฟรูปโปรไฟล์ใน IG ด้วยแอพ Profily HD : Save DP in HD

วันนี้คืออยากได้รูปโปรไฟล์ ที่อัพลง IG ไว้นานแล้ว แล้วก็ไม่ได้เซพเก็บไว้ ทีแรกก็ไม่รู้จะทำไง เพราะ IG ก็ไม่สามารถกดดูรูปใหญ่ได้ ไม่สามารถเซพกลับมาในเครื่องมือถือของเราได้ คือทำอะไรไม่ได้เลย นอกจะเอารูปมาอัพใหม่ 555+
          ต้อนแรกจะมานั้งแงะ Code ในคอมแต่ก็ขี้เกลียจ 555+ ก็เลยลองไปค้นหาแอพเซฟรูปโปรไฟล์ใน IG ดู ปรากฎว่ามีคนทำไว้มากมาย ก็ไปเจอกับแอพ Profily HD คือมันใช้ง่ายดีก็เลยเอามาเขียนแนะนำเพื่อใครอยากเซฟรูปโปรไฟล์ใน IG ไปดูวิธีกันเลยครับ
วิธีเซฟรูปโปรไฟล์ใน IG ด้วยแอพ Profily HD : Save DP in HD
1. ให้เข้าไปโหลดแอพ Profily HD ได้ตามลิงค์นี้ -> Profily HD : Save DP in HD
2. เปิดแอพ Profily HD ขึ้นมาจะเจอกับช่องให้ใส่ ID ของ IG ของเรา ก็ให้ใส่ไป ตัวอย่าง ID IG ของผมก็คือ Duckdaydream เมื่อใส่เสร็จก็ให้กดค้นหา

 3. เมื่อกดค้นหาแล้วมันก็จะขึ้นรูปโปรไฟล์ IG ของเราขึ้นมา วิธีการเซฟก็คือให้กดไปที่ วงกลมสีส้ม ที่เป็นรูปเซฟ แค่นี้เราก็สามารถเซฟรูปโปรไฟล์ IG ได้แล้วอย่างง่าย :)

 ปล. สุดท้ายขอฝากไอจี Duckdaydream ด้วยน้า ชอบก็ติดตามกันได้ ถ้าไม่ชอบก็เข้าไปส่องบ่อยๆก็พอ ฮิ้ววว 5…

สอนทำบอทเปิดเพลงใน Discord แบบง่ายสุดๆ

สอนทำบอทเปิดเพลงใน Discord แบบง่ายสุดๆ
1. กดที่เครื่องหมายบวกของ TEXT CHANNELS เพื่อสร้าง CHANNELS
2. ตั้งชื่อตามที่เราต้องการ ในที่นี้ขอตั้งว่า music-radio แล้วกด ปุ่ม Create Channel
3. ที่ VOICE CHANNELS ทำเหมือนกับ TEXT CHANNELS
4. ในส่วนของ CHANNEL TYPE เลือก Vioce Channel แล้วกด ปุ่ม Create Channel
5. กดไปที่ #music-radio (ชื่อที่เราตั้ง) ของ TEXT CHANNEL 
6. กดไปที่ #music-radio (ชื่อที่เราตั้ง) ของ VOICE CHANNEL 
7. ให้เข้าไปที่เว็บ https://rythmbot.co กดเลือก Invite Rythm
8. กรอก E-Mail กับ Password กด Login
9. เลือก Server ของเรา กดปุ่ม Authorize กดที่ สี่เหลียม
10. จะเห็นได้ว่า Bot ได้เข้ามาในห้องแล้ว ชื่อ Rythm 
11. คำสั่งที่ให้ Bot เข้ามาอยู่ใน Channels ที่เราสร้างไว้ ให้พิมพ์ว่า !join 
12. จะเห็นได้ว่า Bot นั้นเข้ามาที่ Channels ที่เราสร้างไว้แล้ว

13. คำสั่งที่ให้ Bot เปิดเพลง ก๊อป Url เพลงที่ต้องการจะเปิด ให้พิมพ์ว่า !play ตามด้วย Url เพลงที่ต้องการเปิด
14. จะเห็นได้ว่า Bot นั้นเปิดเพลงให้เราได้แล้ว

[ สีไทยโทน ] โปสเตอร์ชื่อเรียกสี และเปอร์เซ็นต์ค่าสี "ไทยโทน" 153 สี

พอดีไปเจอมาครับ ที่แรกก็หาอยู่นาน อยากได้ที่แบบว่าภาพชัดๆ หาอยู่ตั้งนานก็ไม่เจออันที่ภาพชัดๆเลย วันนี้โชคดีพอเข้าไป Facebook ThaiTone เจอเค้าปล่อยเป็นของขวัญปีใหม่พอดี ก็เลยเอามาแบ่งบันกันครับ แต่อันนี้โหลดมาแล้วมีไฟล์ .PDF และ .AI ให้ด้วย ชัดแจ๋วแน่นอนครับ โหลดได้ตามลิงค์ด้านล่างเลย 
โหลด : สีไทยโทน [ ThaiTone ] > http://www.mediafire.com/download/b969jnpk4o4gkto/THAITONE.zip
ที่มา : https://www.facebook.com/thaitonecolor/posts/633633936779857