2015 เป้าหมายมีไว้ให้พุ่งชน

ความฝันไม่มีที่สิ้นสุด ต้นปี 2015 พบว่าหน้า Facebook ของตัวเองมีเพื่อนๆ และบรรดา "เทพ" สรุปผลงานปี 2014 และเป้าหมายปี 2015 กันอย่างมากมาย บางคนเดือนละ $1M บางคนเป้าหมายสิ้นปีที่ $1M เลยทำให้ตัวเองต้องฮึดขึ้นมาอีกครั้ง และเป้าหมายปี 2015 สำหรับงานเสริม Passive Income ที่ 10,000 $ จะทำอย่างไร ตลาดไหน ด้วยวิธีการแบบไหน?

ตกแต่งหน้าบ้านให้แตกต่างด้วยของฟรีๆ

มองดูหน้าบ้านตัวเองตอนนี้มันไม่มีอะไรเร้าใจ ไม่มีอะไรที่ดูแล้วเป็นแบบมืออาชีพ (เอ๊าฮาๆๆๆๆๆ) คงต้องหาอะไรที่ทำให้ blog ของเราดูดีมีชาติตะกูลขึ้นมาอีกสักหน่อย และเหตุผลสำหรับคนโง่ๆ ไร้ความรู้อย่างผม ก็คือ "มันมีภาษาปะกิตง่ายๆในการที่เราจะอ่านทำความเข้าใจ" ซึ่งเป็นข้อมูลสำคัญในการปรับแต่ง Templates ให้เป็นไปตามที่เราต้องการ

ติตตั้ง WPTOUCH Free Premium Blogger Template

ได้ Free Premium Blogger Template มาครอบครองเป็นที่เรียบร้อย แต่ดูเหมือนว่ามีอะไรจะต้องทำอีกเยอะแน่ๆ ตอนนี้อย่าเพิ่งไปหวังเรื่อง Passive Income เรื่อง หาเงินออนไลน์ เลย เอาแค่ติดตั้ง template แก้ไข ปรับแต่ให้ได้อย่างที่ใจต้องการก็คงจะยากล่ะ ก่อนอื่นเรามารู้จักกับ Template ตัวนี้กันก่อนดีกว่า ว่ามีคุณสมบัติอย่างไรบ้าง ตามที่เขาว่ามา ...

การปรับแต่ง Blogger Layout เพื่อให้ดูดี

เมื่อเราลอง View Blog ของเราดูแล้ว จะเห็นว่ามันขาดๆ เกินๆ ทั้งที่ Side Bar และ Footer ทุกคนเห็นด้วยไหมเอ่ย งั้นเราลองมาหาวิธีการปรับแต่ง Blogger Template เพื่อให้ดูดีขึ้นกันดีกว่านะ Blog ของเราจะได้สวยสดงดงามมากขึ้น

จัดการกับ Categories ตัวชี้บ่งสำคัญ

ทำไมตรง Categories มันขึ้นมาเยอะแยะขนาดนั้น ไม่ได้ทำอะไรกับมันเลยนะ วันก่อนยังมีกระติ๊ดเดียวอยู่เลย มาไงอ่ะตัวเธอออออออออออออออออออออออ ใช่อย่างที่เราคิดไหม ว่าเจ้า Categories นี่ดึงข้อมูลมาจาก Labels ที่เราใส่ในแต่ละ Post แน่ๆ ฉันคงต้องทำอะไรสักอย่างแล้วซินะ ไม่งั้นปวดหัวแน่ๆ

Sunday, September 11, 2016

Passive Income : ทดสอบการลงทุนเพื่อผลกำไร 10% ต่อเดือน

กำไร 10% ต่อเดือน ดีกว่าฝากธนาคาร

          ห่างหายไปนาน ส่วนหนึ่งคือการไปศึกษา Forex  เพื่อสร้าง Passive Income เทรดอย่างไรง่ายๆสบายๆ ให้ได้กำไร 10% ต่อเดือน ดีกว่าไปฝากธนาคาร เงินเย็นๆของเรา ไว้จะมาเขียนรายละเอียดให้ทราบ ไม่ได้ Trade Forex ด้วยตัวเอง แต่เป็นการ Trade Forex ด้วย EA - Expert Adviser ตัวนี้ครับ ไว้จะมาเขียนรายละเอียดให้ทราบ หากท่านใดใจร้อน ลอง click เข้าไปดูนะครับ ที่รูปเลยครับ

Saturday, January 30, 2016

บันทึกการ หาเงินออนไลน์ ของลุงกบ : แต่ง Blogger จับใส่ Related Post

แต่ง Blogger จับ Related Post ใส่ลงใน Post

related post for blogger with title by label

   กลับมาอีกครั้งครับ หลังจากห่างายไปนานพอสมควร เนื่องจากเพิ่งจะกลับมาเริ่มทำงานประจำใหม่อีกครั้ง เลยต้องปรับตัว ปรับใจ ให้เข้ากับสถานที่และสภาพแวดล้อมของที่ทำงาน และปรับอย่างหนักในการทำตัวให้เข้ากับวัฒนธรรมแคะคนในองค์กร ซึ่งผมจะหาเวลาในการอัพเดท แชร์ในเรื่องเกี่ยวกับ Active Income ของผมให้ทุกๆท่านๆก้อ่านกันอีกนะครับ คงจะทำให้เพื่อนๆได้เห็นอะไรๆอีกหลายๆอย่างในการทำงานต่างประเทศของผม

     มาเริ่มต้นกันดีกว่าครับ ว่าทำไมถึงคิดที่จะ แต่ง Blogger โดยการใส่ Related Post ลงใน post ก็เนื่องจากว่าผมเองมี blog เล็กๆ อยู่อีก 2-3 blog ที่ไม่ได้ใช้ Premium Template เหมือนอย่าง blog นี้ (อ่านเรื่องเกี่ยวกับ Premium Theme ที่ผมใช้ได้ที่นี่) ผมจึงได้พยายามที่จะค้นหาวิธีการที่จะ แต่ง Blogger ขั้นเทพ (555+ ดูเหมือนว่ากะแสเทพ มาแรง เลยขอสักหน่อยล่ะกัน) เพื่อให้ Blog ของเราดูดีขึ้นและช่วยอำนวยความสะดวกให้กับผู้ที่เข้ามาเยี่ยมชม Blog ของเรา สามารถหาอ่านเรื่องที่เกี่ยวข้องได้โดยง่าย และแน่นอน หากเราทำให้คนอยู่ใน blog ของเรานานๆ ย่อมส่งผลให้การจัดลำดับหรือการให้ความน่าเชื่อถือของ ฺฺBlog เราดีขึ้นไปด้วย นั่นคือการการ ทำ SEO ให้กับ Blogger นี่เอง

ขั้นตอนการแต่ง Blogger ขั้นเทพ โดยการใส่ Related Post ให้กับโฟสของเรา

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

ขั้นตอนที่ 1 : ให้ท่าน login เข้าสู่ Blog ของท่าน
ขั้นตอนที่ 2 : ไปที่ Template เลือก Edit HTML อย่าลืมนะครับ เหมือนเช่นทุกครั้ง ก่อนจะแก้ไขอะไร แนะนำให้ทำการ backup template เก็บไว้ก่อนครับ เผื่อว่าหากมีการผิดพลาดใดๆ ขึ้นมา จะได้มีตัวแก้ไข
Add Related Post To Blogger Post
ขั้นตอนนี้ยังขอให้ข้อมูลจาก Blog นี้ในการนำเสนอนะครับ
ขั้นตอนที่ 3 : กด Ctrl+F ใน template editor แล้วทำการค้นหา </body>
Add Related Post To Blogger Post

ขั้นตอนที่ 4 : ให้ทำการ Copy โค๊ดข้างล่างนี้ เอาไปวางไว้ก่อน tag : </body>

<!-- START RELATED POSTS WIDGET BY BLOGSPOT YARD -->
<b:if cond='data:blog.pageType == "item"'>

<style>
.related-posts {
width: 100%;
margin: 2em 0;
float: left;
}

.related-posts ul li {
list-style: none;
margin: 0 5px;
float: left;
text-align: center;
border: none;
}
</style>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>

//<![CDATA[
$(document).ready(function() {



//CODE OPTIONS

var maxSearched = 500;
var minimum = 3;
var maximum = 5;
var imageSize = 150;
var roundImages = false;
var relatedTitle = true;
var labelInTitle = true;
var relatedTitleText = "more posts about";
var defaultImage = "";
var campaignTracking = false;
var campaignSource = "";
var campaignMedium = "";
var campaignName = "";
var postLabels = $('.post-labels a');
var insertBefore = $('.post-footer');


//END CODE OPTIONS - DO NOT EDIT BELOW CODE

var labels=[];var label;var alternateLabel;var minposts=minimum-1;if(postLabels.length===1){label=postLabels.text().trim()}else if(postLabels.length>1){$(postLabels).each(function(){labels.push($(this).text().trim())});label=labels[Math.floor(labels.length*Math.random())];var labelLocation=labels.indexOf(label);if(labelLocation===labels.length-1){alternateLabel=labels[labelLocation-1]}else{alternateLabel=labels[labelLocation+1]}}if(label!==undefined){var title=$(".entry-title").text().trim();var labelCount=0;var alternateLabelCount=0;var matches=[];var url=$('link[rel="alternate"][title*="Atom"]').eq(0).attr("href");$.ajax({url:url,data:{"max-results":maxSearched,alt:"json-in-script"},dataType:"jsonp",success:function(e){$.each(e.feed.entry,function(t,n){if(e.feed.entry[t].category!==undefined){var r=[];for(var i=0;i<e.feed.entry[t].category.length;i++){r.push(e.feed.entry[t].category[i].term)}if($.inArray(label,r)!==-1){labelCount++}if($.inArray(alternateLabel,r)!==-1){alternateLabelCount++}}});if(labelCount<=minposts&&alternateLabelCount>=minposts){label=alternateLabel}$.each(e.feed.entry,function(t,n){if(e.feed.entry[t].category!==undefined){var r=[];for(var i=0;i<e.feed.entry[t].category.length;i++){r.push(e.feed.entry[t].category[i].term)}if($.inArray(label,r)!==-1){var s=e.feed.entry[t].title.$t.trim();if(s!==title){var o;for(var u=0;u<e.feed.entry[t].link.length;u++){if(e.feed.entry[t].link[u].rel==="alternate"){o=e.feed.entry[t].link[u].href}}var a;if(e.feed.entry[t].media$thumbnail!==undefined){a=e.feed.entry[t].media$thumbnail.url.split(/s72-c/).join("s"+imageSize+"-c")}else{a=defaultImage}if(matches.length<maxSearched&&campaignTracking===false){matches.push('<li><a href="'+o+'"><img src="'+a+'" alt="'+s+'" nopin="nopin">'+s+"</a></li>")}else if(matches.length<maxSearched&&campaignTracking===true){matches.push('<li><a href="'+o+"?utm_source="+campaignSource+"&utm_medium="+campaignMedium+"&utm_campaign="+campaignName+'"><img src="'+a+'" alt="'+s+'" nopin="nopin">'+s+"</a></li>")}}}}});if(matches.length>=minimum){if(relatedTitle===true&&labelInTitle===true){insertBefore.before('<div class="related-posts"><h5>'+relatedTitleText+' <span class="related-term">'+label+"</span></h5><ul></ul></div>")}else if(relatedTitle===true&&labelInTitle===false){insertBefore.before('<div class="related-posts"><h5>'+relatedTitleText+"</h5><ul></ul></div>")}else{insertBefore.before('<div class="related-posts"><ul></ul></div>')}matches.sort(function(){return.5-Math.random()});for(var t=0;t<maximum;t++){$(".related-posts ul").append(matches[t])}}insertBefore.css("clear","both");$(".related-posts ul li").css({"max-width":imageSize,"border":"none","padding":"0"});if(roundImages===true){$(".related-posts ul li img").css({"width":imageSize,"height":imageSize,"border-radius":"50%"})}else{$(".related-posts ul li img").css({"max-width":imageSize,"height":"auto"});}}})}
});
//]]>
</script>

</b:if>
<div style='display: none ! important;'><a href="http://www.blogspotyard.com" rel="dofollow">Blogger Widget</a></div>
<!-- END RELATED POSTS WIDGET BY BLOGSPOT YARD -->


ขั้นตอนที่ 5 : จากนั้นให้ทำการ Save Template เป็นอันเสร็จสิ้นการ

ลอง View Blog ดู เพื่อนๆจะเห็นในโฟสของท่านจะมี Related Post แสดงขึ้นมา ดังตัวอย่างจากภาพข้างล่างนี้ (ต้องขอโทษด้วยนะครับที่ต้องพ่นสีปิดปังอำพรางไว้นิดๆหน่อยๆ แต่เชื่อว่าเพื่อนๆ คงจะคลำทางเจอ blog นี้ของผมแน่ๆ 555+  ส่องได้ตามสบายครับ เพราะผมทำไว้มั่วๆ ยังไม่มีรายได้อะไรเลยมาจาก blog นี้หรือ blog อื่นๆ )
Related Post in Blog Post
Related Post in Blog Post

การปรับแต่ง Blogger ขั้นเทพ ในการใส่ Related Post

โค๊ดในการใส่ Related Post นี้สามารถปรับแต่งได้หลายอย่าง ซึ่งจะอยู่ใน //CODE OPTIONS บนส่วนหัวของโค๊ด และด้านล่างคือการปรับแต่งในแต่ละส่วน

Thumbnail Style:

var roundImages = false;
ค่าปกติคือ false จะแสดงรูป thumbnail เป็นแบบสี่เหลี่ยม หากจะให้มีมุมโค้งให้เปลี่ยนเป็น true

Related Posts Number:

var minimum = 3;
var maximum = 5;
ใช้แสดงจำนวนโฟสที่ต้องการว่าจะให้แสดงจำนวนกี่โฟส

Thumbnail Size:

var imageSize = 150;
ใช้กำหนดขนาดของรูป thumbnail

Widget Title:

var relatedTitleText = "more posts about";
เปลี่ยนข้อมความใน "xxx" เป็นข้อความที่อยากจะให้แสดงในรูปแบบของท่าน

var relatedTitle = true;
ถ้าไม่ต้องการให้แสดง title ให้เปลี่ยนค่านี้เป็น false

Label Title:

var labelInTitle = true;
จะเป็นการแสดง title ของ label โดยอัตโนมัติ (คือส่วนที่จะแสดงต่อจาก "more post about" + label title) แต่ถ้าหากไม่ต้องการให้แสดง Label Title ให้เปลี่ยนค่าจาก True เป็น False

หวังว่าบทความนี้จะช่วยให้เพื่อนๆ
แต่ง Blogger ขั้นเทพ ได้ตามที่ต้องการนะครับ ไว้พบกันใหม่คราวหน้าครับ

เครดิต : blogspotyard.com สำหรับการ แต่ง Blogger ขั้นเทพ ในการใส่ Related Post

Saturday, January 9, 2016

บันทึกการ หาเงินออนไลน์ ของลุงกบ : แก้ปัญหา Blogger/Blogspot เปลี่ยน URLs ไปตามประเทศที่กำหนด

How to stop blogger/blogspot redirect to countries specific URLs 

Stop Blogger Redirect to Specifics Countries URLs

สวัสดีครับ ห่างหายกันไปพอสมควรกับการอัพเดทครั้งล่าสุดก่อนปีใหม่ คงจะหายไปอีกสักพักใหญ่ๆครับ เนื่องจากต้องกลับมาอยู่บ้านหลังที่สอง ณ ประเทศสิงคโปร์อีกครั้ง ตอนนี้อยู่ในช่วงของการจัดเตรียมที่พัก ที่อยู่ อาศัย และเตรียมตัวที่จะไปเริ่มงานใหม่ในวันจันทร์ที่ 11 มกราคม 2559 นี้ ก็เลยแวะเข้ามาดู blog ของตัวเองและของคนอื่นหลายๆ blog พบว่า URLs ของ Blog เปลี่ยนเป็น Dot com dot SG หมดเลย และการเช็คค่าต่างๆ ผิดเพี้ยนไปหมด ดังนั้น จึงได้พยายามหาทางว่าเขาแก้ปัญหานี้กันอย่างไร ไม่ให้ Blogger/Blogspot ทำการ Redirects URL ของเราไปยังประเทศที่เขากำหนดเอาไว้ เรามาตามดูกันครับ กับการใช้งาน Blogger/Blogspot ของเรา

Sunday, December 27, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : มาทำลิงค์ภายในโฟสของ Blogger / Blogspot กันเถอะ

ทำลิงค์ภายในโฟสของ Blogger / Blogspot กันเถอะ

Table of Contents
internal post link blooger / blogspot
สวัสดีกันอีกครั้งครับ ช่วงนี้จะวนๆ เวียนๆ กับการทำ SEO ให้กับ Blogger หรือ Blogspot บ่อยสักหน่อยนะครับ เพราะยังเชื่อว่ายังมีเพื่อนๆหลายท่านอยากจะทำ blog เป็นของตัวเองโดยใช้ของฟรีอย่าง blogger หรือ blogspot ในการทำ อีกทั้งในต่างประเทศก็ยังเป็นที่นิยม และใช้ blog ฟรีเหล่านี้ในการทำเงิน ไม่ว่าจะจาก Adsense , ClickBank และ affiliate อื่นๆ  ไม่เว้นแม้แต่ Amazon (แต่เป็น Amazon สายขาวนะครับ สายปั่น หรือสายยัดก้นทำโฟสเยอะๆ ผมไม่ได้ทำมานานมากแล้วเพราะทำไปก็โดนลบและเสี่ยงกับการโดนแบนเป็นอย่างมาก 555+) 

สำหรับในครั้งนี้ สิ่งที่จะเอามาแชร์ มาเล่าสู่กันฟัง ก็เป็นเรื่องของการ ทำลิงค์ภายในโฟสของ Blogger / Blogspot ปัจจัยที่อยากจะทำเรื่องนี้ เกิดมาจากการที่นั่งมองโฟสฯ ของตวเองแล้ว บางทีมันจะยาวมาก การที่เราจะค้นหาหรือข้ามไปยังส่วนที่ต้องการดูในโฟส เป็นเรื่องที่ค่อนข้างลำบาก เลยอยากจะทำ Table of Contents แบบที่เห็นในเวปฯ ต่างๆ โดยเฉพาะเวปที่ทำด้วย Wordpress ซึ่งจะมี plugin รองรับให้ใช้งานอยู่มากมาย แต่ใน Blogger หรือ Blogspot ค่อนข้างจะยากในการทำ

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

ทำไมถึงต้องทำลิงค์ภายในโฟส?

นอกเหนือไปจากเหตุผลข้างต้นที่ต้องการให้ผู้ที่เข้ามาอ่านโฟสใน blog ของเรา สามารถเข้าถึงเนื้อหาที่สนใจและอยากอ่านได้โดยง่าย อีกเหตุผลหนึ่งที่เป็นปัจจัยสำคัญคือการเพื่อที่จะต้องการ Improve SEO ใช่ครับไม่ผิด เพื่อทำให้ blog ของเรามีคะแนแ SEO ที่ดีขึ้นในมุมมองของ search engine ต่างๆ โดยที่ blog หรือเวปไหนมีการทำโครงสร้างของลิงค์ภายในจะมีคุณภาพที่ดีกว่า blog หรือเวปที่ไม่มีก่ารทำ จะช่วยให้ผู้อ่านหาข้อมูลได้ง่ายแล้วยังทำให้ผู้ที่เข้าชม blog ของเรา อยู่กับเรานานขึ้นด้วย เป็นการช่วยเพิ่มค่า bounce rate ให้กับ blog ของเรานั่นเอง

วิธีการทำลิงค์ภายในโฟส

ตอนนี้เรามาเริ่มต้นการทำลิงค์ภายในโฟสกันดีกว่าครับ วิธีการไม่ยากจนเกินไปนัก หลักๆ คือเราจะใช้ ความรู้เกี่ยวกับ HTML พื้นฐานเป็นเครื่องมือในการสร้าง เพื่อไม่ให้เป็นการเสียเวลา เรามาลงมือกันเลยดีกว่าครับ เพียงแค่ทุกท่านทำตามขั้นตอนดังต่อไปนี้
1. ให้ท่านทำการ Login เข้าสู่ Blogger/Blogpot ของท่าน

2. ไปยังโฟสที่ท่านต้องการทำลิงค์ภายใน (Internal Post Link) โดยการเลือก Edit Post หรือสร้างใหม่ด้วย New Post


table of content internal post link in blooger/blogspot post
3. บทบทความที่ท่านเขียนให้ท่านหาดูว่าตำแหน่งในจะใช้ในการสร้างจุดเชื่อมโยงเพื่อไปยังเนื้อหาภายในโฟส ในตัวอย่าง ผมจะใช้โฟสนี้ในการทำ โดยเลือกที่จะสร้างจุดกระโดด ลิงค์ไปยัง 3 หัวข้อภายในโฟส จุดที่จะใช้กระโดดเป็นหัวข้อที่สร้างอยู่ในตาราง (table) และทำเป็น Table of Contents ไว้นั่นเอง

4. ให้ทำการเปลี่ยนโหมดในการเขียนบทความจาก Compose เป็น HTML ซึ่งจะทำให้เรามาารถแทรกและแก้ไขโค๊ดให้เป็นอย่างที่เราต้องการได้

5.กำหนดจุดเริ่มต้นที่เราจะทำลิงค์ไปยังเนื้อหาภายใน เรามาลองทำจุดแรกกันก่อน ในที่นี้ก็คือเราจะทำลิงค์ อืมมม ไปตรงกลางก่อนก็แล้วกันนะครับ เอาจุดที่จะใช้ลิงค์ไปในตาราง Table of Content ก็คือ "ทำไมถึงต้องทำลิงค์ภายในโฟส?"

6. รูปแบบของลิงค์ที่เราจะใช้ จะเป็นภาษา HTML ดังนี้ :
          <a href="#withinposts">ทำไมถึงต้องทำลิงค์ภายในโฟส?</a>
    <a href="#withinblogger">ทำไมถึงต้องทำลิงค์ภายในโฟส?</a>

อธิบายความหมายคร่าวๆ ให้ท่านได้ทราบ รายละเอียดลึกๆ ท่านสามารถหาอ่านได้ตามเวปทั่วๆไปนะครับ

  • href เป็นคุณสมบัติอย่างหนึ่งในภาษา html วึ่งจะต้องใช้กับแท๊กปิด ด้วย </a> ทุกครั้ง โดยเป็นคุณสมัติที่ใช้ในการทำลิงค์ว่าต้องการให้ไปที่ใด
  • ตัว identifier จะใช้เครื่องหมาย hash mark (#) เป็นตัวนำหน้าเพื่อใช้ชี้บ่งความเป็นการเชื่อมโยงภายในโฟส
  • ตัว identifier ทุกตัวจะต้อง Unique เพื่อป้องกันความสับสนและความผิดพลาดในการเชื่อมโยงและจะต้องอยู่ภายในเครื่องหมานคำพูด ("-") เท่านั้น
7. ขั้นตอนนี้ เราไปยังจุดที่เราต้องการทำการลิงค์กัน ใน HTML ก็คือจุดนี้
blogger internal post link start jump point
Point to jump
8. ณ จุดนี้ให้เราทำ Anchor text ในรูปแบบ : <a name="identifier">a heading</a> ซึ่งจะทำให้จุดแรกของเราเป็นแบบนี้
Jump pint HTML code
Jump pint HTML code
9. จากนั้นให้ไปที่จุดที่เราจะทำการ jump ไปยังเนื้อหาที่เราต้องการ โดยการกำหนด รุปแบบได้เป็นแบบนี้
Jump to HTML Code
Jump to HTML Code
10. ทำการบันทุกและ Publish Post แล้วทดสอบดูการเชื่อมโยง โดยที่หน้าตาของการเชื่อมโยงที่เสร็จเรียบร้อยแล้วจะเป็นแบบนี้
Completed Internal Post Link
Completed Internal Post Link

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

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






Thursday, December 24, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : เพิ่ม Breadcrumb ใน Blogger/Blogspot

Blogger SEO : เพิ่ม Breadcrumb ใน Blogger/Blogspot

Add Breadcrumb to Blogger and Blogspot
ใส่ Breadcrumb ให้กับ Blogger/Blogspot
ห่างหายกันไปนานกับการอัพเดท blog แต่ก็ไม่ได้ไปไหนครับ วนๆ เวียนๆ อยู่แถวๆ นี้ กับแอบไปหลงไหลกับเจ้า 3D Printing Technology สั่งเครื่องมาประกอบ สั่งเส้นพลาสติกมาพิมพ์ขึ้นงานดู แล้วก็แอบเขียน blog เล็กๆ เอาไว้ แต่ก็เช่นกันครับ ไม่ได้อัพเดทอะไรสักเท่าไหร่

มาวันนี้ก็ไม่มีอะไรมากครับ แค่อยากจะมาอัพเดทให้ทุกคนได้ลองทำกันดู เพราะว่าไปเจอเวปฯ หลายเวปฯ มากที่ทำ Navigator ให้กับเวปฯ ของเขา โดยใช้เทคนิคที่เรียกว่า "Breadcrumb" ที่ที่พบเห็นโดยมากหากไม่ใช้ Wordpress ก็จะเป็นสคริป์ที่เขียนขึ้นมา แต่ว่าเราๆ นี่ ใช้ Blogger หรือ Blogspot เป็นหลัก หากเราต้องการทำ Breadcrumb เราจะทำกันได้ไหม และทำอย่างไร?

What Breadcrumb will do on my blog?

ก่อนอื่น เราทุกคนคงอยากจะทราบซินะว่า เจ้า Breadcrumb นี่เขาเอาไว้ทำอะไร แล้วหากมีไว้ใน blog ของเรา มันจะเป็นอย่างไร ส่งผลอะไรให้กับ Blog ของเราบ้าง

การที่เราใส่ Breadcrumb เปรียบเสมือน หนูน้อยหมวกแดงโรยเศษขนมปังปังไว้ตามทางเพื่อให้กลับมาบ้านได้ถูก โดยที่ Breadcrumb จะอยู่ในรูปแบบของ การนำทางโดยตัวหนังสือ หรือที่เรียกกันว่า text-base navigation. 

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

ลักษณะของการแสดง breadcrumb จะเป็นในรูปแบบง่ายๆ แบบนี้
--------------------------------------------------------------------------
Home > Label > Post Title
--------------------------------------------------------------------------
ยกตัวอย่างจากโฟสนี้ (จะแสดง label ที่เยอะเป็นผลมาจากการใส่ label ของโฟสนั่นเอง) จะได้โฟสที่มี breadcrumb ในลักษณะนี้
Breadcrumb Example in Blogger and Blogspot
ตัวอย่าง Breadcrumb ของ post นี้

SEO Benefits from Breadcrumb

นอกเหนือไปจากการที่เราช่วยให้ผู่ที่อยู่ใน blog ของเราได้ไปไหนมาไหนสะดวกแล้ว Breadcrumb ยังช่วยเราในเรื่องของ SEO โดยจะเป็นตัวช่วยให้ search engine ที่เข้ามา สามารถไต่ไปยังส่วนต่างๆของ blog เรา โดยเฉพาะไปตาม Label ที่เราสร้างไว้ โดย search engine จะมองเป็น text link ตัวหนึ่ง ที่เป็นเสมือน keywords ของ blog เรานั้นเอง ภาษาที่พวกเราชอบใช้กันคือ ทำให้ "บอทไต่" ไปได้ทั่วทั้ง blog ของเรานั้นเอง

How to add Breadcrumb to Blogger or Blogspot Post

การใส่ Breadcrumb ลงใน Blogger หรือ Blogspot ไม่ไช้เป็นเรื่องที่ยากลำบากนัก หลังจากที่ได้ลองค้นหาข้อมูลตาม blog และ/หรือ เวปของต่างประเทศ พร้อมทั้งลองผิดลองถูก เพื่อทดสอบผลลัพธ์ จึงสรุปเป็นขั้นตอนให้ทุกคนได้ทำตามอย่างง่ายๆ ได้ดังนี้

  1. Login เข้าสู่หน้า  blog ของท่าน หากท่านยังไม่ได้ login
  2. ไปที่ Template
  3. ทำการสำรองข้อมูลของ Blog ไว้ก่อนทำการแก้ไข "สำคัญเป็นอย่างยิ่ง" หากเกดความผิดพลาดขึ้นมา ท่านจะได้เอาไฟล์สำรองมาทำการแก้ไข blog ให้กลับคืนมาได้ (หากท่านไม่ทราบว่าต้องทำอย่างไร ในการ Backup/Restore blog ของท่าน โฟสคอมเม้นท์ไว้นะครับ จะได้มาเขียนให้ทุกท่านได้ทราบอีกที)
  4. คลิกที่ Edit HTML เพื่อเข้าสู่หน้า Edit Template
    How to add Breadcrumb - Edit Template
  5. ค้นหา ข้อความนี้จาก HTML code โดยการกด Ctrl+F แล้วค้นหา <div class='blog-posts hfeed'> และ <data:defaultAdStart/>
  6. เมื่อพบแล้ว ให้ทำการก๊อปปี้ โค๊ดสีแดง ข้างล่างนี้ไปใส่ต่อจาก <div class='blog-posts hfeed'>
<b:includable id='main' var='top'>
<b:if cond='data:top.showPlusOne'>
<script expr:src='data:top.plusOneJsUrl'/gt;
</b:if>
<!-- posts -->
<div class='blog-posts hfeed'>
<!--Breadcrumb Hack - disable default status message
<b:include data='top' name='status-message'/>default status message disabled -->
<b:include data='posts' name='breadcrumb'/>

<data:defaultAdStart/>

      7.  จากนั้นให้นำ code ต่อไปนี้ ไปวางไว้ก่อน <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> 
<!-- No breadcrumb on front page --> 
<b:else/> 
<b:if cond='data:blog.pageType == "item"'> 
<div class='breadcrumbs'> 
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> 
<b:loop values='data:posts' var='post'> 
<b:if cond='data:post.labels'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> 
» <span><data:post.title/></span> </b:if> </b:loop> </div> 
<b:else/> 
<b:if cond='data:blog.pageType == "archive"'> 
<div class='breadcrumbs'> 
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </div> <b:else/> 
<b:if cond='data:blog.pageType == "index"'> 
<div class='breadcrumbs'> 
<b:if cond='data:blog.pageName == ""'> 
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/> 
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
Posts filed under <data:blog.pageName/> 
</b:if> </div> </b:if> </b:if> </b:if> 
</b:if>
</b:includable>

      8.  จากนั้นทำการ Save Template เป็นอันเสร็จสิ้นวิธีการใส่  Breadcrumb ให้กับ Blogger / Blogspot ของเราเพื่อให้คนที่เข้าเวป และช่วยในเรื่อง SEO ของ blog เราครับ

หาท่านใดมีข้อสงสัยหรือต้องการให้ช่วยเหลือในด้านใด รบกวนช่วยโฟสไว้ในคอมเมนต์ หรือที่ facbook fanpage ของเรานะครับ ไว้พบกันใหม่ครับ

Thursday, June 25, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : ตอน ภาษาอังกฤษ สำคัญไฉน?

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

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

          เพราะว่า โลกทุกวันนี้ เปิดกว้าง ความรู้ หรือ สิ่งต่างๆ มีอยู่รอบตัว ไม่ว่าจะงานประจำหรืองานไม่ประจำ จะ Active หรือ Passive สิ่งสำคัญที่จะทำให้เราห้าวต่อไปได้ในวันข้างหน้าก็คือ ภาษาอังกฤษ

อยากให้ทุกคนหันมาเรียนรู้ภาษาอังกฤษ กันมากๆ เลยขอเอา Video นี้มาฝากให้กับทุกคน
เนื่องจากได้มาลอยๆ จากไลน์ เลยไม่สามารถให้ เครดิต กับคนที่นำมาโฟสได้
แต่ขอยกเครดิตให้กับ คุณบัณทิต อึ้งรังษี (ซี่งเข้าใจว่าคงจะมาจากท่านฯ แต่จาก URL ไหน ท่านใดทราบ ช่วยแจ้งเพื่อ เครดิตกลับด้วยนะครับ)


   หวังว่าเพื่อนๆ ทุกคนคงจะเก่งภาษากันยิ่งๆ ขึ้นไปนะครับ

Sunday, May 31, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : สิ้นสุดชีวิตการทำงานของมนุษย์เงินเดือน Active Income


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

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

จากเคยมีเงินเดือนประจำกลายเป็นศูนย์ จะมุ่งมั่นเดินตาม Passive Income เส้นทางสาย IM อย่างเต็มที่ให้ประสบความสำเร็จเหมือนอย่าง "อาจารย์" ผู้ประสิทธิประสาทวิชามาให้ แม้ที่ผ่านมาจะไม่ประสบผลอย่างที่ควรจะเป็น แต่สิ่งที่ได้มาก็บอกได้ว่ามันเป็นเป็นได้ ขอเพียงตัวเองมีความมุ่งมั่นและพยายามให้เหมือนกับการทำงานประจำ

"การวางแผน" คงจะเป็นหัวใจสำคัญในช่วงเวลานี้
"การให้ความสำคัญและการจัดลำดับความสำคัญ" ก็เป็นหัวใจสำคัญอีกเช่นกัน

ต้องทำในสิ่งที่ตัวเองเคยทำได้ก่อน เพื่อให้ได้ "เงิน" มาต่อยอดงาน Passive Income อื่นๆในลำดับต่อ

การศึกษา การเรียนรู้ในการวางแผนธุรกิจ และอื่นๆ ต้องศึกษาเพิ่มเติม เพื่อเอาความรู้ปละประสบการณ์ในการทำงานแบบ Active Income มาแปลงเป็น Passive Income ในสายงานเฉพาะทางที่ตัวเองทำมา

กับการผันตัวเองเป็น Consultant เป็น Adviser ก็คงจะเป็นทางเลือกในแผนระยะกลาง ระยะยาว สำหรับการสร้าง Branding ของตัวเอง

แผนการสำหรับตัวเอง ตอนนี้คือ มุ่งหน้าเดินทางสาย Passive Income ด้วยการทำ IM, Internet Marketing เต็มตัว เพื่อหาเลี้ยงตัวเองต่อไป แล้วจะมาอัพเดท Blog นี้เรื่อยๆ นะครับ