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

วิธีติดแถบริบบิ้นสีดำตามมุมในเว็บ 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 เดียวกัน

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

สอนทำบอทเปิดเพลงใน 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 นั้นเปิดเพลงให้เราได้แล้ว

โหลดหนังจากเว็บ แบบไม่ใช้โปรแกรม ใช้ได้กับทุกเว็บ

โหลดหนังจากเว็บ แบบไม่ใช้โปรแกรม ใช้ได้กับทุกเว็บ

1. เปิดบราวเซอร์ Google chrome ขึ้นมา
2. ให้เข้าไปยังเว็บที่เราต้องการจะโหลดหนัง และเลือกหนังที่ต้องการจะโหลด

3. จากนั้นให้กด Ctrl + Shift + I บนคีย์บอร์ด
4. จะมีหน้าต่างใหม่ขั้นมา ให้เลือกไปที่แท็บ Network และ Media ดังรูปที่ทำกรอบสีเหลืองไว้ด้านล่าง


5. กด Play หนังที่เราต้องการโหลด แล้วรอแปป

6. ที่ช่อง Name จะมีชื่อไฟล์วีดีโอเพิ่มขึ้นมา ไม่ต้องสนใจว่ามันชื่ออะไร เพราะถ้าเราไปโหลดจากเว็บอื่นๆ มันก็จะใช้ชื่อที่ไม่เหมือนกัน ให้เดาไว้เลยว่ามันคือไฟล์วีดีโอแน่นอน จากนั้นให้คลิกขวาเลือก Open in new tab


7. จะมีแท็บใหม่เพิ่มขี้นมา ให้คลิกขวาที่วีดีโอ แล้วเลือกบันทึกวีดีโอเป็น... ได้เลย

ปล. ถ้าจะโหลดแบบ HD ควรปรับเป็น HD ก่อนกดปุ่ม Play นะครับ

jRaja (VAJA 6.0 Home Edition) โปรแกรมแปลงข้อความภาษาไทย ให้เป็นเสียงพูดภาษาไทย

พอดีกะว่าจะทำคลิปลงยูทูบแต่ไม่อยากใช้เสียงตัวเองพูดฮ่าๆ ที่แรกกะจะใช้ Google Translate แต่มันค่อนข้างยุ่งยากนิดหนึ่งเพราะต้องอัดเสียงจากคอม มันบันทึกออกมาเป็นไฟล์เสียงเลยไม่ได้ ก็เลยค้นไปค้นมาก็เจอ โปรแกรมที่ชื่อว่า jRaja VAJA มันอ่านว่า เจรจา วาจา เป็นโปรแกรมของ NECTEC ที่เขาพัฒนาขึ้นมา เป็นโปรแกรมฟรี ความพิเคษของโปรแกรม jRaja VAJA นี้ก็คือสามารถบันทึกเป็นไฟล์เสียง .wav ออกมาใช้ได้เลย และก็ปรับความเร็วของการพูดได้ สนใจสามารถโหลดโปรแกรม jRaja VAJA ได้ตามลิงค์ด้านล่างเลยครับ
โหลดโปรแกรม : jRaja (VAJA 6.0 Home Edition)

รหัส : http://www.duckdaydream.com
เว็บของผู้พัฒนา : http://vaja.nectec.or.th