วิธีการใส่ปุ่มสื่อสังคมบนบล็อก Tumblr

01 จาก 07

ลงชื่อสมัครใช้เพื่อสร้างบล็อก Tumblr

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

ทุกคนที่มีบัญชี Tumblr สามารถแชร์เนื้อหากับผู้ใช้รายอื่นได้โดยการกดปุ่ม "Like" หรือปุ่ม "Reblog" ในโพสต์บล็อกเฉพาะ เหล่านี้ปุ่มในตัวช่วยให้ทุกคนแบ่งปันเนื้อหาภายในผนังเสมือนของเครือข่าย Tumblr; อย่างไรก็ตามพวกเขาไม่ได้ให้ความยืดหยุ่นในการแชร์เนื้อหาในไซต์สื่อสังคมออนไลน์รายใหญ่ ๆ เช่น Facebook , Twitter , Google+ หรือ StumbleUpon

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

02 จาก 07

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

"ปุ่ม" ของ Facebook และปุ่ม "Tweet" ของ Twitter อย่างเป็นทางการ แต่คุณสามารถรวมปุ่มอื่น ๆ เช่นปุ่ม Digg, ปุ่ม Reddit, ปุ่ม Stumbleupon, ปุ่ม Google+, ปุ่ม Delicious หรือปุ่มสื่อสังคมออนไลน์อื่น ๆ ตามที่คุณต้องการ

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

03 จาก 07

ค้นหาและปรับแต่งโค้ดสำหรับแต่ละปุ่ม

เครือข่ายสังคม ส่วนใหญ่มีหน้าที่เฉพาะเจาะจงเพื่อแสดงให้ผู้ใช้ทราบวิธีติดตั้งและกำหนดปุ่มแชร์ของตนเองในบล็อกหรือเว็บไซต์ หากคุณมีปัญหาในการค้นหาสิ่งที่ต้องการให้ลองพิมพ์รหัส "[ชื่อเครือข่ายสังคม]" ลงในเครื่องมือค้นหาที่ต้องการเพื่อค้นหาและแทนที่ [social network name] ด้วยชื่อเว็บไซต์ ตัวอย่างเช่นโดยการค้นหา "รหัสปุ่ม Twitter" หนึ่งในผลลัพธ์แรกที่จะปรากฏขึ้นควรเป็นหน้าปุ่มอย่างเป็นทางการของ Tweet จากเว็บไซต์ Twitter

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

04 จาก 07

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

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

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

05 จาก 07

ค้นหาผ่านเอกสารธีม

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

กดปุ่ม Control และตัวอักษร "F" บน แป้นพิมพ์ พร้อม ๆ กันเพื่อเปิดช่องป้อนข้อมูล Finder ป้อน "{/ block: Posts}" และกดปุ่มค้นหาเพื่อค้นหาบรรทัดของโค้ดอย่างรวดเร็ว

• วิธีการเพิ่มปุ่ม Facebook Like ลงในเว็บไซต์ใด ๆ

06 จาก 07

วางรหัสปุ่มลงในเอกสารธีม

คัดลอกรหัสปุ่มที่กำหนดเองที่คุณสร้างขึ้นและวางโค้ดโดยตรงก่อนบรรทัดของโค้ดที่อ่าน: {/ block: Posts} ซึ่งจะบอกธีมบล็อกเพื่อแสดงปุ่มสื่อสังคมออนไลน์ที่ด้านล่างของโพสต์บล็อกทุกฉบับ

07 จาก 07

ทดสอบบล็อก Tumblr ของคุณ

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

เคล็ดลับ:

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