จัดมาแล้ว ThemeForest Blogger Templates ราคา $20

จัดการถอยออกมาแล้วครับกับ Cody Responsive Magazine Blogger Template จากค่าย ThemeForest หลังจากเลือกมานานในที่สุดก็ตกลงปลงใจกับเทมเพลตตัวนี้ เหตุผลเหตุที่ผมเลือกซื้อ Cody ก็เพราะโดยส่วนตัวผมชอบเทมเพลตโทนขาว-แดง อีกอย่างเทมเพลตจากค่ายธีมฟอเรสต์ส่วนใหญ่ก็สวยๆ ทั้งนั้น ตอนนี้ก็กะว่าจะเอามาทำบล็อกแนวท่องเที่ยวแล้วจดโดเมนสวมแทน .blogspot สำหรับค่าตัวของเจ้า Cody อยู่ที่ 600 กว่าบาทครับ ซึ่งเท่าที่ลองดูถือว่าคุ้มค่ามากครับการใช้งานไม่ยากแถมมีปัญหาสงสัยสามารถสอบถามเจ้าของผลงานได้

ขอดีของการซื้อ Template มาใช้ผมว่ามันทำให้รูปร่างหน้าตาของบล็อกเราไม่ค่อยซ้ำกับใครซึ่งผิดจากการใช้งานฟรี กับเรื่องของการซัพพอร์ต สำหรับใครที่ต้องการดูรายละเอียดเพิ่มก็ดูได้จากลิงค์ด้านล่างนี้เลยครับ

ตัวอย่างเทมเพลต  รายละเอียดเพิมเติม 

สำหรับวิธีการซื้อ Template ของ Blogger หรือ Theme ของ WordPress จาก ThemeForest ก็ไม่ยุ่งยากครับแค่ของเว็บ ThemeForest แล้วสมัครสมาชิก เสร็จแล้วก็เลือกดูเทมเพลต หรือธีมที่ถูกใจ เลือกจ่ายผ่าน PayPal ได้ครับ

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 ของบทความนั้นๆ ครับ...สวัสดีครับ

Gallery Blogger Template อลังการงานสร้าง

New Gallery Premium Blogger Template
Free Gallery Blogger Template with many premium facilities. Best For wallpapers blogs, photo blogs or portfolio site.

ไม่มีความอธิบายใดๆ ครับเจอมาเห็นว่าแจ่มเลยเอามาแนะนำ รู้สึกว่าเจ้าของผลงานเขาจะทำธีม Wordpress ขายไว้ที่ themeforest  ด้วย ส่วน Template Blogger ตัวเจ้าของผลงานเขาเอามาแจกฟรีครับ ผมเจอเข้าเลยเอามาบอกต่อ Template ตัวนี้เหมาะทำบล็อกแนวโชว์รูปสินค้า หรือทำบล็อกดูหนังออนไลน์ก็ดูเข้าท่าดี ใครมีไอเดียก็สอยเอาไปทำกันเลยครับ....บอกเลยครับต้องดูตัวอย่างของจริงครับถึงจะรู้ว่าแจ๋วหรือไม่แจ๋ว

Premium Blogger Template Magazine Style

BigNews2 Premium Blogger Template Magazine Style for Sports Newspapers etc..
The best template for blogger, blogspot. This Template converted by blogger template designer from Basnetg.com. An updated version includes advanced jQuery News Ticker, dropdown menu and error fixed.Even if this is an updated version. If you like blogger template magazine style, This Template is nice for you.
Intruction : How to Istall a Template / Template Setting

Hentai Ouji Blogger Template สำหรับคนทำบล็อกอ่านการ์ตูนออนไลน์

Premium Blogger Template for Anime
Hentai Ouji  is a dark and simple Blogger Theme. Its Gallery Style With 4 Columns. 1 Right sidebar and 3 Column Footer.Mobile Support Available. Simple 2d Social Icons Collection With Modern Search Box. Top Menu With Drop down option. black and gray color background's. This theme have unique and modern effect, if you try to click post tile auto top menu added and show page details. Hentai Ouji Blogger Template is good for Personal photo blog and other image related  blog's

Kompi Wide สุดยอด Blogger Template สำหรับคนทำบล็อกดูหนังออนไลน์

Kompi Wide Blogger Template
Descriptions : Kompi Wide is a modern edited blogger template. its Gallery style 5 Column Blogger Template With 1 Right Sidebar And 5 Column Footer Area.Modern Sidebar Wight And Quality Image Effect For home page images.125px size 4 ads spot and 300px 1 ad spot placed right side of this theme.floating header area with dark rough look. Image Slider, Search Box And Site Content Translate option.So Kompi Wide Blogger Template is a Good For Movies Review and Games Review Style Blogger Blog.

Johny Jijay Blogger Template

Johny Jijay Blogger Template
ขยันสร้างสรรค์ผลงานออกมาดีจริงๆ ครับกับค่าย MasTemplate วันนีผมก็เลยเอามาแนะนำให้ลองใช้กันดูกับ Johny Jijay Blogger Template สุดยอด blogger template สำหรับคนทำบล็อกดูหนังออนไลน์ ว่าก็ว่าเถอะครับไม่รู้เป็นไงค่ายนี้ขยันทำ Template แนวนี้ออกมาเยอะจัง สำหรับ Template ตัวนี้ผมว่าโหลดหน้าบล็อกเร็วที่สุดแล้วครับในบรรดาตระกูลบล็อกดูหนังของที่นี่ รูปร่างหน้าตาก็ OK ครับจัดว่าสวยงามใช้ได้ติอย่างเดียวตรงภาพสไลด์มันถูกบีบอัดพิกลยังไงๆ ไม่รู้ดูไม่ค่อยแจ๋วเท่าไร

สำหรับวิธีการใช้ก็ไม่ยากครับแค่เพิ่มโค๊ดสไลด์ในส่วนหน้าการออกแบบนิดเดียวเท่านั้นเอง วิธีการก็เข้าไปที่หน้ารูปแบบแล้วเพิ่ม gadget แบบ HTML/จาวาสคริปต์ แล้ววางโค็ดด้านล่างลงไปก็เรียบร้อยแล้ว

<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                   
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                   
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts0\"><\/script>");
</script>
</ul>
</div>
</div>

ลองเอาไใช้กันดูครับมีฝีมือก็โมดิฟายด์เสียหน่อยรับรองแจ่ม

Template for Blogger / Blogspot
This is a simple gallery template blogger for your movie content, named Johny Jijay with the dark style color black and orange. This template was designed for gallery content blogger especially for your movie collection. There's 2 sliders in this template, I made the main slider with 10 posts in homepage and the other one you can find in postpage that shows your recent post. There's no sidebar in main page, there's only 5 column blogger in there, adding meta tag H1 in every posts, 2 automatic slider, 1 right sidebar in postpage, 5 columns footer, navigation drop down menu with no javascript, pagination for blogger ready, clean design template, and more. This template suitable for gallery content blog with daily updates. But you can use it for any gallery images for your blog

NextVideo Blogger Template

Template for Blogger / Blogspot
NextVideo a dark color Blogger template from Wordpress converted to Blogger, the best free premium Blogger Template. 3 Column Gallery Style, 1 Right sidebar.This Blogger Template Design For Video And Game Related Blogger Blog's

NextVideo Blogger Template อีกหนึ่ง Template ที่น่าใช้ครับโทนสีดำแซมแดงเหมาะสำหรับสาวกบล็อกเกอร์ที่จะนำไปทำบล็อกรีวิวหนัง รีวิวเกมส์ รับรองตัวนี้แจ่มแน่นอนครับ

Soundcheck Blogger Templates

Template for Blogger / Blogspot
Soundcheck Blogger Templates Is a Wordpress To Blogger Converted Web 2.0 Style Blogspot Template. 3 Columm Template With 1 Left Side And 1 Right side Sidebars.Has Recent Comment Blogger Widgets And Popular Post Widgets Design Using Jquery, Center Area Design Dark color Blog post Updating Area. 2 Column Tabs Widgets and Social Media icons, Header Ares Design Using Large Image Slider and Small Image slider Placed Under The Top Menus,Template Design For Personal And Music Related Blogger Blog's

เอามาให้ใช้กันอีกตัวครับกับ Soundcheck Blogger Templates รูปแบบสวยงามครับ

Gudang Wallpaper Blogger template

Template for Blogger / Blogspot
Gudang Wallpaper Blogger template Design For Wallpapers And Photography connected Blogger Blog's. Its New trendy Wordpress vogue templet. This templet Has hour Jquery, four-hundredth HTML And Css. Its Dark Color templet With three Column Footers, IF You Open Post Page you'll be able to See one Left Sidebar, This templet style For Adsens prepared Blog's. There Hase a lot of User Friendly possibility Like As a connected Post Widgets, Follow By Email possibility etc

The Best Blogger Template For Amazon
ดูดีมีชาติตระกูลครับกับ Gudang Wallpaper Blogger template แนวแกลลอรี่เอาไว้โชว์ภาพสวยๆ รูปแบบสวยงามใช้งานง่ายมาในสไตล์โทนดำแต่ดูล้ำสมัยครับ ผมว่า Blogger Template เหมาะมากสำหรับคนที่จะทำบล็อกขายสินค้าจาก Amazon

Johny Tampan Blogger Template

Template for Blogger / Blogspot
Johny Tampan Blogger Template.The best and hight quality Blogger Template for movies reviews, Gallery Style Blogger Template 5 Column's and 1 Left Sidebar's. 3 Column Footers And Quality Widgets hide Effect. Recent Post Auto Slider and News Animation Feed Placed Under The Top Menu Link's.Top Menu Links and Dual View Switch Option, 728Px Ads Banner placed Right Side of Header.This Johny Tampan Blogger Template Design For Premium Quality Blogger Blogs

แจ่มอีกแล้วกับ blogger template สวยๆ สำหรับคนทำบล็อกดูหนังออนไลน์ งามระยับจับจิตจริงๆ ครับ รีบไปสอยเอามาใช้กันเลยครับ

Instructions : How to used this Template วิธีการปรับแต่งและใช้งาน

Johny Jazzytube สุดยอด Blogger Template สำหรับ YouTube

   นานหลายเดือนเหมือนกันครับที่ผมไม่ได้เข้ามาอัพเดตบทความในบล็อก 4x100Utd เลย เหตุผลผมเริ่มเบื่อหน่ายกับบล็อกเกอร์ครับหลังจากโดนพี่กรูสั่งเก็บบล็อกแบบเอาตีนลบคามือทำร้ายจิตใจจนผมกินไม่ได้นอนไม่หลับเสียหลายวัน จะไม่ให้ชอกช้ำระกำใจได้ไงครับก็บล็อกกำลังรุ่งๆ คนเข้าวันละหลักพันกำลังกิน Ads จากบล็อกนี้วันละ 2-3 เหรียญแม่งดันมาลบได้...

   พร่ำมานานวันนี้ผมก็จะมาแนะนำ Blogger Template สำหรับสาวกผู้ยังภักดีต่อบล็อกเกอร์แบบไม่เสื่อมคลายกับ Johny Jazzytube สุดยอด Blogger Template สำหรับทำบล็อกดูคลิปจาก YouTube ที่ดีที่สุดในยุคนี้โดยฝีมือการออกแบบของท่าน Maskolis นับว่าแจ่มจำรัสใช้ได้เลยทีเดียว สำหรับ Template ตัวนี้ผ่านมือผมแล้วครับเรียกว่าไม่ต้องปรับแต่งอะไรเลยเพราะของเขาดีอยู่แล้วแถมการใช้งานก็ไม่ยุ่งยากเราสามารถแทรกโค๊ด Adsense ลงไปในแม่แบบได้ด้วยโดยไม่ต้องเสริมโค๊ดอะไรเพราะเขาจัดการมาให้เรียบร้อยแล้ว สนใจก็ลองดูตัวอย่างบล็อก ดูมวยปล้ำ WWE ออนไลน์ของผมเลยก็ได้ถูกใจก็ค่อยดาวน์โหลดไปใช้กัน
DEMO : ตัวอย่าง iGetWrestling.blogspot.com
DOWNLOAD : ดาวน์โหลด  Johny Jazzytube Blogger Template

เช่นเคยครับกับวิธีการใช้งาน
อันดับแรกเมี่อคุณให้คุณหาโค๊ดดังต่อไปนี้ครับ 3009056898743314712 ให้จัดการเปลี่ยนเป็น ID บล็อกของคุณแทน หากหาไม่เจอก็ให้ติ๊กขยายแม่แบบ

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=3009056898743314712&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 ในหน้าการออกแบบครับ จัดการก็อปเอาไปวางแทนเลยครับ

วิธีการโพสต์คลิปจาก YouTube

ให้เข้าไปที่ส่วนของการเขียนบทความแล้วเลือก HTML เสร้จแล้ววางโค๊ดด้านล่างลงไป
http://www.youtube.com/watch?v=K4Di2rvigVkendofvid

[starttext]
ตรงนี้ให้ใส่รายละเอียดเกี่ยวกับบทความลงไป...
[endtext]

สีแดงให้ใส่ url คลิปจาก YouTube ที่ต้องการลงไป
สีน้ำเงินให้ใส่โค๊ดปิดคำว่า endofvid ต่อท้าย url
สีเขียวโค๊ดเปิดและปิดสำหรับเขียนบทความ

วิธีเอา url จาก YouTube ให้ก็อปมาเลยครับโดยเว้นส่วน &feature=player_embedded ไม่ต้องเอามาครับ

ตัวอย่าง http://www.youtube.com/watch?v=Uq1nnljUFj0&feature=player_embedded

เสร็จแล้วให้กลับสู่โหมดการเขียนเพื่อปรับแต่งบทความให้สวยงาม เสร็จแล้วลองกดดูตัวอย่างครับ

ก็เป็นอันเสร็จสิ้นขั้นตอนการใช้งานและปรับแต่ง Johny Jazzytube Blogger Template คงไม่ยากเกินไปน๊ะครับขอให้สนุกกับบล็อกเกอร์กันต่อไปแม้บางครั้งมันจะทำให้เราเจ็บใจไปบ้างก็ตาม แล้วติดตามกันต่อกับบทความต่อๆ ไปน๊ะครับ...

The Best Blogger Template For The Movies

จัดหนักจัดเต็มไปเลยครับกับอีกหนึ่ง Template ที่ขอบอกว่าสุดยอดมาก...งานนี้พลาดไม่ได้เด็ดขาดครับสำหรับสาวกบล็อกเกอร์ที่คิดจะทำบล็อกดูหนัง เพราะนี่คือ Blogger Template ที่ดีที่สุดสำหรับทำบล็อกดูหนังใน พ.ศ.นี้ กับผลงานคุณภาพจาก creatingwebsite-maskolis.blogspot.com ของบล็อกเกอร์ชาวอินโดนีเซีย ผมคงไม่บรรยายสรรพคุณอะไรมากครับลองเข้าไปดูตัวอย่างแล้วรีบดาวน์โหลดไปใช้อย่าได้ช้าครับ ทำก่อนย่อมโกยตังค์ก่อนครับ อย่ามัวชักช้าร่ำไรเดี๋ยวคนอื่นเอาไปทำตัดหน้าก่อน จะมางอนว่าผมไม่เตือนไม่ได้นะ...

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

DEMO : ตัวอย่าง

DOWNLOAD : ดาวน์โหลด

ลืมบอกไปตัวอย่างไม่ต้องไปดูที่ไหนหรอกครับ ดูที่บล็อกผมนี่แหละ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

วิธีการปรับแต่ง

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

หมายเลข 1 คือส่วนของภาพสไลด์ ให้เข้าไปที่แก้ไขแม่แบบแล้วหาโค๊ดต่อไปนี้

numposts1 = 5;

label1 = "best seller";

แก้ตัวเลขสีน้ำเงินเป็นจำนวนบทความที่ต้องการให้ขึ้นบนสไลด์

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

หมายเลข 2 คือหมวดหมู่บทความ ให้เข้าไปที่ส่วนของการออกแบบแล้วเพิ่ม gadget แบบ HTML/Javascript  แล้วจัดการวางโค๊ดต่อไปนี้ลงไป


<script type="text/javascript">
var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;
</script>


<script src="/feeds/posts/default/-/action?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs" type="text/javascript">
</script>


ให้แก้ตัวหนังสือสีแดงคำว่า action เป็นชื่อหมวดหมู่ของป้ายกำกับครับ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

หมายเลข 1 คือโลโก้ของบล็อก ให้เข้าไปที่ส่วนของการออกแบบแล้วเลือกแก้ไข "ส่วนหัว" จัดการอัพโหลดภาพโลโก้ขนาด 400x90 px
หมายเลข 2 ให้เข้าไปที่แก้ไขแม่แบบ ติ๊กที่ช่องขยายแม่แบบแล้วหาคำว่า Latest Movie แล้วแก้เป็นคำที่ต้องการ เสร็จแล้วให้หาคำ http://johny-darkmovie.blogspot.com ซึ่งจะมีอยู่ 2 ที่ ก็ให้แก้เป็น url ของบล็อกคุณแทน


ขั้นตอนสุดท้ายให้หาโค๊ด 8548828380568749844 จากแม่แบบแล้วแก้เป็น ID ของบล็อกคุณแทน


<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=8548828380568749844&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 ในหน้าการออกแบบครับ จัดการก็อปเอาไปแทนเลยครับ


เสริมอีกหน่อยครับกับการเพิ่ม SEO ให้กับ Blog ให้ค้นหาโค๊ดต่อไปนี้ <meta content แล้วจะเจอโค๊ดดังต่อไปนี้ให้แก้ไขตามตัวอย่างเลยครับ

<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'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='language'/>
    <meta content='id' name='geo.country'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>
    <b:skin><![CDATA[/*

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


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

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

Gallery Blogger Template อีกหนึ่งเทมแพล็ตที่ดูดีมีชาติตระกูล

The Best And Classic Blogger Template 2012


ไม่เขียนอะไรมากครับแค่อยากมาแนะนำ Blogger template ที่ดูดีมีชาติตระกูลให้เลือกพิจารณาเอาไปใช้สอยกันครับ สำหรับ Template ตัวนี้มีชื่อว่า Johny Simple Music Blogger Template ผลงานของบล็อกเกอร์ชาวอินโดนีเซียครับ ผมเก็บเข้า Collection ส่วนตัวไว้แล้วครับกะจะเอาไปทำบล็อกแนะนำโรงแรม รีสอร์ท หรือไม่ก็ว่าจะเอาไปทำบล็อกดูหนังครับ ถ้าว่าถึงลูกเล่นก็คงพื้นๆ ครับเพราะ Template ตัวนี้มันก็ Gallery ดีๆ นี่เองยังไม่มีอะไรแปลกใหม่ในตัวแม่แบบ แต่ที่ถูกใจจนผมเอามาแนะนำก็เพราะความ Classic ของมันครับ เจ้าของเขาออกแบบไว้ดีมากในส่วนของการวางสีใช้สีดำกับสีทองทำให้ดูดีมีชาติตระกูลเหมือนหญิงสูงศักดิ์ครับ (ว่าไปนั่น) Template ตัวนี้ผมยังไม่ได้ทำอะไรกับมันเลยครับเพราะมันก็ดูลงตัวแล้วครับ หากใครสนใจก็ดูตัวอย่างแล้วดาวน์โหลดเอาไปใช้กันครับ

DEMO : ตัวอย่าง

DOWNLOAD : ดาวน์โหลด

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
และเช่นเคยครับกับการปรับแต่งเบื้องต้น

ในส่วนของสไลด์จะเป็นการแสดง Random Post ของบทความ ให้เข้าไปที่การออกแบบเราจะเห็น Gadget แบบ HTML / จาวาสคริปส์ตามรูปให้เอาโค๊ดข้างล่างไปนี้ไปใส่ครับ

<div id="slider">

<script style="text/javascript" src="http://creatingwebsite.googlecode.com/files/slidergallery.js"></script>

<script style="text/javascript">

 var numposts_gal = 6;

 var numchars_gal = 150;

 var random_posts = false; // random posts

</script>

<script src="http://=ชื่อบล็อกของคุณ.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>

</div>

แก้ไขในส่วนสีแดงเป็น url ของบล็อกคุณ

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

หมายเลข 1 ให้เลือก Gadget แบบ HTMl / จาวาสคริปส์ แล้วเอาโค๊ดต่อไปนี้ไปใส่

<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script>

<script type="text/javascript" src="/feeds/posts/default/-/ชื่อป้ายกำกับบทความ?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

หมายเลข 2 ให้เลือก Gadget แบบ HTMl / จาวาสคริปส์ แล้วเอาโค๊ดต่อไปนี้ไปใส่

<script type="text/javascript">

function recentpostslist(json) {

 document.write('<ul>');

 for (var i = 0; i < json.feed.entry.length; i++)

 {

    for (var j = 0; j < json.feed.entry[i].link.length; j++) {

      if (json.feed.entry[i].link[j].rel == 'alternate') {

        break;

      }

    }

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs

var entryTitle = json.feed.entry[i].title.$t;

var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";

 document.write(item);

 }

 document.write('</ul>');

 }

</script>

<script src="http://ชื่อบล็อกของคุณ.blogspot.com/feeds/posts/summary/-/ชื่อป้ายกำกับบทความ?max-results=8&alt=json-in-script&callback=recentpostslist"></script>

<a href="http://ชื่อบล็อกของคุณ.blogspot.com/search/label/ชื่อป้ายกำกับบทความ" style="float:right;font:normal 10px Arial;padding:5px 0;">More Post &#187;</a>

ในส่วนของป้ายกำกับบทความต้องใส่ให้เหมือนกันน๊ะครับ

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

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

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