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

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

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

โหลดวิดีโอยูทูบ โหลดยูทูบเป็น mp3 แบบง่ายๆ แค่เติม ss กับ to

วันนี้ผมจะมานำเสนอการโหลดวิดีโอยูทูบ กับการโหลดยูทูบเป็น mp3 แบบง่ายๆ อย่างที่บอกไปว่าแค่เติม ss กับ to หลายคนคง งง ว่ามันเกี่ยวอะไรกับ ss กับ to ไปดูวิธีการกันเลยครับ
วิธีการใช้ ss กับ to โหลดวิดีโอยูทูบ โหลดยูทูบเป็น mp3 ถ้าต้องการ โหลดวิดีโอยูทูบ ให้เติม ss หน้าคำว่า youtube ตัวอย่างลิงค์นี้ : https://www.youtube.com/watch?v=aqz-KE-bpKQ เมื่อเติม ss ข้างหน้าก็จะได้เป็น : https://www.ssyoutube.com/watch?v=aqz-KE-bpKQ
          พอเข้าลิงค์ยูทูบที่เติม ss ข้างหน้า ก็จะเป็นหน้าใหม่ตามภาพด้านบน ให้เราไปกดที่ปุ่มสีเขียวที่เขียนว่า Download เท่านี้ไฟล์วิดีโอก็จะโหลดเข้ามาที่เครื่องเราแล้ว
ถ้าต้องการ โหลดยูทูบเป็น mp3 ให้เติม to หลังคำว่า youtube ตัวอย่างลิงค์นี้ : https://www.youtube.com/watch?v=kkyR1CoWlv8 เมื่อเติม to ข้างหลังก็จะได้เป็น : https://www.youtubeto.com/watch?v=kkyR1CoWlv8

          พอเข้าลิงค์ youtube ที่เติม to ด้านหลังมาแล้ว จะเป็นหน้าใหม่ดังภาพด้านบน โดยเราไม่ต้องกดอะไรเพิ่มเติมไฟล์เพลงก็จะโหลดเข้ามาทีเครื่องเราเอง ส่วนใครที่ยังไม่เข้าใจสามารถดูวีด๊โอด้านล่างประกรอ…

วีดีโอสอนเรื่อง กฎ Sunny 16 แบบเข้าใจง่ายๆ [ Ver.Thai ]

พอดีวันนี้นั่งหาเรื่องเกี่ยวกับกฏ Sunny16 อ่านอยู่ แล้วไปเจอวิดีโอของช่อง Norsez TakesPhotos ในยูทูบ เป็นการอธิบายรายละเอียดเกี่ยวกับ กฏของ Sunny16 แบบเข้าใจง่ายมาก ๆ เลยครับ ทั้งภาพประกอบ และเนื้อหา ก็เลยเอามาแบ่งบันให้ได้ชมกันครับ ใครสนใจก็เข้าไปเรียนรู้กันได้ มี 3 ตอน ที่ผมรวมลิงค์ไว้ให้แล่ว :)
ตอนที่ 1รู้กฏ Sunny 16 ใน 3 นาที ถ่ายรูปแบบเข้าใจไปตลอดกาล


ตอนที่ 2 กฏ Sunny16 หน้าชัดหลังเบลอ หยุดฝนกลางอากาศ


ตอนที่ 3 ถ่ายรูปด้วยกฏ Sunny16 กล้อง ปะทะ คน


ขอขอบคุณความรู้ดีๆจาก Norsez TakesPhotos



เรียกเมล์ที่กดส่งไปแล้ว กลับมาแก้ไขใหม่ด้วยฟีเจอร์ใน Gmail ที่ชื่อว่า Undo Send

ขอบคุณภาพจาก askme4tech.com
โดยปกติแล้วเวลาคนรีบๆ มักมีอะไรผิดพลาดได้เสมอ การส่งเมล์ก็เช่นกัน บางครั้งอาจจะส่งเมล์ไปให้ผิดคน หรือบางครั้งส่งไปนึกขึ้นได้เฮ้ย !!! ลืมแนบไฟล์นิหว่า ( อันนี้ผมต้องยอมรับเลยว่าเป็นประจำเวลารีบๆ ฮ่าๆ ) โดยทุกปัญหานี้จะหมดไปเราสามารถเรียกเมล์ที่กดส่งไปแล้ว กลับมาแก้ไขใหม่ด้วยฟีเจอร์ใน Gmail ที่ชื่อว่า Undo Send เราไปดูวิธีการตั้งค่ากันเลยเลยครับ :) 
วิธีการตั้งค่าฟีเจอร์Undo Send ใน Gmail
1. ให้มองไปที่ด้านขวาจะเห็นรูปฟันเฟือง คลิกหนึ่งครั้งแล้วเลือก Setings

 2. จากนั้นให้เลื่อนลงมาตรงหัวขอ Undo Send และให้ไปติ๊กเครื่องหมายถูกหน้าคำว่า Enable Undo Send แล้วตรง Send cancellation period จะมีให้เลือก ระยะเวลายกเลิกการส่ง อันนี้จะตั้งกี่วินาทีก็ได้มันจะมีให้เลือก 5 วิ, 10 วิ, 20 วิ, 30 วิ ในที่นี้ผมของเลือกไว้เป็น 10 นะกัน แล้วกด Save Changes

 3. พอเราส่งเมล์ไป มันก็จะมีแถบสีเหลือง ขึ้นว่า Your message has been sent. UndoView messageถ้าเราต้องการแก้ไขเมล์ให้กดไปที่ Undo มันก็จะขึ้นหน้าต่างมาให้เราแก้ไขเมล์ 

ปล. แต่อย่างลืมนะครับ ว่ามันจะหน่วงเวลาตามที่เราตั้งไว้ โดยผม…