Showing posts with label Blogger Tips. Show all posts

Thursday, November 30, 2017

วิธีการใส่ Table ใน Blogger Post

วิธีการใส่ Table ใน Blogger Postพื่อ

#Blogger Tips: เพื่อทราบวิธีการใส่ Table html tag ลงใน blogger post บางท่านอาจจะใช้ Blogger เพื่อสร้างชิ้นงาน บันทึกค่าต่างๆ ซึ่ง Blogger สามารถเก็บค่าในรูปแบบ Table ได้ โดยได้ใช้ html tag ในการสร้าง Table
พร้อมกับลูกเล่น สีสัน การ align text ต่างๆ

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF" width="100%" cellpadding="3" cellspacing="3">
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;">
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>

Table Header	Table Header	Table Header
Test	Test	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

Test Read More Blogger Template

#Blogger Tips: เนื่องจาก Theme Minima original หน้า post feed ไม่สามารถจำกัดจำนวนได้ จึงต้องหา code มาเพื่อที่จะกำหนด นั่นคือ Read More

Blogger-Tips กำหนด meta description keyword ให้ Blogspot เพื่อการจัดอันดับที่ดีขึ้นของ Blogger SEO

การเขียน Blogger ก็เป็นการเขียนที่ง่าน คือมีเครื่องมือให้พร้อม โดยที่ไม่ต้องเขียน code ตั้งแต่เริ่มต้น ซึ่งเหมาะกับคนที่เขียน Program ไม่เป็น แต่จะทำอย่างไรให้ Blogger ของเรา เป็นที่รู้จัก แตะตา ของ search engin ดังนั้น ไม่ต้องไปหาข้อมูลที่ใหนแล้วครับ ทาง Admin LikeougTravel - Guide ได้นำมาให้ได้ไปใช้กัน ซึ่งทาง Admin ก็ได้หามาใช้ แต่ ตัวอย่างนี้ก็ใช้อยู่จนถึงทุกวันนี้

โดยหลักการณ์ Search Eng ก็มองเริ่มต้น คือ <title>....</title> อันนี้สำคัญมาก, <meta content='aaaa'name='description'/>,<meta content='aaa,bbb,ccc' name='keywords'/>

ถึงแม้ว่า ทาง Google จะไม่ให้คะแนน meta keyword และ meta description แต่คุณจำเป็นต้องลองสังเกตุ หน้า google searching ดู จะพบว่ามันยังให้ความสำคัญอยู่บ้าง

ดูตัวอย่าง - ให้นำ code ด้านล่างไปใส่ที่ <head>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<meta content='index,follow' name='robots'/>
<meta content='สถานที่ท่องเที่ยว Music เคล็ดลับ กิน อาหาร ถ่ายรูป เดินตลาด กิจกรรมยามว่าง งานอดิเรก สุขภาพ การเลือกซื้อ' name='description'/>
<meta content='สถานที่ท่องเที่ยว, music, กิน, ถ่ายรูป, เดินตลาด, กิจกรรมยามว่าง, งานอดิเรก,อาหาร' name='keywords'/>
<b:else/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='index,follow' name='robots'/>
<meta content='สถานที่ท่องเที่ยว Music เคล็ดลับ กิน อาหาร ถ่ายรูป เดินตลาด กิจกรรมยามว่าง งานอดิเรก สุขภาพ การเลือกซื้อ' name='description'/>
<meta content='สถานที่ท่องเที่ยว, Music, กิน, ถ่ายรูป, เดินตลาด, กิจกรรมยามว่าง, งานอดิเรก,อาหาร' name='keywords'/>
<b:else/>
<meta content='index,follow' name='robots'/>
</b:if>
</b:if>

จากตัวอย่างด้านบน ตัวหนังสือสีแดง คือ code ที่จะต้องนำไปใส่ ผลที่ได้เชื่อว่า อันดับการค้นหาจะต้องอยู่ในอันดับต้นๆ แบบ white hat

Blogger Tips - ทดสอบการทำงานของ Canvas

Blogger Tips - ทดสอบการทำงานของ Canvas เนื่องจากว่า Blogger สามารถที่จะวาดรูปได้หรือไม่ และก็สามารถหาคำตอบได้ และก็ได้รูปแบบการเขียน script code ที่ไม่ยากและสามารถเข้าใจได้ง่าย

<canvas height="200" id="mydrawing" style="background: #98FB98; margin-left: 200px;" width="400">
<script>
var mycanvas = document.getElementById('mydrawing') ;
var ctx = mycanvas.getContext('2d');

// first text
ctx.font = '46px Comic Sans MS' ;
ctx.lineWidth = 3 ;
ctx.strokeStyle = "green";
ctx.strokeText("I Love Everybody",15,100);

// second text
ctx.font = '20px Verdana' ;
ctx.lineWidth = 4 ;
ctx.fillStyle = "red";
ctx.fillText("Blog and make money on linе",50,130) ;

</script>
</canvas>

จาก code ด้านบนจะต้อง อยู่ใน mode html จึงจะสามารถแสดงออกมาได้ สามารถดัดแปลงได้หลายอย่าง

ท่านที่สนใจก็ลองไปหาดูนะครับ ผมทำขึ้นมาก็เพราะว่า มันเป็นลูกเล่น ใหม่

Like's Blog

Pages

Thursday, November 30, 2017

วิธีการใส่ Table ใน Blogger Post