Skip to main content

บล็อก Tumblr การสอนเกี่ยวกับการเพิ่มปุ่มสื่อสังคมออนไลน์

Anonim

ทุกคนที่มีบัญชี Tumblr สามารถแชร์เนื้อหากับผู้ใช้รายอื่นได้โดยกดปุ่ม เช่นเดียวกับปุ่ม ที่ปุ่ม Reblog หรือ ปุ่มส่ง ในโพสต์บล็อกเฉพาะภายในแดชบอร์ด Tumblr

เหล่านี้ปุ่มในตัวช่วยให้คุณสามารถแบ่งปันเนื้อหาภายในผนังเสมือนของเครือข่าย Tumblr; อย่างไรก็ตามพวกเขาไม่ได้ให้ความยืดหยุ่นในการแบ่งปันเนื้อหาจากบล็อก Tumblr บนเว็บ (นั่ง BlogName.Tumblr.com ) บนไซต์สื่อสังคมออนไลน์รายใหญ่ ๆ เช่น Facebook, Twitter, Google+ หรือสถานที่อื่น ๆ

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

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

ไม่ต้องกังวลง่ายกว่าที่คิด นี่คือวิธีการทำ

01 จาก 07

ลงทะเบียนหรือเข้าสู่บัญชี Tumblr ของคุณเพื่อสร้างหรือเข้าถึงบล็อกของคุณ

หากคุณยังไม่ได้สร้างบล็อก Tumblr หรือลงชื่อสมัครใช้บัญชีอยู่สิ่งแรกที่คุณต้องทำก็คือไปที่ Tumblr.com ซึ่งคุณจะได้รับแจ้งให้ป้อนที่อยู่อีเมลรหัสผ่านและ URL ของบล็อกที่ต้องการเพื่อเริ่มต้นใช้งาน .

หากคุณมีบัญชีและบล็อกเพียงลงชื่อเข้าใช้

02 จาก 07

เลือกปุ่มสื่อสังคมออนไลน์ของคุณ

ค้นหาด้วย Google สำหรับปุ่มแชร์เครือข่ายสังคมที่คุณต้องการใส่ลงในบล็อก Tumblr ของคุณ เครือข่ายสังคมที่สำคัญ (หรือไม่ทั้งหมด) ส่วนใหญ่ได้ทุ่มเทหน้าที่ช่วยเหลือซึ่งจะแสดงวิธีตั้งค่า

เพื่อความสะดวกของคุณต่อไปนี้เป็นหน้าปุ่มแชร์ที่เป็นทางการสำหรับบางเครือข่ายทางสังคมที่ได้รับความนิยมมากที่สุด:

  • ปุ่ม Facebook Like อย่างเป็นทางการ
  • ปุ่ม Twitter Tweet อย่างเป็นทางการ
  • ปุ่มแชร์ LinkedIn อย่างเป็นทางการ
  • ปุ่ม Google+ Share อย่างเป็นทางการ
  • ปุ่มบันทึก Pinterest อย่างเป็นทางการ

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

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

พิจารณาวางปุ่มสื่อสังคมออนไลน์ไม่เกินห้าหรือหกรายการใต้โพสต์บล็อกแต่ละบล็อก แต่อาจมีน้อยลง

03 จาก 07

ปรับแต่งปุ่มของคุณและคว้ารหัส

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

คัดลอกและวางลงในคำหรือเอกสารเปล่า ทำทุกปุ่มที่คุณต้องการเพื่อให้คุณมีรหัสของแต่ละปุ่มพร้อมใช้งาน

04 จาก 07

เข้าถึงรหัสธีม Tumblr ของคุณ

กลับไปที่แผงควบคุม Tumblr ของคุณ คลิก ไอคอนบุคคล ในเมนูด้านขวาบนแล้วคลิก แก้ไขลักษณะที่ปรากฏ ในเมนูแบบเลื่อนลงสำหรับบล็อกที่เกี่ยวข้อง (ถ้าคุณมีหลายบล็อก)

ในหน้าต่อไปนี้ให้คลิกที่ แก้ไขปุ่มชุดรูปแบบ. บล็อกของคุณจะเปิดในโหมดดูตัวอย่างทางด้านขวาของหน้าจอโดยใช้โปรแกรมแก้ไขทางด้านซ้าย

คลิก แก้ไข HTML ในตัวแก้ไขทางด้านซ้ายใต้ป้ายกำกับธีมที่กำหนดเอง ตัวแก้ไขจะขยายเพื่อแสดงรหัสธีมทั้งหมดของคุณ

บุคคลที่ไม่มีประสบการณ์ในการทำงานกับ HTML, PHP, JavaScript และรหัสคอมพิวเตอร์อื่น ๆ อาจรู้สึกกลัวโดยดูที่ส่วนนี้ สิ่งสำคัญที่ต้องจดจำคือคุณจะไม่ได้เขียนโค้ดใหม่เลย

สิ่งที่คุณต้องทำคือวางรหัสปุ่มไว้ในเอกสารชุดรูปแบบซึ่งจะแสดงวิธีการดำเนินการในส่วนถัดไป

05 จาก 07

ค้นหาผ่านรหัสธีมของคุณ

บรรทัดเดียวของรหัสที่คุณต้องหาคือบรรทัดที่อ่านว่า: {/ บล็อก: บทความ}

นี้หมายถึงส่วนท้ายของโพสต์บล็อกและโดยปกติจะพบได้ใกล้กับส่วนล่างของเอกสารชุดรูปแบบทั้งนี้ขึ้นอยู่กับธีม Tumblr ที่คุณใช้อยู่ หากคุณมีปัญหาในการค้นหาโค้ดบรรทัดนี้เพียงแค่เรียกดูข้อมูลผ่านทางนี้คุณสามารถลองใช้ Ctrl + F / Cmd + F หรือคลิกที่ปุ่ม ไอคอนรูปเฟือง ที่มุมบนซ้ายของหน้าจอให้คลิก ค้นหาและแทนที่ แล้วพิมพ์ {/ บล็อก: บทความ} เข้าไปใน ค้นหาฟิลด์.

ฟังก์ชั่นค้นหาจะค้นหาและไฮไลต์โดยอัตโนมัติ{/ บล็อก: บทความ} ในรหัสชุดรูปแบบของคุณ

06 จาก 07

วางรหัสปุ่มลงในโค้ดธีมของคุณ

คัดลอกรหัสปุ่มที่กำหนดเองที่คุณสร้างขึ้นและวางโค้ดโดยตรงก่อนบรรทัดของโค้ดที่อ่าน: {/ บล็อก: บทความ}.

ซึ่งจะบอกธีมบล็อกเพื่อแสดงปุ่มสื่อสังคมออนไลน์ที่ด้านล่างของโพสต์บล็อกทุกฉบับ

คลิก อัปเดตหน้าตัวอย่าง จากนั้นคลิกที่ ปุ่มบันทึกสีฟ้า ที่ด้านบนของตัวแก้ไข

07 จาก 07

ทดสอบบล็อก Tumblr ของคุณเพื่อดูปุ่มแชร์สังคมใหม่ ๆ

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

คุณสามารถคลิกเพื่อแชร์บทความ Tumblr บนเครือข่ายโซเชียลมีเดียอื่น ๆ ได้อย่างง่ายดาย

เคล็ดลับ:

  • วางรหัสปุ่มภายในเอกสารชุดรูปแบบทุกครั้งที่คุณเปลี่ยนชุดรูปแบบบล็อกเป็นชุดรูปแบบใหม่ การเปลี่ยนชุดรูปแบบจะไม่โอนโค้ดที่วางไว้ก่อนหน้านี้ลงในเอกสารชุดรูปแบบใหม่
  • เมื่อใส่ปุ่มสื่อสังคมออนไลน์มากกว่าหนึ่งบล็อกให้ตรวจสอบว่าไม่มีช่องว่างหรือบรรทัดใหม่ระหว่างตัวอย่างโค้ดรหัสที่แตกต่างกันสองตัวอย่าง เพื่อให้แน่ใจว่าปุ่มหลายปุ่มจะแสดงผลตามแนวนอนในแนวนอนซึ่งตรงข้ามกับการแสดงผลในแนวตั้งบนเส้นต่างๆ
  • ทดลองกับการวางโค้ดสำหรับปุ่มทางสังคมก่อน {/ block: elements อื่น ๆ ด้วย ขึ้นอยู่กับธีมของคุณคุณอาจสังเกตเห็นว่าปุ่มปรากฏที่ด้านล่างสุดของหน้าบล็อกหลังจากโน้ตจากผู้ใช้ Tumblr รายอื่น ๆ