วันพฤหัสบดีที่ 8 พฤษภาคม พ.ศ. 2557

เพิ่ม Widget แสดงบทความล่าสุด พร้อมรูปประกอบ บน Blogger

"

ในบทความนี้ผมจะมาแนะนำ Widget แสดงบทความล่าสุดพร้อมภาพประกอบครับ ซึ่งเวลาคลิกอ่านบทความจะได้ไม่ต้องคลิกไปหน้าแรกเพื่อดูบทความล่าสุด แต่สามารถคลิกที่ widget ได้เลย งั้นไม่พูดอะไรมากนะครับ มาดูวิธีกันเลยครับ

ก่อนอื่นก็เข้าบล็อกของคุณ และไปที่รูปแบบ 

จากนั้นเพิ่ม gadget  HTML/จาวาสคริปต์

แล้วใส่โค้ดด้านล่างนะครับ


<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />
 <script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script> 

  <script type='text/javascript'>
var numposts = 7;
var showpostthumbnails =  true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
  <script type="text/javascript" src="http://ชื่อบล็อก.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script>


ชื่อบล็อก ก็เปลี่ยนเป็นบล็อกของคุณนะครับ จากนั้นก็บันทึกและดูได้เลยครับ

var numposts = 7;  ก็จำนวนบทความนะครับ
var showpostthumbnails =  true;  ตัวนี้คือตั้งให้แสดงรูปภาพ ถ้าจะปิดก็ ใส่ false นะครับ

สำหรับส่วนอื่นไม่อธิบายนะครับ หากอยากรู้มันคืออะไรลอง true/false ดูครับ

สำหรับบทความนี้ก็ของจบเพียงเท่านี้นะครับ"

ในบทความนี้ผมจะมาแนะนำ Widget แสดงบทความล่าสุดพร้อมภาพประกอบครับ ซึ่งเวลาคลิกอ่านบทความจะได้ไม่ต้องคลิกไปหน้าแรกเพื่อดูบทความล่าสุด แต่สามารถคลิกที่ widget ได้เลย งั้นไม่พูดอะไรมากนะครับ มาดูวิธีกันเลยครับ

ก่อนอื่นก็เข้าบล็อกของคุณ และไปที่รูปแบบ 

จากนั้นเพิ่ม gadget  HTML/จาวาสคริปต์

แล้วใส่โค้ดด้านล่างนะครับ


<link href="https://dl.dropboxusercontent.com/u/137869302/style.css" type="text/css" rel="stylesheet" />
 <script src="https://dl.dropboxusercontent.com/u/137869302/json.js"></script> 

  <script type='text/javascript'>
var numposts = 7;
var showpostthumbnails =  true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
  <script type="text/javascript" src="http://ชื่อบล็อก.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script>


ชื่อบล็อก ก็เปลี่ยนเป็นบล็อกของคุณนะครับ จากนั้นก็บันทึกและดูได้เลยครับ

var numposts = 7;  ก็จำนวนบทความนะครับ
var showpostthumbnails =  true;  ตัวนี้คือตั้งให้แสดงรูปภาพ ถ้าจะปิดก็ ใส่ false นะครับ

สำหรับส่วนอื่นไม่อธิบายนะครับ หากอยากรู้มันคืออะไรลอง true/false ดูครับ

สำหรับบทความนี้ก็ของจบเพียงเท่านี้นะครับ