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

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

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

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

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