Torsakun

1. Blogger เป็นพวก “ติดเน็ต”
Blogger จะใช้เวลาส่วนใหญ่อยู่หน้า computer เพื่ออ่าน Blog ของคนอื่น, ค้นคว้าเรื่องที่ตนเองสนใจ ฯลฯ ขาดเน็ตประหนึ่งขาดใจ เป็นพวกที่ถ้าหากว่าจะออกจากบ้าน ไปที่ไหนซักแห่ง สิ่งแรกที่คิดถึง คือ “ที่นั่น มีเน็ตหรือเปล่า” หุหุ  คุณล่ะครับ ติดเน็ตหรือยัง

2. Blogger บ้าเขียน เป็นชีวิตจิตใจ
เขียน เขียน เขียน Blogger ส่วนใหญ่จะมีพื้นฐานด้านการเขียน ที่ดีพอในระดับหนึ่งครับ จริงๆ แล้ว การมี Blog ปัจจุบัน ก้าวข้ามข้อจำกัดพื้นฐานเรื่องการเขียนไปแล้วครับ เพราะว่าการมี Blog สมัยนี้ สามารถใส่สื่อต่างๆ ลงไปได้ แต่สิ่งที่จำเป็นสุดๆ คือ “Blogger จะต้องมีทักษะด้านการสื่อสารที่ดี” เพราะหากเขียนไม่ได้ แต่เล่าเรื่องเก่ง ก็สามารถทำ Video Blogging (Vlog) ได้แล้วครับ ถามตัวคุณเองสิครับว่า ”คุณคุยกับชาวบ้านรู้เรื่องหรือเปล่า” ถ้าคุยรู้เรื่อง คุณก็ผ่านข้อนี้

3. Blogger รักที่จะทำ Blog ของเขาจากใจจริง
Blogger ระดับแนวหน้าของโลก ยังพูดความจริงข้อนี้เสมอครับ ดังคำกล่าวที่ว่า ” Do what you love, Money will follow” หลายๆ คนที่หันมาทำ Blog จุดประสงค์แต่ละคนไม่เหมือนกัน แต่สุดท้ายแล้ว คนที่อึดกว่า ย่อมได้เปรียบ ดังนั้น ถ้าคุณทำในสิ่งที่คุณรัก และ ชอบ คุณก็จะทำมันได้อย่างมีความสุข และยากมากที่จะหมดไฟ ในการทำ Blog คุณมีเรื่องที่ทำแล้วมีความสุขแล้วหรือยัง

4. Blogger จะรู้สึกดีเมื่อได้เขียน Blog ของเขา
ต่อเนื่องจากข้อที่แล้ว สิ่งที่คุณทำแล้วมีความสุข แล้วคุณรู้สึกดีได้หรือไม่ เมื่อได้แบ่งปันความสุขของคุณให้คนอื่นได้รับรู้ “ผู้ให้ย่อมได้รับ” ถ้าคุณพร้อมที่จะให้สิ่งที่ทำให้คุณมีความสุขได้แล้ว ผมก็เชื่อเหลือเกินว่า มีคนอีกจำนวนไม่น้อยครับ ที่สามารถรับรู้ ความสุขจากสิ่งที่คุณบอกเล่าผ่าน Blog ของคุณได้

5. Blogger เป็นพวกที่ขยันเรียนรู้ เทคโนโลยี ใหม่ๆ เสมอ
Blog เป็นเรื่องบน Internet อยู่แล้วครับ ดังนั้นจำเป็นอย่างยิ่งที่ Blogger จะต้องพยายามเรียนรู้เรื่องราวของเทคโนโลยี อาจจะไม่ต้องมากถึงขนาดเป็น Programmer หรอกนะครับ เอฟแนะนำว่า แค่เรียนรู้เทคโนโลยีที่เราต้องนำมาใช้งานเพื่อสร้างสรรค์ Blog ของเราให้ได้อย่างมีคุณภาพ และ ประสิทธิภาพแค่นั้นก็ได้ครับ

6. Blogger มีความเป็นผู้นำอยู่ในตัว
Blogger คือกลุ่มคนผู้นำเสนอสิ่งที่ตนเองชื่นชอบออกมาบนโลกออนไลน์ เพื่อให้คนทั่วไปได้รับรู้ว่าตัวตนของเขาจริงๆ แล้วเป็นอย่างไร ชื่นชอบอะไร ไม่ชอบอะไร ดังนั้นเมื่อคุณจะเป็น Blogger คุณต้องกล้าพอที่จะเล่าเรื่องที่คุณอยากจะบอกให้โลกได้รับรู้ เพราะถ้าคุณไม่กล้าพอที่จะเล่าเรื่องที่คุณคิด คุณก็จะทำได้แค่ เล่าเรื่องที่ฟังเขามาอีกที แล้วมันจะมีประโยชน์อะไร ถ้าบ้าน (Blog) ของคุณ กลายเป็นที่แสดงความคิดเห็นของคนอื่น (ฟังเขามา) Blogger คือผู้ที่กล้าลองสิ่งใหม่ๆ อยู่เสมอด้วยครับ แล้วคุณล่ะ กล้าพอหรือเปล่า

คุณสมบัติ 6 ข้อนี้ ถ้าคุณมีครบ อย่ามัวรีรอเลยครับ โลกแห่ง Blog (Bloggosphere) กำลังรอคนดี มีฝีมือ อย่างคุณ มาเติมสีสรร อยู่
เริ่มต้นเขียน Blog เถิดครับ ท่าน Blogger ระดับเทพ

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

1.โปรแกรมโฆษณา (Advertising Programs)

นี้เป็นหนึ่งในวิธีที่ใช้มากที่สุดในการหารายได้เพราะมันง่ายที่จะเพิ่มไปยัง Blogger ของคุณและโปรแกรมการโฆษณาที่มีชื่อเสียงมากที่สุดคือ Google Adsense .
โปรแกรมนี้ใช้งานง่ายเพราะคุณไม่ได้ทำสิ่งใด เพียงแค่มีบล็อกแล้วสมัครเข้าร่วมโปรแกรมผ่าน Blogger ได้เลย และเพิ่มไปยังบล็อกของคุณและจากนั้นกำหนดตำแหน่งโฆษณาว่าจะให้วางไว้ตรงไหน
โปรแกรมโฆษณาอื่น ๆ
- bumq.com
- adyim.com 

2.พันธมิตรด้านการตลาด (Affiliate Marketing)

โปรแกรมนี้เรียกง่ายๆว่าเป็นนายหน้าในการขายสินค้าและบริการเป็นลักษณะการนำเอาลิงค์หรือแบนเนอร์มาโฆษณาที่บล็อกของเราเมื่อผู้เข้าชมของคุณเยี่ยมชมและคลิกเข้าสู่เว็บพันธมิตรและผู้ชมของคุณได้ซื้อบางสิ่งบางอย่างในนั้น ไม่ว่าจะเป็นสินค้าหรือบริการใดๆขึ้นอยู่กับเว็บๆนั้นก็ตามคุณก็จะได้รับรายได้จากค่าคอมมิชชั่น หรือ นายหน้า ตัวอย่าง โปรแกรมนี้ สินค้าบริการประเภทนี้ ให้ค่าคอมมิชชั่นจากการขาย 5%-50% ต่อการแนะนำบริษัท พันธมิตรด้านการตลาดเช่น

ผู้ให้บริการ Web hosting และจด Domain name
- www.yourconnect.com

จำหน่ายเว็บไซต์สำเร็จรูป
- www.myjob.tht.in

และอื่นๆอีกมากมาย เอาไว้ผมจะมาแนะนำใหม่

3.ขายสินค้าบนบล็อกของคุณ (Sell Products On your blog)

คุณสามารถขายสินค้าที่เกี่ยวข้องกับบล็อกของคุณหากคุณมีทุนและของที่ดีอยากแนะนำหรือขาย คุณสามารถขาย e-books, เสื้อผ้า น้ำหอม และอื่น ๆ อีกมากมายในที่นี่คุณอาจจะขายผลิตภัณฑ์ของตัวเองหรือผลิตภัณฑ์ของคนอื่นก็ได้

4. ขายพื้นที่โฆษณาบนบล็อกของคุณ (Sell Advertising Space On Your Blog)

วิธีนี้เป็นวิธีที่ดีอีกวิธีครับ เพราะถ้าบล็อกของคุณมีผู้ชมมากๆ ต่อวัน และบล็อกมีเนื้อตรงหรือเกี่ยวข้องตามที่ผู้เช่าโฆษณาต้องการ และเช่าพื้นที่บนบล็อกของเราก็จะได้รับรายได้ครับ

***นี่ก็เป็นวิธีหารายได้บนล็อกของเราครับ เลือกวิธีอย่างใดอย่างหนึ่งหรือจะทำทุกวิธีก็ได้นะครับ***

AppServ คืออะไร

AppServ เป็นชุดโปรแกรม Open Source จำลอง Server หรือ Hosting  ในเครื่องคอมพิวเตอร์ของเรา ก่อนอัพโหลดขึ้น Server หรือ Hosting จริง ซึ่งในชุดโปรแกรมนี้ประกอบด้วย

Apache

PHP

MySQL

PhpMyAdmin

1.ไป Download AppServ จากเว็บนี้ www.appservnetwork.com เลือกเวอร์ชั่นที่ต้องการ ในที่นี้จะใช้ AppServ 2.6.0 เวอร์ชั่นไหนติดตั้งเหมือนกันครับ

2.เมื่อได้ไฟล์ AppServ มาแล้ว ดับเบิ้ลคลิกที่โปรแกรมเพื่อเริ่มการติดตั้ง หรือคลิกขวา open ก็ได้ จะเข้าสู่หน้า Welcome

3.คลิก Next  เพื่อดำเนินการติดตั้งต่อไป

4.หน้านี้เป็นหน้าเงื่อนไขการใช้งานโปรแกรม คลิก I Agree เพื่อยอมรับเงื่อนไข

5.หน้านี้เป็นหน้าเลือกที่อยู่การติดตั้งโปรแกรม เสร็จแล้วคลิก Next

6.เลือกชุดโปรแกรม ในที่นี้เลือกทุกอัน เสร็จแล้วกด Next

7.Sever Name : ใส่ชื่ออะไรก็ได้ ใส่ Email ของเรา จากนั้นคลิก Next

8.ใส่รหัสผ่าน ยืนยันรหัสผ่าน เสร็จแล้วคลิก Install

รอสักครู่โปรแกรมกำลังติดตั้ง

9.เสร็จแล้วคลิก Finish เสร็จแล้วครับ ต่อไปมาลองทำสอบเข้าใช้งานกันครับ โดยเปิด Browser ขึ้นมาพิมพ์คำว่า localhost ที่ช่อง URL Address ถ้าติดตั้งเสร็จสมบูรณ์จะได้เหมือนรูปนี้

จะใช้อันไหนก็ขึ้นอยู่กับงานของแต่ละคนครับ

หน้า login เข้าใช้งานครับ ชื่อผู้ใช้ root รหัสผ่าน คือรหัสที่ได้ตั้งไว้ข้างต้น สำหรับการติดตั้ง โปรแกรม Appserv ก็มีอยู่แค่นี้ครับ

บทความนี้จะมาแนะนำ Tip Microsoft Word 2007 จะรวมเทคนิคการใช้งานซึ่งคุณอาจจะยังไม่รู้ และไม่เคยได้ใช้เพราะไม่รู้ว่าจะใช้ยังไงจะทำอย่างไร ลองอ่านบทความนี้อาจจะมีประโยชน์ต่อคุณ

ทิป 1 : การแทรก Symbols ลงไปในเอกสาร

ทิป 2 : เพิ่มรูปแบบการขีดเส้นใต้

ปกติการเขียนเส้นใต้ก็มักขีดเส้นเดียว แต่ในเวอร์ชันนี้ เลือกรูปแบบการขีดเส้นใต้ได้มากกว่านั้น
1. คลิกปุ่มลูกศรชี้ลงข้างปุ่ม Underline
2. จะแสดงเส้นรูปแบบต่าง ๆ ลากคลิก
3. ดูผลลัพธ์เส้นที่ปรากฏ
4. นอกจากนี้ ยังสามารถกำหนดสีของเส้นได้อีกด้วย โดยคลิกปุ่มลูกศรข้างปุ่ม
5. แล้วเลือก Underline Color
6. คลิกเลือกสีที่ต้องการสีของเส้นจะปรากฏขึ้นทันที

ทิป 3 : การแทรกตารางจากเอ็กเซล

ทิป 4 : รวมสองเซลล์เข้าด้วยกัน

ทิป 5 : ใส่สีสันให้ตาราง

ทิป 6 : แทรก Theme ให้กับเอกสาร

ทิป 7 : การเพิ่มขอบให้กับตาราง

ทิป 8 : สร้างพรายน้ำด้วยข้อความที่ต้องการ

ทิป 9: การแทรกรูปภาพพร้อมแทรกเอฟเฟ็กต์

ทิป 10 : การแทรก Headers และ Footers

ทิป 11 : การแทรก Footnotes และ Endnotes

ทิป 12 : การพิมพ์หน้าซองจดหมาย

ทิป 13 : การพิมพ์ลาเบล

ทิป 14 : การทำ Mail Merge

ทิป 15 : พิมพ์หน้าซองด้วย Mail Merge

ทิป 16 : การสร้างรูปแบบสไลต์

ทิป 17 : การลบข้อมูลในเรคคอร์ดที่ซ้ำซ้อนกัน

ทิป 18 : ซ่อน Ribbon ในเอ็กเซล 2007

ทิป 19 : ก็อปปี้สไลต์รูปแบบ

ทิป 20 : เปลี่ยนดีฟอลต์ฟอนต์

ทิป 21 : บันทึกไฟล์ PowerPoint ให้อยู่ในรูปแบบของ PDF

ทิป 22 : ใส่พาสเวิร์ดป้องกันพรีเซนเตชั่น

ที่มา : หนังสือไมโครคอมพิวเตอร์

สวัสดีครับ วันนี้ผมไปเจอเว็บ FREE Search Engine Submission เว็บหนึ่ง ครับช่วยให้เว็บ หรือ บล็อก ของเราเป็นที่รู้จักของ Search Engine มาขึ้น ซึ่งเว็บนี้ถือว่าดีมากๆครับ เพราะเราไม่ต้องเสียเวลามานั่ง Submission ที่ละเว็บครับ มีทั้งบริการฟรี และแบบคิดค่าบริการ แบบฟรี Submission ได้ประมาณ 4o เว็บครับ ตามลิงค์ Submit FREE to 44 Search Engines แบบคิดค่าบริการSubmit to over 300 Search Engines for just $4.95

ไปที่เว็บนี้ searchenginesubmission

วิธีใช้ เพียงแค่เรา กรอก URL แล้ว Email เสร็จแล้ว คลิก ADD URL ได้เลยครับ

เมื่อคลิก ADD URL เสร็จแล้วจะได้แบบข้างล่างนี้ครับ

สีเขียวคือ Submit สำเร็จ ครับเป็นไงครับ ง่ายแค่นี้ก็ทำให้ประหยัดเวลา ดีกว่ามานั่ง Submit ทีละเว็บถ้าดีอย่าลืมบอกต่อนะครับ

Slide สำหรับเปิด Gadget Social Bookmarking ต่างๆ รูปหัวใจ ทำได้ง่ายๆ ตามขึ้นตอนดังนี้ครับ

1.ไปที่ Blogger ของคุณ >> แผงควบคุม >> แม่แบบ >> แก้ไข HTML >> ขยายแม่แบบเทมเพลต

2.ค้นหา code </head> และวาง code ต่อไปนี้ ก่อน </head>

<!-- Social Bookmarking Gadget By http://www.helperblogger.com/ start--> <script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script> <link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/> <!-- Social Bookmarking Gadget By http://www.helperblogger.com/ end-->

3.ต่อไปค้นหา code </body> แล้ววาง code ต่อไปนี้ก่อน </body>

<div style='position: fixed; bottom: 3%; left: 2%;'> <div class='shareEgg' id='shareThisShareHeart'/> </div> <script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

ทำตามขั้นตอนข้างล่างครับ

1.เข้าสู่ระบบ Blogger ของคุณ >> แผงควบคุม

2.ไปที่รูปแบบ >> เลือกเพิ่ม gadget HTML/JavaScript ไม่ต้องตั้งชื่อ gadget

3.วาง code ต่อไปนี้ลงไป

<!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("twitter username");</script
type="text>
<!-- End Twitter Follower Box –>

***ส่วนปรับแต่ง สามาปรับความ กว้าง สูงได้ตามต้องการครับ

twitter username ให้แทนที่ด้วย ชื่อ twitter username ของคุณครับ

width: 295px;  กว้าง

height: 250px; สุง

4.เสร็จแล้วบันทึกดูบล็อกได้เลยครับ

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

แผงควบคุม >> แม่แบบ >> แก้ไขHTML >> คลิกขยายแม่แบบเทมเพลต

1.ค้นหา code </head> แล้วว่าง code ต่อไปนี้ ก่อน </head>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

*** ส่วนปรับตั้งค่า

summary_noimg = 430; ข้อความของบทความย่อที่ไม่มีภาพตัวอย่างแสดง

summary_img = 340; ข้อความของบทความย่อเมื่อมีภาพตัวอย่างแสดง

img_thumb_height = 100; ความสูงของภาพตัวอย่าง

img_thumb_width = 120; ความกว้างของภาพตัวอย่าง

ส่วนนี้สามารถปรับแต่งได้ตามต้องการครับ

2.ค้นหา code <data:post.body/> ในบาง template อาจจะพบหลายที่ ให้แก้ไขใน code ที่พบ แล้ว ให้แทนที่ด้วย code ต่อไปนี้ 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

3.เสร็จแล้ว ให้คลิกดูตัวอย่าง หรือจะบันทึกแล้วดูบล็อกเลยก็ได้

]]></b:skin>

2.เพิ่ม code ต่อไปนี้ ก่อน code ]]></b:skin>

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

</body>

<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>  

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBLoX54Mgw5hmvDldN5aguyaEmH4EW9O-WTTtvz9lEm7Xbkh1KYXX0KZdqOxJ_-ImvrXtn4XpYGW7sHyRzL8RHVQRB-jFpkqPCKswlKLbqSC0-QzmWA1dCzducNTKzqlIbdLome3ELnzwo/s1600/bttp-5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUXU1GQhJvDcGBCiOVBRojt0PHaCR1pXaW1IrTYmCmrRGpqmPuSWBjNdhjG-r8JpGKk5YGCXTtkCW7F3agN1Cd1n7jO8A4dfBqq85ynHoFkWXUQDUyx-qhPQGMELV-hNcl-Ff639vn-3n/s1600/bttp-4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKhDxc8QUld56YuMYbNf-G3_aNNrSeHjwWEnsn0xL5GaNh8SulqMTISVNKcq3wk1BJ-0p1NkMthyWcWW0a8k-Zd9Ww8XCBWF7S8nIOwGZ8G7CuzcK9mH9vptDeHDefxq2B6gtRUU9yplfs/s1600/bttp-3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtoH-rZVHXRJq603UgiLFV8r5GB5JXJut9FtEbEfi5iTbOWDR_8VI_iC5OwFNpLWNGAGjOFVs3VtGOCkmCtsck5Vc_MWcnyWjjx9RmLXObk33BT4ysMJ1_903RDSRhbXGZJLLm8m-YSJlf/s1600/bttp-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7PTK1xSRhxhnu3wqWqMbqNAL-9dgv5VK9_r_J4yJr3Dtirah-zj7iIDBZsSNMCz56cVZjwR0dhf_V963LUMz1tugWVAnIIDYOD2w5qKxW4kjhs9zPORtrKeqCTZj7zrv6lJnCn5bVmK9-/s1600/bttp-2.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifPfoUW7I8DjUz9PeAcqD6QDZuooXXC0NhWt5-JNj1-A1CJmSVuFqxlqokv9MReKCZoRzZq_1CS2E-u0e_k8C1Wk9ZxHMIBxZYgc_QDNWs4EikHfbWqUSlcvWp-52ZBTTX5hcuSg-pP17-/s400/20.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgExiiGepYFV2uebQFL7NIb8Cd06r5Vx4i2-Iy1-psaSiuSL9orD7a7dflmci2_jNxrFVxf-ZzmtwUhcZtGZngbw2pBY4u1jFMpGgT8ymfb09HhyphenhyphenkFD00Vyff6FC9mJhU02qOHkimmsNePy/s400/bttp-19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjotMEX3FiNdBKNArnWgvfVTXGKHDdhGw4hOBg9iYal-eD2QOuoqe1kCFF-fd0bZyVdk4s1CN0RjvXuSpkKaUD6pWJX3MTlglCu5iodGlQcp4npN3-2Z69wBY0qTES-YeIKDRy1g7UryutN/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3q5fnfX73K_i3j4ovZsLtw8r062xgXcSWZJTRMdqN-y3fgRizfTTMMoZGLA1Ibu8jCqMxzWkBjePO0acG-J2Be-tg-vcIKDVn7ynOAjwyPFWgrKrZkfKEazSZ64qzKRnekLytPYtUxELn/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9DxyRJ4zJ5g7dLrYh-vEx3dZFfs8patZu8lfoVuXgDHgFbqsxgX-DLd30mTBsIJAnhoY3cNKGb6Fbyrns91-2Y5Nmey3lCPJiGGSdqKFcDdSgkYZk2rXoaqjimBe0Jna9sLvgDESLT8fG/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzDujo_Rff919RUN93ZfC28OztEp0GJr4d9ULuKCxdJvTsBbHDEVAx8EH-ZIekCi3DC6g1p12CLQ4JpZ5yXHvDILd1TNtWpGoxrAxBefvSISZm0MK1kakT4umr7mxjIPU8tZfmVuRk6ycQ/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcZJ1uEH0l1UEQGOC4RxRrID2V8lZnFPO_2NuwBWwnnQ3YIUYuh_oiDO1KW3aJqBpnveskQ4QAimEmh1iXNTInglXJCLR33eomcjBY9J5U4Je_OaAQ-SpqbE_h4qLBUti5t4BqEL7Zy7J/s400/bttp-13.png

แบบที่ 20

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGqFA3oqp7tZvhpa1wiuMniAz-A8MG5tS4vpO3KDSUmQ651wkjm9Av-5XfZv6x-Q0dRwwxalZVnf3LmiCBNWjXNrUxOS_U_MMcJbD7k1mA8j4-UhUe1zOJ3HFveTVskG84RrPoU9wFOHP9/s400/bttp-12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJO5vg9212innQp91qKj8A3xy1LTVPFuVcd9mM4AzbrutsnTj5COmcearq3MXZVJuh0K2yS9C6Y3LiBAAUn_G-y_KbwarFRLwXU2nzcRo6M5xWk3zdSwioxlTRcQduU-4rT8clWhAfEgfI/s400/bttp-11.png

แบบที่ 22

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMeGL9ViiP2Yyd9aWmKn3bdN1-StOX375luulYmHBzanS5yqkDN2ktImQscF-JpMNluorcgQYf4K1JwX7lJW04O342Gs7mPi9P0I8tUxhyZjoT-OBFdEeijpMjgy1tffMIBqcL8s5bkr2/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMeGL9ViiP2Yyd9aWmKn3bdN1-StOX375luulYmHBzanS5yqkDN2ktImQscF-JpMNluorcgQYf4K1JwX7lJW04O342Gs7mPi9P0I8tUxhyZjoT-OBFdEeijpMjgy1tffMIBqcL8s5bkr2/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq97YPB0C6ntX-YspAj7dS-qFHwZtSP7bnAuOpEXHQdT0cvHpZpSRRNq-9dUYqXuUceONCtYpdWsv6qO33vLyVSxegVcPDDaJiXTCCiO3bp_if3WA1Ta-SS2AuB59ihtSsd-cf6ORQzP5c/s400/bttp-8.png

วิธีการเพิ่มไอคอน Social Bookmaking ไปยัง Blogger 

วิธีทำ ทำอย่างไรมาดูกันอีกครับ

ไปที่แผงควบคุมของ Blogger >> รูปแบบ เลือก HTML / JavaScript
วาง code ด่านล่างและบันทึก

<style>p#hb_socialicons img {

/* Social Icons With CSS3 For Blogger */

-moz-transition: all 0.8s ease-in-out;

-webkit-transition: all 0.8s ease-in-out;

-o-transition: all 0.8s ease-in-out;

-ms-transition: all 0.8s ease-in-out;

transition: all 0.8s ease-in-out;

}

p#hb_socialicons img:hover {

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);

}

/* Social Icons With CSS3 For Blogger */

</style>

<center><p id="hb_socialicons">

<a href="http://www.facebook.com/ YOUR ID /">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirm_NdDApQVbxMkqrM2qhGcMwfrxqfy1WXBp1ycvlaB5ievVIo3_3CVYLVIgSGDFshjVPr-mFwPZ4Ot43Kt01FhG0Sp1wZEmYsgodcke-oCb3TN9nTiV5SLpIrdW-DdrcdLzQJgyaB62k/s1600/helperblogger.com-facebook.png" /></a>

<a href="http://www.twitter.com/ YOUR ID /">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs366ApJA4LnCKpB5VioVhBFlovVBdj2POjMxJRtmN-YurGPfj6ZagwNQ-eTQrPfVtR1XLM-ttporblYfWwdvF23CZDVY3S5jTWbi1BMjcmNv8Mm7SRs07DZTG1etGJNo-23FMNJc3LIE/s1600/helperblogger.com-twitter.png" /></a>

<a href="https://plus.google.com/u/0/ YOUR ID ">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir84-8cCyMBRNB_qa13-vRlcb-fhim5eOsVYvyRPgS3linePUxL97RrryZVP0WosQFIw6AfrShRHojHYFRhE3HfSjHy2S6Szg0vw2tgEMKGCneXZqm_yM75FY6QVBOVbiVk7VWwlj4mls/s1600/helperblogger.com-google_plus.png" /></a>

<a href="http://www.feeds.feedburner.com/ YOUR ID /">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOGudaTgklnUdO84iyka79_LLnHRvjdbg1bSiCsvlR-FApD5afEUpZa3e_q5MduoI70SxgTYSQXkBuHQGHVH08doUXFcL59V5LK3VG86gkxJtt3U4XTfof7Ak87NjlRUeBiQ0TMtQSMJM/s1600/helperblogger.com-rss.png" /></a>

<a href="http://www.youtube.com/ YOUR ID /">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyLd56t5TNS3FthHCHVC_HrnbzOZeSVr-loZcpA9wprRvyaGSTshsgP5kMafA3kFE0HtbKt0v_RyYMPyKvFq68D_w5Q-uBw8_YkTjZ5RtVOoU9NxLg5jxRDwniFYmXaU-dlqjkvXHEIUs/s1600/helperblogger.com-youtube.png" /></a>

</p></center>

เสร็จแล้วบันทึก แล้วไปดูบล็อกกันเลย รับรองไม่ผิดหวังครับ

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

ตัวอย่าง

วิธีทำปุ่มนี้ทำอย่างไรมาดูกันครับ

1.ค้นหา code (Ctrl+f) </body> แล้ววาง code ข้างล่างก่อน code ดังกล่าว

<style type="text/css"> #MD-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:120px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:60px;right:60px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;} </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() {     $.fn.scrollToTop = function() {     $(this).hide().removeAttr("href");     if ($(window).scrollTop() != "0") {         $(this).fadeIn("slow")     }     var scrollDiv = $(this);     $(window).scroll(function() {         if ($(window).scrollTop() == "0") {         $(scrollDiv).fadeOut("slow")         } else {         $(scrollDiv).fadeIn("slow")         }     });     $(this).click(function() {         $("html, body").animate({         scrollTop: 0         }, "slow")     })     } }); $(function() {     $("#MD-StoTop").scrollToTop(); }); </script> <a href='#' id='MD-StoTop' style='display:none;'>Scroll to Top</a>

2.เสร็จแล้ว บันทึกเทมเพลต แล้วคลิดดูบล็อกได้เลยครับ

วิธีทำปุ่ม Like Facebook  ทำอย่างไรนั้นมาดูกันครับ

ไปแผงควบคุมของ Blogger> ออกแบบ> แก้ไข HTMLก่อนทำอย่างลืมสำรองแม่แบบไว้ก่อนนะครับ กันพลาดได้
ติ๊กขยายเทมเพลต และ ค้นหาด้านล่างรหัสในแม่แบบของคุณ

ถ้าต้องการให้ปุ่มนี้ อยู่ใต้ชื่อบทความของคุณให้ค้นหา code แล้ววาง code ก่อน code ข้างล่าง

<data:post.body/>

และถ้าต้องการให้ปุ่มนี้  อยู่ใต้บทความของคุณให้ค้นหา code แล้ววาง code หลัง code ข่าล่าง

<data:post.body/>

แบที่ 1

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

แบบที่ 2

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

แบบที่ 3

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>