Filed in ป้ายกำกับ: 1 ความคิดเห็น
การโฟส์ amazon โดยใช้ template
ต่อจากบทความที่แล้วตอนนี้ผมจะแนาะนำวิธีการโฟส์ amazonโดยใช้ template
ที่เราบันทึกเอาไว้ครับเคยไหมที่ท่านเวลาโฟส์ที่ก็มานั่งจัดโฟส์ที่ ทำให้เสียเวลาและ
รูปแบบไม่เหมือนเดิม(อาจเกิดจากไม่ได้โฟส์นานทำให้ลืมได้ )
ตัวอย่าง post templateที่ผมมาแนาะนำคือเมื่อทำเสร็จแล้วจะมีรูปแบบประมาณนี้

1.login เข้าไปที่ settings ต่อไปเข้าไปที่ formatting


2.ที่ช่อง post template ก็อปโค้ดด้านล่างใส่ไปครับ
<h1 style="font-size: 14px;">se สำคัญนะ</h1>
<div style="width: 550px;">
<div style="float: left; width: 150px;">
รูปกับลิงค์อยู่นี้ซ้ายอยู่นี้
<div style="text-align:center;margin:0 0 0 -30pt;">
<img style="border: medium none; clear: both; margin: 0pt; padding: 0pt;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnm1aQpBPVMZzk5lRfhTjfJloWZbZZeH19CPNqPR5w_bK6WjWw_vGKo_r5ckDH5FxXcGWw0PebOwem0k8_W1x346opXdu5mV0ckHYu1HL3c1IcZ0MbxauJi9zaB97LRrBOU6FJ4YdDZDB0/s1600/5stars.png"/>
</div>
</div>
<div style="float: right; width: 400px;">
ข้อความขวาอยู่นี้
</div>
</div>
<div style="float: none;  clear: both;  margin: 0;padding: 0;border: none;font-size: 1px;"></div>
<div style="text-align: center;">
<a href="#" rel="nofollow" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9sH_PhrBTSoNP5WQPQqnO7AhnE-KmYqpNPqdEIdWjAhRFJwZb5D3l7hcYP7ewIchoo5JL29tZdXUV3fP1iBIQ67S4gztMYfT-uUlVE4QbEN0jNafjugUmzEeDGbWL2s7nNf7pgKVYNFg/s1600/buy-button-assoc-lg._V192587358_.gif" />
</a></div>
<!--more-->
<img src="" alt=""/>
<img src="" alt=""/>
<div style="text-align: center;">
<a href="#" rel="nofollow" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9sH_PhrBTSoNP5WQPQqnO7AhnE-KmYqpNPqdEIdWjAhRFJwZb5D3l7hcYP7ewIchoo5JL29tZdXUV3fP1iBIQ67S4gztMYfT-uUlVE4QbEN0jNafjugUmzEeDGbWL2s7nNf7pgKVYNFg/s1600/buy-button-assoc-lg._V192587358_.gif" />
</a></div>

เมื่อเราโฟส์ amazon ใหม่ก็จะมีรูปแบบนี้มาให้เราครับตามรูป
ทำให้เราสามารถใส่รูป หรือบทความได้โดยไม่ต้องมานั่งจัดใหม่ครับ
ลองดูจากรูปที่ผมให้ครับประกอบกับบทความพื้นฐาน css จะเข้าใจมากขึ้น





เว็บตัวอย่างครับไม่ต้องสืบนะครับผมใช้เป็นเว็บตัวอย่างบทความเฉยๆครับโชคดีมีชัยครับ ^^
androidphoneverizon

Share This Post

Comments

  1. AECHZ1 Says:

    21 กุมภาพันธ์ 2557 เวลา 20:22

    ทำเป็น วีดีโอ สอนได้ไหมคับ

Leave a Comment