TikkyStore: วิธีทำ

แสดงบทความที่มีป้ายกำกับ วิธีทำ แสดงบทความทั้งหมด

การใช้ trim ใน JavaScript และ PHP

ฟังก์ชัน trim คือการตัดค่าว่างหรือ ค่า Spec ของ String ตัวแรก และตัวสุดท้าย

เช่น
String = " xxxx xxx " ;
$tring = " xxxx xxx ";
เมื่อ ใช้ function trim แล้ว จะได้ผลลัพ คือ "xxxx xxx" ซึ่งจะตัดค่าว่างที่อยู่หน้าตัวแรก และหลังตัวสุดท้ายของ String
วิธีการใช้ trim ใน JavaScript คือ

 
function myFunction() {
    var str = "       TikKyStore Script!       ";
    alert(str.trim());
}

วิธีการใช้ trim ใน PHP คือ

 
<?php 
    $str = "     TikKyStore php   ";
    echo trim($str);
?>

วิธีสร้างปุ่ม add Text Box หรือ Text area

ตามตัวอย่างข้างต้นนี้

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

วิธีทำ

Task




Task

วิธีทำ Sub menu ด้วย CSS by TikkyStore

วิธีทำ Sub Menu ด้วย CSS By TikkyStore.blogspot.com

ให้ทำการ Copy ส่วนของ CSS ไปแทรกในระหว่าง Tag เปิด head และ Tag ปิด head ของ

..."Code CSS คัดลอกมาใส่ส่วนนี้ครับ"...

หรืออีกหนึ่งวิทีคือ การเพิ่ม Gadged บน Dashboard แล้วนำส่วนของ CSS ไปวาง

Copy CSS จากข้างล่างนี้

Copy HTML TAG ข้างล่างนี้ไปวางในส่วนที่ต้องกาีรแสดงผลครับ



        Menus
           
              Menu I
              Menu II
              Menu III
           
        
        TikkyStore
     
              TikkyStore I
              TikkyStore II
              TikkyStore III
              TikkyStore IIII
           
   
     
               TikkyStore Hello

เพียงเท่านี้ก็เป็นอัน จบข่าวครับ !!

ตกแต่ง หรือ ทำการ Customization blogger

เริ่มสร้าง blogger >>

วิธีการตกแต่ง blogger

วันนี้จะมาแนะนำวิธีการ Customization blogger เพิ่ม Width ปรับความกว้างของหน้า Page เปลี่ยน Template ให้ดูง่ายไม่ให้ Gadget ข้างๆมาบังตัวหนังสือบทความกัน รวมไปถึงการเพิ่มปุ่มเมนูด้วยครับ

อันดับแรกเริ่มจากการเลือก Template และ กำหนด Width กันก่อนเลย โดยคลิ๊กที่ปุ่ม
"แม่แบบ" -> "กำหนดค่า"

พอคลิ๊กเข้ามาจะเห็น Page เครื่องมือออกแบบบล๊อกเกอร์ เราสามารถเลือก Template และปรับขนาดความกว้างของหน้าบล๊อกเราได้ทีี่นี่เลยครับ

จะเห็นได้ว่ามีการเปลี่ยนแปลงที่ Template และน่าตาของ Page จะเปลี่ยนไปตามที่เราเลือกครับ แต่ยังมีปัญหาเรื่องความกว้างที่ยังไม่ได้ขยายทำให้ Menu Gadget ด้านข้างมา บังรูปในบทความอยู่ครับ

ขั้นต่อไปวิธีการเพิ่ม ความกว้างของหน้า Page โดยไปที่ปุ่ม "ปรับความกว้าง"

จะเห็นแถบให้ปรับความกว้างขึ้นมา สองแถว โดยแถวยาวด้านบนจะเป็น แถบกำหนดความกว้างทั้งหมดของ Page ส่วนแถบสั้น ด้านล่างเป็นแถวกำหนดความกว้างของ Gadget

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

เมื่อเราพอใจกับความกว้างและ Template ที่เราเลือกแล้วให้เรากดที่ ปุ่ม "ใช้กับบล๊อก"

จากนั้นกดปุ่ม << กลับสู่blogger และเมื่อเราไปที่หน้า Page ของบล๊อกก็จะเห็นความเปลี่ยนแปลงของบล๊อกเราทันที ดังบล๊อกตัวอย่างด้านล่างนี้ http://reviewbloggerz.blogspot.com/

เสร็จสิ้นการเปลี่ยน Template ครับ

ขั้นต่อไปจะเป็นการเพิ่มปุ่มเมนูครับ โดยไปที่ปุ่ม "1. รูปแบบ" "2. เพิ่ม Gadget" ตามรูปข้างล่างครับ

จากนั้นจะมี Popup ขึ้นมาให้เราเลือก Gadget ที่ชื่อว่า "รายชื่อลิงค์" โดยกดที่ เครื่องหมายบวก

จากนั้นจะเห็น Page ที่ให้กรอกข้อมูล

จากนั้นให้เรากดที่ปุ่ม เพิ่มลิงก์

จะสังเกตุได้ว่ามีรายการเมนูเพิ่มขึ้นมา

และถ้าเราเพิ่มลิงก์ก็จะมีเมนูเพิ่มขึ้นมา โดยส่วนที่จะแก้มีอยู่สองที่คือ URL ของไซตใหม่ และ ชื่อของไซต์ใหม่

จากนั้นกดปุ่ม "บันทึก"

แล้วไปดูหน้า Page จริงของเราจะเห็น เมนูขึ้นมาครับ

ดังเว็ปตัวอย่างข้างล่างนี้ครับ http://reviewbloggerz.blogspot.com/

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

ในบทความถัดไปจะมา แนะนำวิธีทการแต่งเว็ปบล๊อก นะครับ

By TikkyStore

ขอบคุณทุกท่านที่เข้ามารับชมครับ

ถ้าหากมีอะไรผิดพลาด Comment ไว้ข้างล่างครับยินดีรับฟังทุกประเด็นครับ

อยากเขียน blog เริ่มยังไงดี (วิธีเขียน blogger หรือ blogspot)

ตกแต่ง blogger >>

อยากเขียน blog เริ่มยังไงดี (วิธีเขียน blogger หรือ blogspot)

หลายคนอยากมีบล๊ิอก (blog) ส่วนตัวหรือเว็บส่วนตัวแต่ไม่อยากเสียเงินหรือไม่อยากเขียนเว็ปเองบ้างหรืออาจมองว่าการจะทำบล๊อกอาจเป็นเรื่องยุ้งยาก ไหนจะต้องทำเว็ปแอพ จดโดเมน เช่า โฮตส์ บลา บลา บลา ปัญหาการทำเว็ป อาจหมดไปด้วย เว็ป CMS เช่นพวก WordPress, Joomla ฯลฯ แต่ก็ยังติดเรื่องของการที่ต้องจดโดเมน และการเช่าโฮตส์ หลายๆคนอาจต้องการเขียน บล๊อกเพื่อว่าจะเป็นที่เก็บคลังความรู้ หรือ เป็น Profile ส่วนตัวเล็กๆ ดังนั้นวันนี้ผมจึงมีทางออกสำหรับท่านที่ต้องการเขียน บล๊อกแต่มีปัญหาเหมือนกับที่ได้กล่าวมาข้างต้น จึงของนำเสนอวิธีการสร้างบล๊อก ง่ายๆด้วย Blogger หรือ ที่เรารู้จักกันดีด้วยชื่อว่า Blogspot

หลายคนอาจสงสัยว่า Blogspot คืออะไร คำว่า SPOT น่าจะมาจาก การเล่นคำ ของคำว่า TOPS การกลับตัวหนังสือนั่นเองครับ Blogger ว่ากันสั้นๆ คือเป็นของ google นั่นเองครับ ดังนั้น จะ Index ไวมากนะขอบอกถ้าเขียนบทความดีๆและขยัน แต่ขอบอกไวก่อนนะครับการเขียนบล๊อกถ้าใจไม่รักจริงถือว่าเป็นเรื่องที่ยากมากที่จะมี Feedback ที่ดีกลับมาดังนั้นคิดซะว่าเขียนไปเรื่อยๆ ใครเขียนได้วันละหนึ่งบทความนี่ถือว่าเก่งแล้วครับ สำหรับตัวผมนะ เดือนละ บทความนี่ผมก็ดีในแล้ว..

เพื่อไม่เป็นการเสียเวลาเรามาเริ่มกันเลยพี่กว่าครับเอาตั้งแต่การสมัครเลย

1. ขั้นแรกเราต้องมี E-mail กันก่อนนะครับ แนะนำ Gmail สมัครได้เลยครับ http:/mail.gmail.com/

กรอกข้อมูลให้ครบดังตัวอย่างข้างล่างนี้

(สำหรับท่านที่มี email account อยู่แล้วสามารถข้ามขั้นต้องนี้ไปได้เลยครับ)

เมื่อกด Submit จะมีการส่ง SMS เป็นรหัสหกหลัก หรือ ถ้าเลือกแบบโทรศัพท์ จะมี Call เข้ามาเพื่อยืนยันตัวตน ดังรูปข้างล่างนี้

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

2. เมื่อเรามี Email account ของเราเองแล้วให้เข้าไปที่ http://www.blogger.com/ จะมีขั้นตอนให้ใส่

User และ Password เราก็ทำการใส่ email และ password ตามที่ได้สมัครไว้ในข้อ 1.

3. พอ Loginแล้วอันดับแรกเมื่อท่านเข้าใช้งาน blogger เป็นครั้งแรกจะมี Page ให้ท่านตั้งค่าเช่น เลือก

ภาษา เพื่อเป็นการยืนยันว่าท่านต้องการให้ภาษาใดในการจัดการ blog ของท่านและเป็นการยอมรับ

เงื่อนไขข้อตกลงที่ทาง blogger วางไว้ด้วย

4. ถึงเวลาที่ท่านรอคอยกันแล้ว ถึงขั้นตอนนี้จะเป็นการเริ่มสร้างบล๊อกแล้วนะครับ เมื่อผ่านขั้นตอนที่ 3.

แล้วจะเข้าสู่หน้า Page ที่เอาไว้จัดการบล๊อกจริงๆ ในหนึ่ง Email account จะสามารถสร้างได้หลาย

บล๊อก ให้เรากดที่ปุ่ม "บล๊อกใหม่" นะครับ

5. เมื่อกดปุ่ม บล๊อกใหม่แล้วจะมี Popup ขึ้นมาให้เราใส่ หัวข้อ ที่อยู่เว็ป และก็ให้เรา เลือก รูป แบบหน้า

เว็ปครับ

5.1 หัวข้อ คือ ชื่อเรื่อง หรือ ชื่อของเว็ปเรานั่นเองครับ สามารถเปลี่ยนได้ภายหลังครับ

5.2 ที่อยู่เว็ป คือ Domain ของเว็ปเรานั่นเองครับ สามารถเปลี่ยนได้ภายหลังครับ

5.3 รูปแบบหน้าเว็ป ก็คือ Them ของเว็ป หรอ Content ของเว็ปนั่นเองครับ สามารถเปลี่ยนได้ภาย

หลังครับ

6. เมื่อเรากดปุ่มเสร็จสิ้น เพียงเท่านี้เราก็จะได้บล๊อกที่เอาไว้โพส บทความหรือเป็นคลังความรู้ หรือ

โปรไฟล์ ไว้เก็บผลงานของเราแล้วครับ

7. เราสามารถคลิ๊กชื่อหัวข้อของเว็ปเพื่อเข้าไปหน้าจัดการโครงสร้างของเว็ป หรือ ที่เรียกกันว่า

Dashboard นั่นเอง

หน้า Dashboard รูปข้างล่างจะ ที่ วงสีแดงๆคือ เมนู ที่เราจะใช้ทั้งหมด

8. หรือท่านจะกดที่ปุ่ม "ดูบล๊อก" ก็ได้ เพื่อไปดูหน้า Page ของเว็ปจริงๆ

ในขั้นต้นเมื่อคลิ๊กที่ปุ่ม "ดูบล๊อก" ก็จะเป็นหน้าว่างๆถ้าเราไม้ได้มีการโพส บทความใดๆ ลงไปจะสังเกตุได้ว่าเป็นหน้าว่างๆ จริงๆ

9. จากขั้นตอนที่ 7. เข้าสู่หน้า Dashboard จะเห็น ปุ่ม "บทความใหม่" อยู่ นั่นคือปุ่มที่มีไว้โพส บทความครับ

เมื่อเข้าไปสร้างบทความใหม่ท่านจะเห็น Page ที่ให้ท่านเลือกใส่ชื่อ หัวข้อ Post และ บทความที่ท่านต้องการ Post ท่านสามารถ แทรกรูป ปรับขนาดของตัวหนังสือ font ตัวหนังสือ และ สีของตัวหนังสือครับ

และท่านสามารถแก้ด้วย Code HTML หรือ แทรก Script ต่างๆที่ท่านต้องการด้วย การเลือกที่ปุ่ม HTML

เมื่อท่านกดปุ่ม เผยแพร่แล้วกลับไปดูที่ Page ของท่านก็จะพบ กับ การเปลี่ยนแปลงที่ท่านต้องการมานาน

ดั่งเว็ป ตัวอย่างด้านล่างนี้ครับ

http://reviewbloggerz.blogspot.com/

ในบทความถัดไปจะมา แนะนำวิธีทการแต่งเว็ปบล๊อก นะครับ

By TikkyStore

ขอบคุณทุกท่านที่เข้ามารับชมครับ

ถ้าหากมีอะไรผิดพลาด Comment ไว้ข้างล่างครับยินดีรับฟังทุกประเด็นครับ

แก้ปัญหา web browser Chrome IE ฟอนต์เป็นสี่เหลี่ยม หรือ ภาษาไทยเป็นสี่เหลี่ยม ง่ายมากๆ

แก้ปัญหา web browser Chrome IE ฟอนต์เป็นภาษาสี่เหลี่ยม ง่ายมากๆ

แก้ปัญหา web browser Chrome IE เป็นภาษาสี่เหลี่ยม

เพื่อนๆหลายคนอาจเคยเจอกับปัญหาที่จู่ๆ Web browser เช่น Chrome, IE ตัวหนังสือที่เป็น Font ภาษาไทยอยู่ดีๆ ก็เป็นตัวสี่เหลี่ยมเหมือนภาพด้านบน วันนี้เรามีวิธีแก้้ปัญหาที่แสนจะง่ายมานำเสนอครับหลายๆคนเจอแบบนี้ไม่รู้จะแก้ปัญหาอย่างไร ก็แก้ปัญหาที่ปลายเหตูคือการติดตั้ง OS ใหม่ หรือที่เราเรียกกันติดปากว่าลง วินโดว์ใหม่นั่นเอง

อ่านต่อ »

วิธีการทำ SyntaxHighlight

1.นำ Code ด้านล่างนี้ไปใส่ในส่วน <head>...

...</head>
2.นำ Syntax ที่ต้องการแสดงผลใส่ระหว่าง Tag <pre class="brush: ภาษาที่ใช้;">...Code...</pre>
เช่น
<pre class="brush: php;">

<?php
echo 'Hellow world';
?>

</pre>
จะได้

 
<?php
     echo 'Hello world';
?>

**ประมาณนี้ครับ

http://alexgorbatchev.com/SyntaxHighlighter/manual/upgrading.html

menu

Hot Offer

การใช้ trim ใน JavaScript และ PHP

วิธีสร้างปุ่ม add Text Box หรือ Text area

วิธีทำ Sub menu ด้วย CSS by TikkyStore

ตกแต่ง หรือ ทำการ Customization blogger

อยากเขียน blog เริ่มยังไงดี (วิธีเขียน blogger หรือ blogspot)

แก้ปัญหา web browser Chrome IE ฟอนต์เป็นสี่เหลี่ยม หรือ ภาษาไทยเป็นสี่เหลี่ยม ง่ายมากๆ

วิธีการทำ SyntaxHighlight