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

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

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

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

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

โหลดวิดีโอยูทูบ โหลดยูทูบเป็น 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 ด้านหลังมาแล้ว จะเป็นหน้าใหม่ดังภาพด้านบน โดยเราไม่ต้องกดอะไรเพิ่มเติมไฟล์เพลงก็จะโหลดเข้ามาทีเครื่องเราเอง ส่วนใครยังไม่เข้าใจสามารถดูวีดีโอประกอบบทความนี้ได…

ร้านขายฟิล์มถ่ายรูปราคาถูก ร้านล้าง-สแกนฟิล์มราคาถูก แถวธรรมศาสตร์ท่าพระจันทร์

พอดีได้ไปถ่ายรูปที่แถวธรรมศาสตร์ท่าพระจันทร์ แล้วก็เคยได้ยินว่า แถวนั้นมีร้านเชอรรี่ ที่ขายฟิล์มราคาถูกอยู่ ก็เลยไปเดินหาดูปรากฏว่าร้านเชอรรี่ เค้าเปลื่ยนชือร้านเป็น โดม คัลเลอร์ แล้ว ใครจะไปก็หาป้ายโดม คัลเลอร์ เลย

     ผมได้นั่งเรือมาจากท่าเรือวังหลังมาลงท่าเรือท่าพระจันทร์ พอเดินออกมาจากท่าเรือท่าพระจันทร์ ก็จะเห็นธนาคารกรุงเทพอยู่ทางด้านซ้าย 


ถ้ามองตรงไปก็จะเห็น ศูนย์หนังสือมหาวิทยาลัยธรรมศาสตร์

ร้านโดม คัลเลอร์ ( ร้านเชอรรี่ ชื่อเก่า ) จะอยู่ทางด้านขวามือ

ราคาฟิล์มถ่ายรูป ที่ขายถือว่าถูกว่าที่เคยเจอมา ใครเจอถูกกว่านี้ก็แนะนำมากันได้นะครับ :)

อยากได้ราคาไม่เกิน 100 พอดี Kodak color plus เคยลองแล้ว ก็เลยจัดตัวนี้มา Fujifilm c200 มา
ปล. ได้ลองถามที่ร้านแล้วเค้ารับล้างฟิล์มด้วย แต่ไม่ล้างขาวดำนะครับ ล้างแล้วสแกน 100 บาท