ของดีมาแล้ว Blogger Template For Amazon

The Best Blogger Template For Amazon

หลังจากที่ผมเอา Template ตัวนี้พร้อม Demo ตัวอย่างที่ผมทำขึ้นเพื่อเป็นแนวทางในการทำบล็อกขายสินค้าจาก Amazon ไปโชว์ตัวที่ Thaiseoboard ปรากฏว่ามีคนสนใจกันมาก เรียกว่าถูกอกถูกใจเหล่าสาวกบล็อกเกอร์ที่ชื่นชอบของฟรีแต่มีคุณภาพ ซึ่งก็ไม่น่าผิดหวังครับเพราะ Template ตัวนี้มันเจ๋งใช้ได้เลยครับ ตอบสนองตามต้องการได้ดีที่เดียวสำหรับคนที่คิดจะทำบล็อก Review สินค้าจาก Amazon ด้วย Blogger ซึ่งจะว่าไปแล้วจริงๆ แล้วไอ้เจ้า Template ตัวนี้มันมีมานานแล้วแต่ไม่ค่อยมีคนใช้กัน ปัญหาหลักคือ Template ตัวเดิมๆ ของมันมีการฝังโค๊ด Adsense ของเจ้าของผลงานชาวอินโดนีเซียไว้ แถมมี Scrip Infolinks แทรกมาด้วย ผมเลยมาจัดการแก้ไขใหม่แกะเอาโค๊ด Adsense และโค๊ด Infolinks ออกเสีย ซึ่งจริงๆ แล้วผมก็ไม่รู้หรอกครับว่าไอ้เจ้า Infolinks ที่แทรกมาใน Template มันคืออะไร และมีประโยชน์อะไร รู้แต่ว่ามันน่ารำคาญมากเวลาเอาเม๊าท์ไปชี้ที่ตัวหนังสือสีเขียวๆ แล้วมันจะมีหน้าต่างของมันขึ้นมา
สำหรับตอนนี้เรามาดูโฉมหน้ามันแบบชัดๆ กันดีกว่า ถ้าใครสนใจก็ดาวน์โหลดไปใช้ได้เลยครับ งานนี้ใครมีปัญหาตรงไหนก็ถามได้น๊ะครับไม่ต้องเกรงใจเพราะผมเอามาให้แล้วต้องการให้เอาไปใช้งานได้จริงๆ จะได้เอาไปใช้โกยตังค์กัน...
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

DEMO : ตัวอย่าง

DOWNLOAD : ดาวน์โหลด

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
สำหรับวิธีการปรับแต่งในส่วนต่างๆ อ่านต่อได้ที่นี่ครับ

วิธีการเปลี่ยนเมนูส่วนบนของ Template และสโลแกนใต้ชื่อบล็อก

ในส่วนแรกคือการแก้ไขเมนูด้านบนสุดของ Template ให้เข้าไปที่หน้าแก้ไขแม่แบบแล้วกด Crtl กับ F จากแป้นพิมพ์ แล้วพิมพ์คำว่า data:blog.homepageUrl เราก็จะเจอโค๊ดต่อไปนี้ก็แก้ไขได้ตามใจชอบ

<li><a expr:href='data:blog.homepageUrl' title='This Blog Address'>Home</a></li>

                                    <li><a href='http://www.blogger.com'>About</a></li>

                                    <li><a href='http://www.blogger.com'>Log In</a></li>

<li><a href='http://www.blogger.com'><strong>All Categories</strong></a></li>

</ul>

</div>

ก็จัดการเปลี่ยนในส่วนสีแดงกับสีเขียวคือชื่อเมนูกับ Link ที่จะไปในหน้านั้นๆ

คราวนี้ก็มาจัดการในส่วนที่สองคือสโลแกนใต้ชื่อบล็อก ซึ่งในแม่แบบผมใส่คำว่า Blogger Templates For Amazon ไว้ หน้าที่ของคุณคือเปลี่ยนมันเสียใหม่ให้เป็นสโลแกนเกี่ยวกับบล็อกของคุณ

ก็เหมือนเดิมครับให้กด Crtl F แล้วพิมพ์คำว่า <div id='header'> หรือง่ายๆ เลยก็พิมพ์คำว่า Blogger Templates For Amazon คุณก็จะเจอโค๊ดนี้ครับ

<div id='header'>
<h1 id='logo'><a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a><span class='slogon'>Blogger Templates For Amazon</span></h1>
</div>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
 </div>
ก็เปลี่ยนในส่วนตัวสีแดงออกแล้วใส่คำที่เราต้องการแทนครับ  เสร็จแล้วกดบันทึกแม่แบบ


สำหรับส่วนที่ 3 ก็คือแบล็คกราวด์ส่วนหัวที่ผมทำกรอบสีน้ำเงินล้อมไว้หากคุณต้องการเปลี่ยนเป็นภาพแบนเนอร์ของคุณเองก็ให้ค้นหาโค๊ดนี้จากแม่แบบครับ

http://2.bp.blogspot.com/_uYVzimjyD54/Sw9tUDulXYI/AAAAAAAAAGE/-L6dY2hoGts/s1600/headersilver.png
แล้วแทนที่ด้วย Url รูปภาพของคุณเอง (ภาพควรมีขนาดประมาณ 582x114)


เป็นไงบ้างคงไม่ยากจนเกินความสามารถน๊ะครับ ส่วนการแก้ไขตรงจุดอื่นก็เลือกแก้ไขตามความพอใจได้ตามสะดวกเลยครับ ไว้โอกาสหน้าผมจะหา Template สวยๆ มาให้ลองใช้กันอีก...

มีผู้อ่านแล้ว.. ..ครั้ง

About "Administrator"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit, augue quis mattis gravida, est dolor elementum felis, sed vehicula metus quam a mi. Praesent dolor felis, consectetur nec convallis vitae.