Blogger Template สำหรับทำบล็อกดูหนังสุดแจ่ม

แก้ไขโค้ดสไลด์ขนาดเล็กให้แล้วครับกับ iGetMovies2 Blogger Template หลังจากที่เคยโมดิฟายด์ให้ไปโหลดใช้กัน ช่วงหลังเจอปัญหาสไลด์ขนาดเล็กตรงกลางไม่ทำงานผมเลยจัดการอัพให้ใหม่แล้วครับพร้อมทำบล็อกตัวอย่างให้ชมกันก่อนตัดสินใจดาวน์โหลดไปใช้กัน บอกตรงๆ ช่วงนี้ไม่มีผลงานอะไรใหม่ๆ มาให้ลองเล่นกันเพราะตั้งแต่ blogger ปลี่ยนรูปแบบการจัดการใหม่การแกะแม่แบบยุ่งยากกว่าเดิมมากครับกว่าจะหาโค้ดเจอตาลายแล้วลายอีก

วิธีปรับแต่ง
หลังจากดาวน์โหลดและติดตั้งแม่แบบแล้ว คราวนี้ก็มาถึงการปรับแต่งซึ่งอาจยุ่งยากนิดหน่อยสำหรับแม่แบบรุ่นใหม่ของบล็อกเกอร์ แต่ลองๆ ทำดูครับคงไม่ยากเกินความสามารถ

อันดับแรกให้หาโค๊ดต่อไปนี้จากแม่แบบแล้วจัดการแก้ไข

1.ให้หาโค๊ดคำว่า <title><data:blog.pageTitle/></title> เราก็จะเจอโค๊ดดังต่อไปนี้ครับ

<title><data:blog.pageTitle/>ตรงนี้ให้แทรกข้อความสั้นๆ เกี่ยวกับบล็อกลงไป</title>

    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
    <meta content='Your Blog Description here!' name='description'/>
    <meta content='Your Keywords here!' name='keywords'/>
    <meta content='Author Name here!' name='Author'/>
    <meta content='Author Email Address here!' name='Email'/>

Your Blog Description here! ให้แก้เป็นคำอธิบายเกี่ยวกับบล็อกลงไปแทน
Your Keywords here! ให้แก้เป็นคีย์เวิร์คของคุณแทนโดยคั่นคีย์เวิร์คแต่ละคำด้วยเครื่องหมาย , เช่น ทำบล็อก, แต่งบล็อก, สอนโมบล็อก
Author Name here!  ใส่ชื่อคุณลงไป จะใส่หรือไม่ใส่ก็ได้ครับ
Author Email Address here! ใส่อีเมล์ลงไป จะใส่หรือไม่ใส่ก็ได้ครับ

2.ให้หาคำว่า http://igetmovies2.blogspot.com แล้วเปลี่ยนเป็น url บล็อกของคุณ ส่วน Link อื่นก็หาแก้ตามความต้องการ
3.ให้หาโค๊ด 833115824370827244 จากแม่แบบแล้วแก้เป็น ID ของบล็อกคุณแทน

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=833115824370827244&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

ID บล็อกดูได้จากไหน

รหัส ID บล็อกสามารถดูได้จากช่อง url ในหน้าการออกแบบจัดการก็อปแล้วเอาไปวางแทนเลยครับ เสร็จแล้วให้ทำการบันทึกแม่แบบ

การใส่ป้ายกำกับให้กับสไลด์ขนาดเล็กตรงกลาง

ในส่วนนี้จะว่าถึงการใส่บทความภาพสไลด์ขนาดเล็กซึ่งแบบ Auto ครับ ก็ให้เข้าไปที่แก้ไขแม่แบบแล้วหาโค๊ดต่อไปนี้ numposts1 = 5; label1 = "Slide";

แก้ตัวเลขสีน้ำเงินเป็นจำนวนบทความที่ต้องการให้ขึ้นบนสไลด์
แก้ตัวหนังสือสีแดงคำว่า Slide เป็นชื่อป้ายกำกับบทความที่ต้องการให้แสดงเป็นภาพสไลด์ ในกรณีที่มีบทความต่างป้ายกำกับกันแต่อยากให้แสดงขึ้นสไลด์ด้วยกัน แนะนำง่ายๆ เลยครับให้เพิ่มป้ายกำกับบทความที่ต้องการว่า Slide ครับ

วิธีใส่ภาพสไลด์ขนาดใหญ่

สำหรับในส่วนนี้ผมจะมาว่าถึงการใส่ภาพสไลด์ขนาดใหญ่ซึ่งจะมากเรื่องซักหน่อยไม่เหมือนการใส่ภาพสไลด์ขนาดเล็ก เพราะเราจะต้องเข้าไปแก้ไขที่แม่แบบหลายส่วนด้วยกัน แต่ก็ไม่ยากอะไรมากมายครับ โดยให้หาโค๊ดคำว่า <a href='http://www.blogger.com'><img แล้วจัดการแก้ไขตามตัวอย่างด้านล่าง

<a href='http://www.blogger.com'><img alt='' class='slide' height='262' id='slide-img-1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT2EbhTgVzQXFii6zgg_1XWRQpOxLUWvwqlZzEJAL8B8DUjh5brX8x6-Q0oHRJMvyCPzzfYW6KNCHTBbkAOnj6wzugvxxDM7_GaKVozmOaLThmH5kj0tcQQ-C1KtpqbkNq1YmIlPqWb-sb/s1600/P1.png' width='940'/></a>
    <a href='http://www.blogger.com'><img alt='' class='slide' height='262' id='slide-img-2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh0E0BxaPHVbaomU8W9hyYLsak2AWNTqvv46UBrfXL0sFpfuuPYSpufGVfMGKasZaapRRPX_WMuecFFrzXupz2CesfFQimigPA1iLBEpNpJNqgy5luNVqm-vmCOm9q_dU_vUc0PswZ4ijn/s1600/P2.png' width='940'/></a>  
    <a href='http://www.blogger.com'><img alt='' class='slide' height='262' id='slide-img-3' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQtmFTWDpe7Ds_8eF3tg3kVuJoAAMKZ0dZVGTViBhyphenhyphend5mEImLS8U1I42cWlnNGC3QZ5oke1Q9xUelTWy4_6zgZCKw8V5Q7SXPguW5dyZZjeTCMD8r_dgWl-elDwNUPugzzmDMP2dglLsi6/s1600/P3.png' width='940'/></a>  
    <a href='http://www.blogger.com'><img alt='' class='slide' height='262' id='slide-img-4' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-o3xozKflU_T5-01l2Kc6ybY8hweQcK1fWeUmCyw3uAmyZ9p5yQTNYYTYNKf9yIlvi05ENzIDiNUXW3dZvWS-zaSVVwqak5Woi27PTFsuZMEp42ZGv8Yg0aOv0S4qbJfwCuRuDWoQRMXm/s1600/P4.png' width='940'/></a>  
    <a href='http://www.blogger.com'><img alt='' class='slide' height='262' id='slide-img-5' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIKYocY7zdsOsC0Al2J3wdhU-oyaTvwXP-u7qlBzE4tJ9tjZw7ceHB9DcfMGkMXUxZPUP5700MRccBqmdNc54KA3oxqd_-ZAQSIEpO7rsQKpGH1fjvResyyetTdIcjEg0Zslgil2xiIpGP/s1600/P5.png' width='940'/></a>  
    <a href='http://www.blogger.com'><img alt='' class='slide' height='262' id='slide-img-6' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge0b7iMf_oTOVryQcBtUmGyVe_j-hGz1UbHEAH33A56Fo1KPKsbaFv-dCY1x4XkTdiP09mwLrph88FIkE7uidqFmYn5JQk0m2UHN0z3PfdvWCPUTqhkM7xNC4ZHldeWGMZX48TuNEmwq_q/s1600/P6.png' width='940'/></a>  
      <a href='http://www.blogger.com'><img alt='' class='slide' height='262' id='slide-img-7' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94JTjHDTiZKF686vxZLakWzPT2RpHjuaeoTht43TD4lknjcEy1EDKfVpt3WIeFIQG3VKX1sdJjp-acloh9JmjliQ7UTd-yYy4y-67sLNAbL2GKSGtH3WnimGFjP4KFEBx-nSG2_kJ1pEu/s1600/P7.png' width='940'/></a>   

<div id='slide-controls'>
     <p class='text' id='slide-client'><strong>post: </strong><span/></p>
     <p class='text' id='slide-desc'/>
     <p id='slide-nav'/>
     </div>
</div>
</div>
<script type='text/javascript'>
if(!window.slider) var slider={};
slider.data=[
{"id":"slide-img-1","client":"Title1","desc":"Your Description Here"},
{"id":"slide-img-2","client":"Title2","desc":"Your Description Here"},  
{"id":"slide-img-3","client":"Title3","desc":"Your Description Here"},  
{"id":"slide-img-4","client":"Title4","desc":"Your Description Here"},  
{"id":"slide-img-5","client":"Title5","desc":"Your Description Here"},  
{"id":"slide-img-6","client":"Title6","desc":"Your Description Here"},  
{"id":"slide-img-7","client":"Title7","desc":"Your Description Here"}

*ให้เปลี่ยน http://www.blogger.com เป็น url หน้าที่เราต้องการไปเวลาเราคลิกที่ภาพ
*ให้เปลี่ยน url ของรูปภาพสีแดงเป็น url รูปภาพของเราแทน
*ให้เปลี่ยนคำว่า Title1 - Title7 เป็นชื่อบทความของรูปภาพ
*ให้เปลี่ยนคำว่า Your Description Here เป็นรายละเอียดของบทความแทนครับ
สำหรับรูปภาพที่ทำภาพสไลด์ต้องมีขนาด 940x262px

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

ก็อปโค๊ดด้านล่างนี้ครับ

<span style="color: #cccccc;">มีผู้ชมแล้ว</span><span style="color: black;">..</span><script src="http://fastwebcounter.com/secure.php?s=http://yourblog.blogspot.com/xxxxxxxxx.html">
</script> <span style="color: black;">..</span><span style="color: #cccccc;">ครั้ง</span

ให้แก้ตรงส่วนสีน้ำเงินเป็น url ของบทความนั้นๆ ครับ...สวัสดีครับ

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.