วิธีเพิ่มลิงค์ไปยังบล็อกของคุณ

สารบัญ:

วิธีเพิ่มลิงค์ไปยังบล็อกของคุณ
วิธีเพิ่มลิงค์ไปยังบล็อกของคุณ

วีดีโอ: วิธีเพิ่มลิงค์ไปยังบล็อกของคุณ

วีดีโอ: วิธีเพิ่มลิงค์ไปยังบล็อกของคุณ
วีดีโอ: blogger Part 5 การจัดการบทความ เพิ่มลิงค์เพิ่มปุ่ม อ่านรายละเอียดเพิ่มเติม 2024, พฤศจิกายน
Anonim

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

วิธีเพิ่มลิงค์ไปยังบล็อกของคุณ
วิธีเพิ่มลิงค์ไปยังบล็อกของคุณ

คำแนะนำ

ขั้นตอนที่ 1

หากต้องการโพสต์ลิงก์ไปยังบล็อกของคุณ ให้เข้าสู่ระบบแผงการดูแลระบบของคุณ หากไดอารี่ถูกสร้างขึ้นโดยใช้เทคโนโลยีฟรี เช่น https://www.blogger.com/ ให้ลงชื่อเข้าใช้บัญชีของคุณผ่านเว็บไซต์ของบริษัทผู้พัฒนา ในกรณีนี้ ให้ป้อนชื่อผู้ใช้และรหัสผ่านของคุณบน หน้าหนังสือ

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

อย่างไรก็ตาม แถบงานจะแสดงช่วงของงานที่แคบมาก และหากคุณต้องการกำหนดรูปแบบลิงก์ด้วยวิธีพิเศษ คุณจะต้องทำการเปลี่ยนแปลงโค้ดของเพจ หากต้องการเปลี่ยนเป็นโหมดแก้ไข ให้เลือกคำสั่ง "Render in html"

ขั้นตอนที่ 5

แทรกลิงก์โดยใช้แท็กและเพิ่มองค์ประกอบที่น่าสนใจ คำแนะนำเครื่องมือถูกกำหนดโดยแอตทริบิวต์ title="ข้อความ" เพื่อให้หน้าเปิดในหน้าต่างใหม่ เขียน Alt = "Alternative text" - ค่าที่ระบุในเครื่องหมายคำพูดจะปรากฏแก่ผู้ใช้หากรูปภาพไม่แสดง ลิงค์ ลิงค์ ลิงค์ vlink - โครงร่างสีของลิงค์ที่ยังไม่ได้เยี่ยมชม ใช้งานอยู่ และใช้แล้ว ตั้งค่าในฟิลด์ เพื่อให้ขีดเส้นใต้ปรากฏขึ้นหลังจากวางเคอร์เซอร์ไว้ คุณต้องตั้งค่า: a: hover {text-decoration: underline; สี: # 800000} a {text-decoration: none;} ใช้ลิงก์ต่อไปนี้เพื่อสร้างเส้นประขีดเส้นใต้: A.dot {text-decoration: none; ขอบล่าง: 1px ประ # 000080; } A.dot: hover {สี: # f00000; } คุณลักษณะ: - text-decoration: none - ลบขีดเส้นใต้ - สี: # f00000 - ตั้งค่าสี - border-bottom: 1px dashed # 000080 - เพิ่มบรรทัดใหม่

ขั้นตอนที่ 6

บันทึกผลลัพธ์และตรวจสอบว่าลิงก์ใช้งานได้หรือไม่