Bloger:เพิ่มแผงปุ่มโซเชียลการติดตามต่างๆลงใน Blogger

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

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

gadget นี้มีประสิทธิภาพมากและสนับสนุนเกือบทุกแพลตฟอร์มไม่ว่าจะเป็น iPad, iPhone, Android และอื่น ๆ ตอนนี้ทุกคนสามารถกำจัดของชนิดที่แตกต่างกันของ gadgets สมัครสมาชิกสังคมเพราะพวกเขาได้รับทุกอย่างในเวลาเพียงหนึ่งอุปกรณ์ ขั้นสูงเครื่องมือทางสังคมจะเพิ่มกล่องเครื่องมือที่แถบด้านข้างของคุณที่ประกอบด้วยทั้งหมดที่เป็นที่นิยมเว็บไซต์เครือข่ายสังคมเช่น Google +1 / ปุ่มตาม Facebook และ Twitter เช่นเดียวกับทวีต / ตามปุ่ม

วิธีการเพิ่มการสมัครล่วงหน้าสังคม Widget ใน Blogger?

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

ไปที่ Blogger >> เว็บไซต์ของคุณ >> เค้าโครง >> เพิ่ม Gadget >> เพิ่ม HTML / JavaScript ตอนนี้วางรหัสต่อไปนี้อย่างระมัดระวัง โปรดจำไว้ว่า gadget นี้ยังจะทำงานบนแพลตฟอร์ม WordPress เพราะมันเป็นเพียงก้อนของการเข้ารหัสเจียมเนื้อเจียมตัว 

<style>/*--- MBL Advance Social Gadget --- */#socialwid { font-family:Arial, serif; text-transform: uppercase;font-weight:bold; font-size:15px; color:white; text-align:center; margin-top:10px;}
#socialwid a {color:inherit;}
#mbladvance-sub div *{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#mbladvance-sub div #likered{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUimkJQieVZA_2eoyfvbh25PfDuhIFH8XLKQggtSiL5kWcH3Uhv4c9sHuy2FXCroEQV98cpcsZlYWLoiJ44exPPmvKZP4Cax9Z8orLuUb5FBh4j18j75o0jcvoi8P8PRdGdGoUwnXWNhQ/s1600/Sociala.png)!important;background-position:top left;background-repeat:no-repeat;height:242px;width:300px;}#mbladvance-sub div{margin:0;padding:0;background-image:none!important;}
#mbladvance-sub{margin-bottom:15px;height:250px; background-color:#ffffff}</style>
<div id="mbladvance-sub" style="height: 257px!important;" class="block">
<div>
<div id="likered" style="height:257px!important;">
<div style="height: 47px;"></div>
<!--Google +1/Follow--><div style="width:300px; height:54px;overflow:hidden;border: 3px solid #8ec801;border-bottom: none;border-top: none; margin-top:1px;"><span style="width:75px;display:inline-block;float:left;padding: 15px 0 0 23px; "><div class="g-plusone" data-href="http://www.BloggerLeaders.blogspot.com"></div></span>
<span style="display:inline-block; width:170px;float:right;"><div class="g-plus" data-href="https://plus.google.com/BloggerLeaders" data-width="170" data-height="69"></div></span></div>
<!--Facebook Like--> <div style="border:1px solid #8ec801;padding:10px 10px 0 10px; border: 3px solid #8ec801;border-top: 1px solid #8ec801; border-bottom:none;"><iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com%2FBloggerLeaders&amp;send=false&amp;layout=standard&amp;width=280&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=36" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:36px;" allowtransparency="true"></iframe></div>
<!--Twitter Tweet/Follow--> <div style="border: 3px solid #8ec801;border-top: 1px solid #8ec801;border-bottom: none; padding:10px 0 5px 10px;height: 50px;"><span style="display:inline-block; width:195px;height: 35px;float: left;"><a href="http://twitter.com/BloggerLeaders" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @BloggerLeaders</a></span> <span style="display:inline-block;width:78px; overflow: hidden;line-height: 0;float: left;"><a href="www.BloggerLeaders.blogspot.com" class="twitter-share-button" data-show-count="false" data-size="large" data-text="The Best BloggerLeaders" data-url="http://www.BloggerLeaders.blogspot.com" data-via="BloggerLeaders" data-hashtags="design">Tweet</a></span> </div>
<!--Blogger--><div style="border: 3px solid #8ec801;border-top: 1px solid #8ec801; padding:8px 0 5px 10px;height: 54px;"><span style="display:inline-block; width: 120px;height: 30px;overflow: hidden;line-height: 0;float:left;margin-left: 16px;"><a href="http://www.blogger.com/profile/username" target="_blank"><img style="margin-top: 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYKxsfeCDX3dvxkXjzSJnQJwCVajwnrqMCz2CQcLZGo17zF0766yAbQhuHpXy2mPrM2cbadAbxb1Th3jD_JU3Ggnm-uuDWt5XUX1qAy501fCab6twF15O59cvpF2IMjN8uG3XhkLWbMo/s1600/Bloggerzzz.gif" width="110" /></a></span>
<!--Pinterest--> <span style="display:inline-block;width: 111px;height: 50px;overflow: hidden;line-height: 0;float: left;margin-left: 20px;"><a href="http://pinterest.com/username" target="_blank"><img style="margin-top: 3px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjVmBIVkbRAZaXqIt4jJpt4sK4FV8Evaht5UUlSEQKDqZ_k621D9TvOJBVuRjNx8hVd2kZoZu0UOyn1nf-C7FhnKAtjviQQFZM2rZcrfqzLRgUTck4IzgaBYlfgUzNn50yzEuEKzN3SS0/s1600/LogoRed.png" /></a><span style="display:inline-block;width:1px;height: 50px;overflow: hidden;line-height: 0;float: left;margin-left: 20px;"><div id="socialwid"></div></span></span></div><script src='https://mybloggerlab.googlecode.com/files/advsub.js' type='text/javascript'></div>
</div>
</div>

ปรับแต่ง: 

• Google +1 / ตาม URL ที่: แทนที่  http://www.BloggerLeaders.blogspot.com  ด้วย URL เว็บไซต์ของคุณนอกจากนี้แทนที่  https://plus.google.com/username  ด้วยรายละเอียดของ Google+ หรือ URL หน้า
• Facebook เช่นปุ่ม:   แทนที่  mybloggerlab  ด้วยชื่อผู้ใช้หน้า Facebook ของคุณ
• Twitter Follow / ทวีต:   แทนที่  http://twitter.com/bloggerleaders  ด้วย URL Twitter ของคุณ
• Pinterest:  แทนที่  http://pinterest.com/username  ด้วย URL Pinterest ของคุณ
• Blogger: แทนที่  http://www.blogger.com/profile/username  ด้วยรายละเอียด URL ของบล็อกเกอร์

จากโต๊ะบรรณาธิการ:

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

ข้อมูลจาก: http://www.bloggerleader.com