<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<link href='https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&family=Sarabun:wght@300;400;500;600&display=swap' rel='stylesheet'/>
<b:skin><![CDATA[
/* =========================================
CSS Styles : Agriculture & Economic Crops Theme
========================================= */
:root {
--primary-color: #2E7D32; /* สีเขียวใบไม้เข้ม สื่อถึงเกษตรกรรม */
--secondary-color: #558B2F; /* สีเขียวอ่อน/ต้นกล้า */
--accent-color: #F9A825; /* สีเหลืองทอง สื่อถึงรวงข้าว/ผลผลิตที่สุกงอม */
--accent-bright: #FFF59D;
--bg-body: #F1F8E9;
--bg-paper: #FFFFFF;
--text-main: #212121;
--text-light: #424242;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Sarabun', sans-serif;
background-color: var(--bg-body);
color: var(--text-main);
line-height: 1.8;
font-size: 19px;
-webkit-font-smoothing: antialiased;
text-align: left;
}
h1, h2, h3, h4, h5, h6, .nav-links a, .cta-btn, .read-more-btn {
font-family: 'Prompt', sans-serif;
}
.post-share-buttons, .share-buttons, .item-control.blog-share, .blog-share, .widget-item-control {
display: none !important;
}
/* =========================================
Header & Navigation
========================================= */
header {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
padding: 55px 20px;
text-align: center;
border-bottom: 6px solid var(--accent-color);
}
header h1 {
font-size: 3.2em;
font-weight: 700;
color: #FFFFFF;
margin-bottom: 15px;
line-height: 1.2;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
header h1 a { color: #FFFFFF; text-decoration: none; }
header p.subtitle {
font-size: 1.35em;
color: var(--accent-bright);
font-weight: 500;
text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
max-width: 900px;
margin: 0 auto;
line-height: 1.5;
}
nav {
background-color: #FFFFFF;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
position: sticky; top: 0; z-index: 100;
}
.nav-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; }
.nav-links { display: flex; }
.nav-links a {
display: inline-block; padding: 18px 25px; color: var(--primary-color);
text-decoration: none; font-weight: 500; font-size: 1.1em; transition: all 0.3s;
}
.nav-links a:hover { color: var(--accent-color); background-color: #F9FBE7; }
#menu-toggle, .mobile-menu-btn { display: none; }
/* =========================================
Layout & Grid
========================================= */
.container {
display: flex; flex-wrap: wrap; max-width: 1200px;
margin: 40px auto; padding: 0 20px; gap: 30px;
}
.main-content { flex: 1 1 65%; }
.sidebar { flex: 1 1 30%; }
/* =========================================
Post Snippet (หน้ารวมบทความ/ย่อขนาด)
========================================= */
.post-snippet-container {
display: flex; background: var(--bg-paper); padding: 20px;
border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.04);
margin-bottom: 30px; gap: 25px; align-items: flex-start;
transition: transform 0.2s, box-shadow 0.2s;
}
.post-snippet-container:hover {
transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.snippet-img-link { flex: 0 0 240px; text-decoration: none; }
.post-snippet-thumb {
width: 100%; height: 170px; border-radius: 8px;
object-fit: cover; display: block;
}
.post-snippet-thumb.no-image {
background: var(--primary-color); color: white; display: flex;
align-items: center; justify-content: center; font-family: 'Prompt', sans-serif; font-size: 1.2em;
}
.post-snippet-info { flex: 1; }
.post-snippet-title { font-size: 1.5em; margin-bottom: 12px; line-height: 1.35; font-weight: 600; }
.post-snippet-title a { color: var(--primary-color); text-decoration: none; }
.post-snippet-text {
color: var(--text-light); font-size: 1em; margin-bottom: 18px; line-height: 1.6;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.read-more-btn {
display: inline-block; background-color: var(--secondary-color); color: #FFFFFF;
padding: 8px 20px; border-radius: 6px; text-decoration: none; font-size: 0.95em; transition: background 0.3s;
}
.read-more-btn:hover { background-color: var(--primary-color); }
/* ระบบเปลี่ยนหน้า (Pagination) */
.blog-pager { margin-top: 30px; padding: 20px 0; display: flex; justify-content: space-between; }
.blog-pager a {
background: #FFFFFF; color: var(--primary-color); padding: 10px 20px;
border-radius: 6px; text-decoration: none; font-weight: 500;
box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: background 0.3s;
}
.blog-pager a:hover { background: var(--primary-color); color: #FFF; }
/* =========================================
Single Post (หน้าอ่านเต็ม)
========================================= */
.post-outer {
background: var(--bg-paper); padding: 45px; border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.04); margin-bottom: 40px;
}
h2.date-header { display: none; }
.post-title { font-size: 2.3em; color: var(--primary-color); margin-bottom: 25px; font-weight: 700; line-height: 1.35; }
.post-body { color: var(--text-main); font-size: 1.05em; }
.post-body p { margin-bottom: 24px; text-align: left; }
.post-body h2 {
font-size: 1.65em; color: var(--primary-color); margin-top: 40px; margin-bottom: 18px;
border-bottom: 2px solid #E8F5E9; padding-bottom: 8px;
}
.post-body h3 {
font-size: 1.35em; color: var(--secondary-color); margin-top: 30px; margin-bottom: 12px;
border-left: 4px solid var(--accent-color); padding-left: 14px;
}
.post-body img { display: block; max-width: 100%; height: auto; border-radius: 8px; margin: 25px auto !important; }
.separator, .separator a, .tr-caption-container { display: block; text-align: center !important; margin: 0 auto !important; }
.post-body blockquote {
background: #F1F8E9; border-left: 5px solid var(--primary-color);
padding: 22px; margin: 30px 0; font-size: 1.1em; color: var(--text-light); line-height: 1.7;
}
/* =========================================
Sidebar
========================================= */
.sidebar-widget {
background: var(--bg-paper); padding: 35px; border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.04); margin-bottom: 30px; text-align: center;
}
.sidebar-widget h2 {
color: var(--primary-color); font-size: 1.35em; margin-bottom: 25px;
position: relative; display: inline-block;
}
.sidebar-widget h2::after {
content: ''; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%);
width: 40px; height: 3px; background-color: var(--accent-color);
}
.cta-btn {
display: block; background: var(--accent-color); color: #FFF;
text-align: center; padding: 14px 15px; border-radius: 8px;
text-decoration: none; font-size: 1.15em; font-weight: 600; margin-top: 15px;
transition: background 0.3s, transform 0.2s;
}
.cta-btn:hover { background: #F57F17; color: #FFFFFF; transform: translateY(-2px); }
/* =========================================
Footer
========================================= */
footer {
background-color: var(--primary-color); color: #FFFFFF;
text-align: center; padding: 40px 20px; margin-top: 40px;
}
/* =========================================
Mobile Responsive
========================================= */
@media (max-width: 768px) {
body { font-size: 18px; }
header { padding: 40px 10px; }
header h1 { font-size: 2em; }
header p.subtitle { font-size: 1.15em; line-height: 1.4; }
.container { flex-direction: column; gap: 15px; margin: 15px auto; padding: 0 8px; }
/* Mobile Snippet */
.post-snippet-container { flex-direction: column; gap: 15px; padding: 15px; }
.snippet-img-link { flex: auto; width: 100%; }
.post-snippet-thumb { height: 200px; }
.post-snippet-title { font-size: 1.35em; }
.post-outer { padding: 25px 15px; border-radius: 8px; margin-bottom: 20px; }
.sidebar-widget { padding: 25px 15px; border-radius: 8px; }
.post-title { font-size: 1.6em; line-height: 1.3; margin-bottom: 15px; }
.nav-container { flex-direction: column; width: 100%; }
.mobile-menu-btn {
display: block; background-color: #FFFFFF; color: var(--primary-color);
padding: 16px; font-weight: 600; font-family: 'Prompt', sans-serif;
font-size: 1.15em; cursor: pointer; border-bottom: 1px solid #E8F5E9;
text-align: center; margin: 0;
}
.nav-links { display: none; flex-direction: column; width: 100%; background-color: var(--bg-body); }
#menu-toggle:checked ~ .nav-container .nav-links { display: flex; }
.nav-links a { text-align: left; border-bottom: 1px solid #E8F5E9; padding: 14px 20px; }
}
]]></b:skin>
</head>
<body>
<header>
<b:section class='header' id='header'>
<b:widget id='Header1' locked='true' title='พันธุ์พืชเศรษฐกิจ (ส่วนหัว)' type='Header' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='header-widget'>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/>
<b:include cond='data:imagePlacement != "REPLACE"' name='description'/>
</div>
<b:include cond='data:imagePlacement == "BEHIND"' name='behindImageStyle'/>
</b:includable>
<b:includable id='behindImageStyle'>
<b:if cond='data:sourceUrl'>
<b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/>
<style type='text/css'>
.header-widget {
background-position: <data:blog.locale.languageAlignment/>;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</b:if>
</b:includable>
<b:includable id='description'>
<p>
<data:this.description/>
</p>
</b:includable>
<b:includable id='image'>
<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
<b:include data='{ image: data:image, altText: data:blog.title.escaped, originalWidth: data:width, originalHeight: data:height }' name='responsiveImage'/>
</a>
</b:includable>
<b:includable id='title'>
<h1>
<b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</h1>
</b:includable>
</b:widget>
</b:section>
<p class='subtitle'>แหล่งรวมความรู้เรื่องการปลูกพืชเศรษฐกิจ สร้างรายได้ และเทคนิคการเกษตร</p>
</header>
<nav>
<input id='menu-toggle' type='checkbox'/>
<label class='mobile-menu-btn' for='menu-toggle'>☰ เมนูหลัก (คลิก)</label>
<div class='nav-container'>
<div class='nav-links'>
<a href='/'>หน้าแรก</a>
<a href='/search/label/พืชเศรษฐกิจน่าปลูก'>พืชเศรษฐกิจน่าปลูก</a>
<a href='/search/label/เทคนิคการเกษตร'>เทคนิคการเกษตร</a>
<a href='/search/label/ราคาพืชผล'>อัปเดตราคาพืชผล</a>
<a href='/p/contact.html'>ติดต่อเรา</a>
</div>
</div>
</nav>
<div class='container'>
<div class='main-content'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='บทความบล็อก' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
<b:include name='nextprev'/>
</b:includable>
<b:includable id='aboutPostAuthor'>
<div class='author-name'>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span>
<data:post.author.name/>
</span>
</a>
</div>
<div>
<span class='author-desc'>
<data:post.author.aboutMe/>
</span>
</div>
</b:includable>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:message name='messages.postAComment'/>
</a>
</b:includable>
<b:includable id='commentAuthorAvatar'>
<div class='avatar-image-container'>
<img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
</b:includable>
<b:includable id='commentItem' var='comment'>
<div class='comment' expr:id='"c" + data:comment.id'>
<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
<div class='comment-block'>
<div class='comment-author'>
<b:if cond='data:comment.authorUrl'>
<b:message name='messages.authorSaidWithLink'>
<b:param expr:value='data:comment.author' name='authorName'/>
<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
</b:message>
<b:else/>
<b:message name='messages.authorSaid'>
<b:param expr:value='data:comment.author' name='authorName'/>
</b:message>
</b:if>
</div>
<div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
<data:comment.body/>
</div>
<div class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='commentList' var='comments'>
<div id='comments-block'>
<b:loop values='data:comments' var='comment'>
<b:include data='comment' name='commentItem'/>
</b:loop>
</div>
</b:includable>
<b:includable id='commentPicker' var='post'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threadedComments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<section expr:class='"comments" + (data:post.embedCommentForm ? " embed" : "")' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:include name='commentsTitle'/>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<b:include cond='data:post.comments' data='post.comments' name='commentList'/>
</div>
<b:if cond='data:post.commentPagingRequired'>
<div class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:messages.oldest/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:messages.older/>
</a>
</b:if>
<span class='comment-range-text'>
<data:post.commentRangeText/>
</span>
<b:if cond='data:post.hasNewerLinks'>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:messages.newer/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:messages.newest/>
</a>
</b:if>
</div>
</b:if>
<div class='footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='addComments'/>
</b:if>
</b:if>
</div>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='commentsTitle'>
<h3 class='title'><data:messages.comments/></h3>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='!data:view.isPost'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments and data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:messages.subscribeTo/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='homePageLink'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:messages.home/>
</a>
</b:includable>
<b:includable id='iframeComments' var='post'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='inlineAd' var='post'>
<b:if cond='!data:view.isPreview'>
<b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
<!-- Ad -->
<div class='inline-ad'>
<b:if cond='data:this.adCode != ""'>
<data:this.adCode/>
<b:else/>
<b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
</b:if>
</div>
</b:if>
<b:else/>
<div class='inline-ad'>
<div class='inline-ad-placeholder'>
<span><b:message name='messages.adsGoHere'/></span>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='nextPageLink'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:messages.olderPosts'>
<data:messages.olderPosts/>
</a>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' style='float: left;'>&laquo; หน้าใหม่กว่า</a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' style='float: right;'>หน้าเก่ากว่า &raquo;</a>
</b:if>
</div>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:view.isMultipleItems'>
<div class='post-snippet-container'>
<a class='snippet-img-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-snippet-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage'/>
<b:else/>
<div class='post-snippet-thumb no-image'>พืชเศรษฐกิจ</div>
</b:if>
</a>
<div class='post-snippet-info'>
<h2 class='post-snippet-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
<div class='post-snippet-text'>
<data:post.snippet/>
</div>
<a class='read-more-btn' expr:href='data:post.url'>อ่านบทความเต็ม &raquo;</a>
</div>
</div>
<b:else/>
<div class='post-outer'>
<h1 class='post-title'><data:post.title/></h1>
<div class='post-body'>
<data:post.body/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='postBody' var='post'>
<!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->
<div class='post-body entry-content float-container' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
</div>
</b:includable>
<b:includable id='postBodySnippet' var='post'>
<b:include data='post' name='postBody'/>
</b:includable>
<b:includable id='postCommentsAndAd' var='post'>
<article class='post-outer-container'>
<!-- Post title and body -->
<div class='post-outer'>
<b:include data='post' name='post'/>
</div>
<!-- Comments -->
<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
<!-- Show ad inside post container, after comments, if single item. -->
<b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
</article>
<!-- Show ad outside post container (between posts) for feed pages. -->
<b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:view.isMultipleItems'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
</span>
</b:if>
</b:includable>
<b:includable id='postFooter' var='post'>
<div class='post-footer'>
<b:include name='footerBylines'/>
<b:include data='post' name='postFooterAuthorProfile'/>
</div>
</b:includable>
<b:includable id='postFooterAuthorProfile' var='post'>
<b:if cond='data:post.author.aboutMe and data:view.isPost'>
<div class='author-profile'>
<b:if cond='data:post.author.authorPhoto.url'>
<img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
<div class='author-about'>
<b:include data='post' name='aboutPostAuthor'/>
</div>
<b:else/>
<b:include data='post' name='aboutPostAuthor'/>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include name='headerByline'/>
</b:includable>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postPagination'>
<div class='blog-pager container' id='blog-pager'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>
<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
</div>
</b:includable>
<b:includable id='postTitle' var='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title != ""'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:messages.newerPosts'>
<data:messages.newerPosts/>
</a>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<b:template-script inline='true' name='threaded_comments'/>
<script type='text/javascript'>
blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);
</script>
</b:includable>
<b:includable id='threadedComments' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:include name='commentsTitle'/>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threadedCommentJs'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threadedCommentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:if cond='data:post.showManageComments'>
<b:include data='post' name='manageComments'/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='tooltipCss'>
<!-- LINT.IfChange -->
<style>
.post-body a.b-tooltip-container {
position: relative;
display: inline-block;
}
.post-body a.b-tooltip-container .b-tooltip {
display: block !important;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-20%, 1px);
visibility: hidden;
opacity: 0;
z-index: 1;
transition: opacity 0.2s ease-in-out;
}
.post-body a.b-tooltip-container .b-tooltip iframe {
width: 200px;
height: 198px;
max-width: none;
border: none;
border-radius: 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}
@media (hover: hover) {
.post-body a.b-tooltip-container:hover .b-tooltip {
visibility: visible;
opacity: 1;
}
}
</style>
<!-- LINT.ThenChange(//depot/google3/java/com/google/blogger/b2/layouts/widgets/v2-style.css) -->
</b:includable>
</b:widget>
</b:section>
</div>
<div class='sidebar'>
<b:section class='sidebar-sec' id='sidebar-sec' showaddelement='yes'>
<b:widget id='Text1' locked='false' title='สอบถามข้อมูลการเกษตร' type='Text' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<div class="sidebar-widget">
<h2>พูดคุย / สอบถาม</h2>
<p style="margin-bottom: 15px; color: #424242; font-size: 0.95em;">ยินดีให้คำแนะนำเรื่องการปลูกพืชเศรษฐกิจ และเทคนิคทางการเกษตรต่างๆ</p>
<a href="https://line.me/ti/p/~@okmywork" target="_blank" class="cta-btn" style="background: #00B900; color: #FFF;">💬 LINE: @okmywork</a>
<a href="tel:0991822999" class="cta-btn" style="background: #F9A825; color: #FFFFFF; margin-top: 12px;">📞 โทร: 099-1822999</a>
</div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='หมวดหมู่พืชเศรษฐกิจ' type='Label' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop values='data:labels' var='label'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label-widget-content"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<footer>
<p style='font-family: "Prompt", sans-serif; font-size: 1.25em; margin-bottom: 8px;'><strong>ศูนย์รวมความรู้พันธุ์พืชเศรษฐกิจเพื่อเกษตรกรไทย</strong></p>
<p style='font-size: 1em;'>ส่งเสริมเกษตรกร สร้างรายได้อย่างยั่งยืน</p>
<p style='font-size: 0.9em; opacity: 0.8; margin-top: 15px;'>โทร: 099-1822999 | Line: @okmywork</p>
</footer>
</body>
</html>