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, 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 นี้เรื่อยๆ นะครับ

Wednesday, April 15, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : ใส่ SEO Meta Tag Title,Description และ keywords ให้กับ Blogspot


How to add SEO Meta Tags Title, Description and Keywords in Blogspot


     สวัสดีปีใหม่ไทย วันมหาสงกรานต์ วันหยุดยาวกลางๆ กับย๊าวยาว สำหรับบางคนหรือหลายๆคน หวังว่าทุกท่านคงจะมีความสุขกันนะครับ ส่วนผมไม่ได้ไปไหนไกล อยู่ในรัศมีบ้านไม่เกิน 30 กิโลเมตร แต่ก็ออกจากบ้านทุกวันตอนสายๆ กว่าจะกลับมาก็ดึกดื่นทุกวัน ออกไปแบบนี้ทุกท่านคงจะเดากันได้นะครับ ว่าไปทำอะไรมา อิๆๆๆ
     เข้าเรื่องของเรากันดีกว่า ห่างหายกันไปนานกับการเขียน Blog ตั้งแต่ตัดสินใจเรื่องใหญ่ๆ ไปเมื่อไม่นาน วันนี้เลยถือโอกาสมาเขียนบล๊อกให้ทุกคนได้อ่านกันบ้าง ช่วงนี้กระแสเขียน Blog กระแส Digital Information Product, Entrepreneur และ Infopreneur บ้านเรากำลังมาแรง เบียดบังกระแสเรื่อง Scripts เรื่องปั่นเวป เรื่องขาย Ebook สอนปั่น สอนขายของพวก ClickBank, Amazon, Viglink แทบจะหายเงียบไปกับสารบบกันทีเดียว (หรือว่าเราหาไม่เจอหว่า ขลุกแต่กำับงานประจำมาเป็นปีจนตกข่าว)
     อาชีพ Infopreneur กำลังเป็นที่สนใจ รวมถึงตัวผมด้วย แต่คงจะไม่มีปัญญาไปสัมนากับเขาหรอกครับ ช่วงนี้เอาตัวให้รอดไปวันๆ ก่อน แต่มีสิ่งหนึ่งที่น่าสนใจสำหรับคนใหม่ๆ ที่เข้ามาตรงนี้ ในมุมของคนที่ทุนน้อย ก็ต้องศึกษาหาความรู้ใช้ของฟรีไปก่อน เหมือนกับ Blog ของ "ลุงกบ" นี่แหละ เอาไว้ฝึกฝีมือ ทดลอง ทดสอบอะไรไปเรื่อยๆ  วันนี้เลยจะมาแชร์ถึงเรื่องๆ หนึ่งที่เป็นหัวใจของการทำ Internet Marketing หรือหัวใจในการหาเงินออนไลน์ ซึ่งต้องทำให้เป็นที่ถูกอกถูกใจของท่าน Google เพื่อให้เขารู้ว่าเวปหรือ Blog ของเราเป็น Blog เกี่ยวกับอะไร เพื่ออะไร ให้เขาเก็บรายละเอียดของเวปเราเข้าไว้ในฐานข้อมูลของเขา จะได้สะดวกในการยกขึ้นมาเสริฟให้กับคนที่ค้นหาข้อมูล
     ใช่แล้วครับ สิ่งที่ขาดไม่ได้คือเรื่องของ "SEO" รายละเอียดว่า SEO คืออะไร ท่านหาอ่านได้ตาม Internet นะครับ มีความรู้เรื่องนี้เยอะมาก ผมเป็นมือใหม่ ยังไม่สามารถจะนำมาเรียบเรียงตกผลึกให้ทุกคนได้ รู้แต่เพียง งูๆ ปลาๆ แต่วันนี้จะมาลองทำกันในส่วนที่เราเรียกกันว่า "SEO Meta tags" 

SEO Meta tags เป็นสิ่งที่สำคัญมากๆ สำหรับทุก blog
     วันนี้เราจะมาใส่ SEO Meta Tags Title, Description and Keywords ให้กับ Blogger หรือ Blogspot ของเรากัน. Meta tags จะเป็นข้อมูลที่สำคัญทั้งหมดของ blog เราที่จะถูก bot ของ Google นำไปเก็บรวบรวมเพื่อใช้ในการเสดงผลการค้นหาของ search engine (รวมทั้งของ SERP อื่นๆ เช่น Bing, Yahoo และอื่นๆอีกเช่นกัน). ตรงจุดนี้ เรามาทำความเข้าใจกันอีกนิดว่า Meta tags จะไม่แสดงผลบนหน้าเวปหรือ blog ของเรา แต่จะแสดงในผลการค้นหาของ search engine results ที่เกี่ยวกับเวปของเรา (หวังว่าคงจะไม่ งง กันนะครับ มือระดับพระกาฬกันทั้งนั้น). ในแต่ละส่วนของ Meta จะแสดงผลเกี่ยวกับ page description, keywords, author, author email and other metadata. เจ้าแมงมุม Google bots จะไต่เข้ามาอ่าน Meta tags ของ blog เราแล้วจะนำความพร้อมข้อมูลที่เก็บได้คาบไปส่งให้กับเจ้านายคือ Google search engine เพื่อนำไปเป็นแสดงผลการค้นหาหน้าเวปเราใน Search Engine results Pages (SERP).
SEO META TAGS for SERP
Source : haakblog.com

มาจับ SEO Meta Tags ใส่ Blogger/Blogspot

     เรามาเริ่มต้นใส่ SEO Meta tags โดยการใส่ tags meta เหล่านี้ เราจะจับใสผ่าน blogger template (ตรงนี้จะแตกต่างจากการใช้งาน WordPress ที่มีเครื่องไม้เครื่องมือ อย่างพวก SEO Plugin ช่วยให้การทำงานได้ง่ายกว่า Blogspot หรือ Blogger ที่เราใช้กันอยู่ตอนนี้) . เราจำต้องทำ SEO Meta tags in Blogger template เพื่อให้อันดับหรือ ranking ในหน้า Google SERP ของเวปหรือ blog ของเรามีอันดับที่ดีขึ้น วิธีการก็ไม่ได้ยากอะไรนัก เรามาเริ่มกันเลยดีกว่า.

ขั้นตอนที่ 1:

ให้ทำการ Login เข้าสู่ Blog spot หรือ Blogger > ไปที่ Dashboard เมนูจะอยู่ทางด้านซ้ายมือ > เลือก Template > และเลือก (แก้ไข) Edit Html

ขั้นตอนที่ 2. 

ไปที่ส่วนของ <head> section ใน Template. ถ้าจะให้ง่ายและสะดวกในการหา ให้กด Ctrl+F

Step 3. 

หลังจากเจอแล้ว หลังหรือบรรทัดต่อไปของส่วน <head> section ให้ทำการพิมพ์ Code ต่อไปนี้ หรือไม่ก็ทำการ Copy เอาไปใส่ไว้ใน template.
<!-- Meta Tags ~  http://offroadimer.blogspot.com/  -->
 <meta content='Your Blog Description' name='description'/>
 <meta content='Keyword1,Keyword2,Keyword3' name='keywords'/>
 <meta content='Author Name' name='Author'/>
 <meta content='Author Email Address' name='Email'/>
 <meta content='all' name='robots'/>
 <meta content='index, follow' name='robots'/>
 <meta content='Language Name' name='language'/>
 <meta content='Country Name' name='country'/>
 <meta content='blogger' name='generator'/>
<!-- /Meta Tags ~   http://offroadimer.blogspot.com/  -->

Step 4.

สำคัญอย่างมาก ให้เปลี่ยนข้อมูลต่างๆ เป็นข้อมูลที่ท่านต้องการ

Step 5.

ท้ายสุด ให้ทำการบันทึก template จากนั้กลับไปที่ blog ของเรา, ทำการ view page source เพื่อดู description and keyword.ของเวป/blog ของเรา

ผลจากการปรับ/ใส่ SEO Meta tags 

Before
After
Note: เป็นการเปิดดูและตรวจสอบด้วย SEO QUAKE extension

     หวังว่าคงจะไม่ยากจนเกินไปนะครับ ก่อนจาก สำหรับท่านที่สนใจจะเรียนรู้เกี่ยวกับการใช้งาน/เขียน blog ด้วย Blogger หรือ Blog Spot มี Course ฟรีของคุณเอ๋ วัชระ มณีศรี มาฝากกัน ชื่อ 
คอร์สออนไลน์ เป็นบล็อกเกอร์มืออาชีพด้วย Blogger.com (กดเบาๆตรงนี้) ลองไปศึกษากันครับ ผมยังไปเรียนมาเหมือนกัน
     สุดท้ายหากท่านใดมีปัญหา หรือมีอะไรให้ช่วยเหลือ ติดชม แนะนำ โฟส comment ไว้หรือไม่ก็ฝากโฟสไว้ที่ Facebook ของ ลุงกบ - offroadimer ได้นะครับ 
 

Sunday, March 1, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : ตอน ลองโปรแกรมบันทึกวิดีโอหน้าจอ iphone

ลองโปรแกรมบันทึกวิดีโอหน้าจอ iPhone และ iPad

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

อัดหน้าจอวิดีโอ iPhone

   ที่อยากจะอัดหน้าจอก็ไม่มีอะไรมากครับ หลักๆคือเอาไว้อัดหน้าจอ iPhone เพื่ออธิบายงานหรือส่งงานให้กับบรรดาลูกพี่ทั้งหลายก็เท่านั้นเอง แต่เนื่องจากที่ทำงานให้ iPhone มาใช้งาน มี Line กลุ่มเพื่อเอาไว้ติดตามงานกัน ก็เลยเกิดความยุ่งยาก แต่มันจะดีหากว่าเรามี โปรแกรมบันทึกวิดีโอหน้าจอ iPhone ได้ (แว่วๆ มาว่า iOS8 ทำได้แล้ว แต่เครื่องเรามันเก่าไป อาจจะไม่รองรับ และอยู่ในช่วง Beta การเล่นวิดีโอ และคุณภาพของวิดีโอมา rate ค่อนข้างต่ำ คุณภาพยังไม่ดี เหมือนใช่ Apps ตัวอื่น

ตัวอย่างวิดีโอที่ได้จากการใช้โปรแกรมบันทึกวิดีโอหน้าจอ

     เป็นการทดสอบครั้งแรกนะครับ มีติดๆขัดๆ บ้างพอสมควร หลังจากอัดวิดีโอมาแล้ว ต้องนำมาตัดต่ออีกครั้ง (ซึ่งผมไม่ได้ทำนะครับ ทำเพียงแค่ไปหมุนวิดีโอให้เป็นแนวตั้งใน Windows Movie Maker เท่านั้นเอง (โหลดได้ที่นี่ครับ สำหรับ Windows Movie Maker)


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

ส่งท้ายการบันทึกวิดีโอหน้าจอ iPhone

     การบันทึกวิดีโอหน้าจอ iPhone โดยใช้ โปรแกรมบันทึกวิดีโอหน้าจอ นี้สามารใช้ได้ทั้ง iPhone และ iPad ในคราวหน้าจะนำรายละเอียดมาให้ทุกท่านอีกครั้งนะครับ

Sunday, February 8, 2015

บันทึกการ หาเงินออนไลน์ : ตอน เขียนบทความรีวิวสินค้าอย่างไรให้โดนใจคนซื้อ

How to write product reviews ที่โดนใจลูกค้า

     ห่างหายกันไปนานเพราะมัวแต่ยุ่งๆ อยู่กับงานประจำ (Active Income) ทำให้ต้องห่างหายไปกับการเขียนบทความและงานไม่ประจำแบบ Passive Income
     ช่วงนี้พอที่จะเจียดเวลาได้บ้าง และเริ่มสนใจในการทำวิดีโอ รวมกับครั้งก่อนที่สัญญาไว้ว่าจะเริ่ม แปล & แชร์ เนื้อหาหรือบทความจากเว็บต่างประเทศ จาก e-book ต่างๆ ที่ตัวเองมีหรือหามาได้ เลยจัดมาให้ทุกท่านได้อ่าน ได้ชมกันก่อน เป็นปฐมแรก โดยในการนี้จะเป็นการนำบทความที่น่าสนใจจากเว็บชื่อดังที่เราๆ ท่านๆ ชอบเอาบทความไป submit ไปฝาก ไปหา backlink กันอย่างมากมาย นั่นคือ EzineArticles.com โดยบทความนี้มีชื่อว่า Product Review Article Template - Write a Product Review to Help Consumers Make Timely Decisions (ขอขอบคุณ อาจารย์ลุงฯ ของผมเองที่แชร์บทความนี้มาให้อ่าน จึงทำให้เกิดการ แปล & แชร์ บทความนี้ขึ้นมา)

เขียนบทความรีวิวสินค้าอย่างไร ให้โดนใจคนซื้อ

Credit : EzineArticles.com

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

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

ขั้นตอนและวิธีการเขียนบทความรีวิว     

     ตามที่เกริ่นไว้แต่แรกครับ ว่าตอนนี้กำลังหัดทำ วิดีโอ เลยขอนำเสนอบทความ แปล & แชร์ ในร฿ปแบบของ Content Video ติดตามชมกันได้จากวิดีโอด้านล่างนี้ครับ

     เนื่องจากเป็นมือใหม่ หัดทำ Content Video เป็นครั้งแรก อาจจะไม่ไม่ดี หรือถูกใจ หลายๆท่าน ในนามของ ลุงกบ - offroadimer ก็ต้องขอโทษทุกท่านไว้ ณ ที่นี้ด้วย และพร้อมที่จะน้อมรับคำติ ชม จากทุกๆท่านด้วยความเต็มใจ ฝากคอมเม้นท์ไว้ด้านล่าง หรือที่ Facebook Fan Page ของเรา หรือกดติดตาม ช่องวิดีโอของ ลุงกบ นะครับ จะได้ไม่พลาดการติดตามเมื่อมีการอัพเดทบทความใหม่ๆ ในวันข้างหน้า

Sunday, January 25, 2015

บันทึกการ หาเงินออนไลน์ : ตอน ฟรี AVG Internet Security 2015 เวลาจำกัดเพียงไม่กี่วัน

Free AVG Internet Security 2015

     สำหรับใครที่กำลังมองหาตัวป้องกัน Viruses, Malware, Spam, Scams, Phishing, and more. พร้อมคุณสมบัติพิเศษอื่นๆ อย่าง Firewall, Internet Accelerator, Privacy Protector, and อื่นๆ อย่าพลาดกับ AVG Internet Security 2015 โดยเด็ดขาด ตอนนี้มี "ฟรี" 100% Discount แต่มีระยะเวลาจำกัด จนถึงสิ้นเดือน วันที่ 31 มกราคมนี้เท่านั้น โดยสามารถใช้งานได้ถึง 1 ปี

ขั้นตอนการรับฟรี AVG Internet Security 2015 (100% Discount)
  • คลิ๊ก ที่นี่ เพื่อขอรับ Free AVG Internet Security 2015
  • กด "Download it Now" 
  • กรอก e-mail ให้เรียบแล้ว แล้วกด 

  • จะพาเข้าสู่หน้าให้ทำการ Download ไฟล์สำหรับการติดตั้ง
  • จากนั้นท่านจะได้รับ e-mail ตอบกลับพร้อมทั้ง License (และ Link สำหรับ Download อีกเช่นกัน
  • ติดตั้ง พร้อมทั้งใส่ License Key หใ้เรียบร้อย

     ขอบอกว่าใช้งานได้จริงครับ ตอนนี้ใช้งานและกำลัง Scan อยู่


หากทีอะไรที่น่าสนใจอีก ทางเราจะอัพเดทให้ทุกท่านทราบเป็นระยะๆนะครับ


Saturday, January 24, 2015

บันทึกการ หาเงินออนไลน์ : ตอน ทำ Video Title สำหรับ My Income Journey YouTube Channel

ทำ Video Title ให้กับ Video ของเรา

     กำลังศึกษาและลองอัดวิดีโอจากหน้าจอคอมพิวเตอร์ของตัวเองด้วยโปรแกรมฟรีและถูกต้องตามกฏหมาย (ไว้จะมาเขียนถึงโปรแกรมที่ผมใช้ทดสอบให้อีกครั้งนะครับ) เพราะหากเราทำ Contents Video หรือทำ Video บางประเภทเอาไว้ทำมาหากินแบบ Passive Income ที่เรามองหาทางกันอยู่ Title ของวิดีโอ แบบที่ Professional เขาทำกัน ในหลายๆวิดีโอที่เราเคยเห็นกันบ่อยๆ เพื่อเป็นการสร้าง "แบรนด์" (Brand) ของเรานี่เอง

หาตัวช่วยสร้าง Video Title

     เหมือนเช่นเคยครับ ระดับเราแล้ว การลงทุนที่ดีที่สุด คือ "ของฟรี" แล้วเราจะหาได้จากที่ไหนล่ะ ไม่ยากครับ ถามคุณครูเกิ๊ลฯ เหมือนเช่นเคย ด้วยคำถามที่ว่า "free video title maker" ได้หน้าตามาแบบนี้แหละ คลิ๊กที่ภาพ หรือ ที่นี่ เพื่อไปดูผลการค้นหาของคุณครูเกิ๊ลฯนะครับ


     ไล่หาอ่านมาเรื่อยๆ ไปถึงหน้าที่ 3 หน้าที่ 4 แล้วก็ย้อนกลับไปมาหลายเที่ยวจนกระทั่งมาจบที่ ลำดับ 8 ของหน้าแรก
     www.flixpress.com คือเวปเป้าหมายของเราในการสร้าง Video Title ในครั้งนี้ มีทั้งแบบเสียเงินและฟรี แน่นอนของฟรีย่อมมีตัวเลือกหรือ Options ไม่มากเท่าไหร่ ไม่เหมือนกันที่ต้องเสียเงิน แต่ก็เพียงพอแล้วสำหรับการทำงานของเรา การใช้งานไม่บอกนะครับ เพราะที่หน้าเวป บอกรายละเอียดไว้หมด และตอนที่สร้างก็มี Instruction Video สำหรับแต่ละ templates ให้ทำตามอยู่ การสมัครใช้งานก็ไม่ยากครับ กรอกรายละเอียดทุกอย่างลงไป กรอก capcha แล้วก็รอ e-mail เพื่อให้เรา verify ก็เป็นอันรีบร้อย สามารถใช้งานได้เลย

คำแนะนำในการสร้าง video title ใน flixpress แบบ free account


  • เลือกดู video ที่สนใจก่อน โดยลากเมาส์ over ไปที่วิดีโอ template ที่ต้องการ จะมี video เล็กๆ แสดงขึ้นมาให้ชม ดูให้ครบก่อนก็ได้ครับ แล้วจดไว้ว่าอันไหนที่เราสนใจบ้าง
  • เมื่อได้ video template ที่สนใจมาแล้วให้เราดูว่ามีข้อความหรือรูปตรงไหนบ้าง เพราะมีหลากหลายแบบที่ใช้รูปด้วย ใช้ข้อความ ที่อาจจะต้องการ 2,3 หรือมากกว่า 1 คำหรือประโยค
  • วางรูปแบบให้สื่อถึง channel ของเราสำหรับแต่ละ video title
  • สร้าง video title ตามที่เราต้องการ

Video Title ของ My Income Journey Channel


     นี่เป็น Video Title ที่สร้างไว้จาก flixpress ทั้ง 5 รูปแบบของ My Income Journey Channel แต่ยังไม่ได้ตัดสินใจว่าจะใช้อันไหนครับ เพื่อนๆช่วยกันโหวตหน่อยครับ










thumbnails ของวิดีทั้ง 5 แบบ

คงไม่ยากเกินไปใช่ไหมครับ ในการสร้าง video title เพื่อเอาไว้ใช้งานในวิดีโอ ที่จะทำให้ช่องของเรามีความเป็นมืออาชีพมากขึ้น

ครั้งต่อไปจะมาลอง edit เอา video title ใส่ลงไปใน video ของเรากันดูครับ ต้องขอเวลาไปศึกษาและคุณครูเกิ๊ลฯ ก่อนครับ 




Friday, January 23, 2015

บันทึกการ หาเงินออนไลน์ : ตอน ทำ Pop Up Facebook Like Box ให้กับ Blog ของเรา

Create One Time Facebook Like Pop Up for Our Fan Page

     ขั้นเวลา ก่อนที่หนังสือ อ่าน สรุปใจความ แปล & แชร์ เรื่องแรกจะมาไวๆ นี้ วันนี้สิ่งที่จะลองนำเสนอ คือ อยากจะทำให้เหมือนเวปของเทพๆ ทั้งหลาย ที่เอาไว้แชร์ความรู้ประสบการณ์ให้กับคนอื่นๆ 
     หลายท่านคงจะเขียนเห็นเวปใหญ่ๆ ดังๆ เขาจะมี Pop Up เด้งขึ้นมาเพื่อให้ผู้เข้าชมกด "Like" แฟนเพจของเราก่อนที่จะเข้าไปอ่านเนื้อหาใน Blog (อิๆๆๆ แอบคาดหวังว่าจะมีคนมา Like Fan Page ของเรามากขึ้น
     โดยที่เมื่อทำเสร็จแล้ว หากเป็นการเข้ามา Blog ของเราเป็นครั้งแรกจะมี Pop Up ให้ทำการ "Like" ก่อน แต่ถ้าหาก Like ไปแล้ว หรือเคยเข้ามาใน Blog ของเรามาแล้ว Blog จะเก็บคุกกี้ (Cookies) เอาไว้ เมื่อเรามาเข้า Blog ในครั้งต่อไป จะไม่มีการแสดงขึ้นมา
     เอาล่ะมาดูหน้าตากันว่าจะออกมาแบบไหน ดังรูปด้านล่าง

Step by Step เริ่มต้นกันเลยดีกว่า

     หากถามว่าเอามาจากไหน ตอบได้เลยครับ มั่วคำถาม ไปถามคุณครูเกิลฯ มาจนได้มาเป็นหน้าตาแบบนี้ ด้วยคำถามและได้คำตอบจากคุณครูเกิ๊ลฯ มาแบบนี้ load facebook like box before enter to blogger (ลองคลฺีกดูกันเอานะ คุณครูตอบได้หมด แต่ต้องรู้จักตั้งคำถามนะ)

Step 1 : เข้าไปที่ Blog ของเราแล้วไปที่ Layout แล้วเลือก Add ฟ Gadgets แบบ "html/javascript"




Step 2 : จากนั้นให้ทำการ Add Code ข้างๆ นี้ไปใส่ใน Gadget ของเรา
<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*


User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAo8qumLzw0bV_BXqubf-XTMNczyWKRjxiaZiArZyLlGoWNm1HwJwGjo0DsJoEr4ctNJjAqAVvg__wJpmheyzE5R8cGJ_iUgt0UtvzCi3bSSY0To9Ja4eoY2MavZXtXpNUNYc0LlgGFK/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDgHQTI12aqpmmvs_Fs0UPSib2Zm3BB61v9w0YdOXpY57tLrLQmZiBRzr4q64euTdH7hSEu0yckPtjsddsn16iUpSZ1A8CQhxKUNhRp1u6ydD4NJAFa17o5Xz5x9IJZZLYLttAaiTdiTs/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAo8qumLzw0bV_BXqubf-XTMNczyWKRjxiaZiArZyLlGoWNm1HwJwGjo0DsJoEr4ctNJjAqAVvg__wJpmheyzE5R8cGJ_iUgt0UtvzCi3bSSY0To9Ja4eoY2MavZXtXpNUNYc0LlgGFK/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAo8qumLzw0bV_BXqubf-XTMNczyWKRjxiaZiArZyLlGoWNm1HwJwGjo0DsJoEr4ctNJjAqAVvg__wJpmheyzE5R8cGJ_iUgt0UtvzCi3bSSY0To9Ja4eoY2MavZXtXpNUNYc0LlgGFK/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDgHQTI12aqpmmvs_Fs0UPSib2Zm3BB61v9w0YdOXpY57tLrLQmZiBRzr4q64euTdH7hSEu0yckPtjsddsn16iUpSZ1A8CQhxKUNhRp1u6ydD4NJAFa17o5Xz5x9IJZZLYLttAaiTdiTs/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAo8qumLzw0bV_BXqubf-XTMNczyWKRjxiaZiArZyLlGoWNm1HwJwGjo0DsJoEr4ctNJjAqAVvg__wJpmheyzE5R8cGJ_iUgt0UtvzCi3bSSY0To9Ja4eoY2MavZXtXpNUNYc0LlgGFK/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAo8qumLzw0bV_BXqubf-XTMNczyWKRjxiaZiArZyLlGoWNm1HwJwGjo0DsJoEr4ctNJjAqAVvg__wJpmheyzE5R8cGJ_iUgt0UtvzCi3bSSY0To9Ja4eoY2MavZXtXpNUNYc0LlgGFK/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAo8qumLzw0bV_BXqubf-XTMNczyWKRjxiaZiArZyLlGoWNm1HwJwGjo0DsJoEr4ctNJjAqAVvg__wJpmheyzE5R8cGJ_iUgt0UtvzCi3bSSY0To9Ja4eoY2MavZXtXpNUNYc0LlgGFK/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqT502by6wmGrT555vVscGESUao0_sqZn-qrf3ZU56ATQ8_HDt-1zeqYB2OnFeAA_A3zKV_ZjIojnmnJ7hxvbk_8W3izf0TMaNQirh6qZXNH-5JQNRtxmJlB0sY14zXXGqyhNNfQ2TTP0C/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylYF2Rqmdg95atDRCbBnqNcbXcp6OY2_j3_vwk4XlEi1RyQU4dJ0cW0MqFw-OXjSVE2xSSJf7fmHHxQyLCn7LrJ7wKRdJuQDqhJ9jiBTi8aTcSVD22TLLK4e7Dswl3MIfZp9goh0VB8tA/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAo8qumLzw0bV_BXqubf-XTMNczyWKRjxiaZiArZyLlGoWNm1HwJwGjo0DsJoEr4ctNJjAqAVvg__wJpmheyzE5R8cGJ_iUgt0UtvzCi3bSSY0To9Ja4eoY2MavZXtXpNUNYc0LlgGFK/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3> 
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fspiceupyourblog&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>

</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.spiceupyourblog.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>
</div>
</div>

Step 3 : จุดที่ต้องแก้ไข
  • เปลี่ยน Receive all updates via Facebook. Just Click the Like Button Below เป็นคำที่เราต้องการ (หรือจะไม่เปลี่ยนก็ได้นะ
  • เปลี่ยน spiceupyourblog เป็นชือ่ Fanpage ของเรา
Step 4 : จัดการบันทึกซะ เป็นอันเสร็จเรียบร้อย ลอง View Blog ดูเอานะครับ

     แค่นี้ก่อนสำหรับวันนี้ หวังว่าคงจะพอแก้ขัดระหว่างรอบทความ แปล & แชร์ กันนะครับ และก็คงจะช่วยให้เรามี Social Signal เข้า Blog ของเรามากขึ้นด้วย เพื่อ หาเงินออนไลน์ แบบ Passive Income

Notes : ขอบคุณ  spiceupyourblog.com สำหรับข้อมูลดีๆที่เอามาใช้ปรับแต่ง Blog ของเรา


Tuesday, January 20, 2015

บันทึกการ หาเงินออนไลน์ : ตอน แปล & แชร์ เส้นทางเดินต่อไปของ blog นี้

Translate and Share

     ครั้งที่แล้ว หลังจากเปลี่ยนเป้าหมายจากเดิมไป ในส่วนของ Blog นี้ เราจะทำอย่างไรดีเพื่อให้เป็นไปตามแนวทางที่ตั้งใจไว้ ซึ่งเป้าหมายใหม่สำหรับ Blog นี้คือการเขียนบทความเกี่ยวกับ การหาเงินออนไลน์ ให้เป็นแบบ Passive Income และสร้างรายได้ที่ $10,000 ในปี 2015 นี้

อัพเดทเนื้อหาของ Blog

     เพื่อให้มีเรื่องเขียน อย่างน้อยสัปดาห์ละ 1 บทความ ความยากของงานนี้คือจะเขียนอะไร อย่างไร ให้เป็นไปตามเป้ามหายใหม่ที่วางไว้ จำได้ไหมครับว่าเมื่อ Day 13/2015 เราได้เปิดกรุ ดูสมบัติที่รวบรวมไว้จนได้ฉายาเป็น แชมป์รวมอุปกรณ์
     ผนวกกับเมื่อปีที่แล้ว ได้มีคนๆหนึ่งได้ทำ eBook ออกมาสัปดาห์ละหนึ่งเล่ม โดยการเอาตำรา Passive Income จากที่อื่นๆมาทำการแปลแล้วขายออกไป และจากบทความเมื่อ Day 14/2015, Day 15/2015, Day 16/2015, ว่ากันด้วยเรื่อง แบรนด์ (Brand) ซึ่งเป็นการรวบรวมเนื้อหาจากเวปต่างประเทศ 3-4 เวปมายำรวมกัน จากนั้นรวบรวมใจความสำคัญ มาแปลและเขียนใหม่จากภาษาอังกฤษเป็นภาษาไทย ซึ่งถึงจะใช้เวลามากไปสักหน่อย แต่ก็มีความสนุกสนานพอสมควร ได้เรียนรู้กับภาษาอังกฤษมากขึ้น ถึงแม้ว่าจะยังไม่เก่งนักก็เถอะ
     และในขณะเดียวกัน ebook เกี่ยวกับ internet marketing ต่างๆ ได้ปิดตัวลงไปเมื่อหลายเดือน สองสิ่งผนวกันจึงมีความคิดต่อไปว่า นับแต่นี้ Blog นี้ ยากจะให้มี Concept เป็น "แปลและแบ่งปัน" Translate & Share ให้กับเพื่อนๆชาว IM ทุกท่าน

แชร์และแบ่งปัน


     โปรเจ็ตนี้จึงเกิดขึ้น โดยจะเอาอุปกรณ์รวมทั้งหลานที่เป็น eBook ภาษาอังกฤษ มาแปลเป็นภาษาไทย ในแบบซีรีย์ ความยาวตามหัวข้อและเนื้อหาของ eBook แต่ละเล่ม
     เพื่อนๆ มีความเห็นว่าอย่างไร และมีเรื่องไหน แนวไหน ตลาดไหน อยากให้แปลให้อ่าน ก็โฟสในกลุ่ม (Facebook) My Income Journey หรือ comment ไว้นะครับ