วันจันทร์ที่ 6 ตุลาคม พ.ศ. 2557

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

18:07


ท่านเคยคิดของการรวมทุกปุ่มสมัครสมาชิกสังคมเป็นหนึ่งในน้อยน่ารัก 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(http://4.bp.blogspot.com/-O0Hpy4cRnvg/UO2oso7C2RI/AAAAAAAALKE/7kbHd9DlwcA/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="http://4.bp.blogspot.com/-hHcPJba-g4k/UOxPjTZDttI/AAAAAAAALDQ/RnlURlUJUJ4/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="http://2.bp.blogspot.com/-mKP2fHbgZyI/UOxOTpidswI/AAAAAAAALDA/_tpcxghaRfs/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

1 ความคิดเห็น :

แสดงความคิดเห็น

ป้ายกำกับ

คลังรูปภาพ ความรู้เกี่ยวกับเว็บไซต์ ความรู้เทคนิคเคล็ดลับ คำคมโดนๆจากหลายสำนัก เคล็ดลับสาระน่ารู้ โดเมนโฮสติ้ง ตำนานประวัติศาสตร์ แนะนำหนัง สนุก มัน ซึ้ง บทความดีๆที่น่าอ่าน บล็อกและเว็บไซต์ ประเพณีพื้นบ้านไทย ปริศนาโลก ภาพสวยอาร์ตหลากอารมณ์ มุมมองเกี่ยวกับความรัก มุมมองความรัก รวมภาพตุ๊กตาน่ารัก รวมภาพสัตว์น่ารัก รวมภาพสาวเซ็กซี่น่ารัก รวมภาพอาร์ตๆ เรื่องของเห็ดๆ เรื่องจริงที่ไม่น่าเชื่อ เรื่องราวลี้ลับพิศวง วัดพระธาตุนครพนม เว็บไซต์ร้านค้าออนไลน์ สถานที่ท่องเที่ยว จ.ชัยภูมิ สถานที่ท่องเที่ยว จ.นครพนม สถานที่ท่องเที่ยวจากทั่วโลก สถานที่ท่องเที่ยวไทย สร้างรายได้ออนไลน์ สังคมและกฎหมาย สูตรการทำอาหาร อัพเดทสังคมออนไลน์ Anime ภาพการ์ตูนสวยๆ App มือถือ blogger facebook Gif ภาพเคลื่อนไหว Google Opencart Wallpapers