วันพุธที่ 23 มีนาคม พ.ศ. 2559

วิธีทำระบบสมัครสมาชิกอัตโนมัติบน Drupal 7

สวัสดีครับ

วันนี้เรามาทำให้คนทั่ว ๆ ไปสามารถสมัครสมาชิกเว็บที่สร้างจาก Drupal โดยที่ไม่ต้องไป ยืนยันใน E-mail เพื่อเอา Password  กันครับ

1. Login เข้า Admin
2. คลิกเมนู Configuration
3. คำสั่ง Account settings
4. ปรับค่าตามภาพ


5. กด Save Configuration

รูปก่อนปรับค่า

รูปหลังปรับค่า

ข้อแนะนำ

ถ้าคิดจะปรับแบบนี้เว็บของคุณควรมีระบบป้องกันบอท (Captcha) เอาไว้นะครับไม่งั้นเจอ Spam แหลกแน่นอน

วันอังคารที่ 22 มีนาคม พ.ศ. 2559

แก้ปัญหา error tmp directory does not exist บน Drupal 7

สวัสดีครับ

วันนี้มาแก้ Error ที่ฟ้องตรงเมนู Reports > Status Report ใน Drupal กันครับ

The directory X:\xampp\tmp does not exist. You may need to set the correct directory at the file system settings page or change the current directory's permissions so that it is writable.



หรือ

See http://drupal.org/SA-CORE-2013-003 for information about the recommended .htaccess file which should be added to the X:\xampp\tmp directory to help protect against arbitrary code execution.



หรือ

Warning: file_put_contents(temporary:///.htaccess): failed to open stream: "DrupalTemporaryStreamWrapper::stream_open" call failed in file_create_htaccess() (line 494 of E:\xampp\htdocs\mysite\includes\file.inc).



สาเหตุที่เกิด Error นี้ เพราะ เรายังไม่มีโฟลเดอร์ tmp ในเว็บ Drupal ของเรานั้นเองดังนั้นเราจึงต้องไปสร้างโฟลเดอร์ tmp ขึ้นมาครับ โดยสร้างไว้ที่


"sites/default/files/"




กำหนด Permission ของโฟลเดอร์ tmp นี้ให้เป็น 777 ด้วยครับ

จากนัั้นไปที่เมนู Configuration > File system > ที่ Temporary directory ให้เปลี่ยนจาก X:\xampp\tmp เป็น sites/default/files/tmp > คลิกปุ่ม Save Configuration 





เมื่อกลับมาที่เมนู Reports > Status report ก็จะพบว่าไม่ฟ้อง Error ดังกล่าวแล้วครับ

วันอาทิตย์ที่ 20 มีนาคม พ.ศ. 2559

วิธีการปรับแต่งคำว่า "อ่านต่อ" ให้มีสไตล์ด้วย CSS ใน Blogger

สวัสดีครับ

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

ก่อนปรับด้วย CSS

หลังปรับด้วย CSS


บทความนี้เรามาเรียนรู้วิธีปรับแต่งคำว่า "อ่านต่อ" ให้สวยงามขึ้นด้วย CSS กันครับ

1. คลิกเมนู "การออกแบบ" ที่มุมขวาบน


2. คลิกปุ่ม "แก้ไข HTML"


3. ได้หน้าต่างดังรูป ให้หาคำว่า "]]></b:skin>" ด้วยการกดปุ่ม Ctrl+F > Copy "]]></b:skin>" ไปใส่กด Enter



4. ทดลองใส่ code CSS ดังนี้
.jump-link {
text-align:left;
}
.jump-link a {
font-size:12px;
padding:5px;
border: 1px solid #000;
border-radius: 3px 3px 0 0;
background-color:#FF9800;
color:#000;
font-weight:bold;
box-shadow: 2px 2px 2px 0 #989E9C;
}


5. คลิกปุ่ม "บันทึกเทมเพลต" > คลิกปุ่ม "ดูบล็อก" เพื่อชมผลงานได้เลยจร้า

สำหรับใครที่เขียน CSS ไม่เป็นมีตัวช่วยครับ ไปที่เว็บ http://css3generator.com/ แล้วลองใช้งานดูได้เลย

สำหรับใครที่ไม่รู้จะใช้สีอะไร โทนไหน แล้วค่าสีคือเท่าไร ไปที่เว็บ https://www.google.com/design/spec/style/color.html แล้วเลือกตามใจชอบเลยจร้า