Profile Box Complete Social Media Widget For Blogger. It is a widget that contains buttons like and profiles such as Facebook, Twitter, Google Plus and Blogger Connect. This widget is indispensable to the blog so that visitors can interact not only in the blog, but in Social Media as well. Why it important for you to add this widget. Because this widget will display your profile in social media completely. It will increase your follower in social media by hiring those easily. You can see the demo below to get the result of this widget.How to Add Profile Box Widget.
1. You only have to add a HTML/Javascript Gadget.
2. Copy the code below.
3. Paste on your HTML/Javascript box.
4. Then, click save.
<div style="background:#3498db;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">5. Please log on your blogger account
<a href="http://www.blogger.com/follow-blog.g?blogID=3500693341502604426" target="_blank" title="Follow This Blog"><span style="color:#fff">Join</span> <span style="color:#000">Now</span></a>
</div>
<div style='background:#fff;margin:0;border:1px solid #ccc;border-bottom:none;border-top:none'>
<div style='background:#fff;margin:0;'>
<div class="fb-like-box" data-href="https://www.facebook.com/Blogokay" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="false"></div></div>
<div style="background:#fff; border-top:1px solid #ccc;margin:0; padding:5px 0 5px 40px"><a href="https://twitter.com/Bloggerokay" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Follow @Bloggerokay</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http:/www.blogokay.com"></div></div></div>
<div class="g-person" data-href="//plus.google.com/112483472907381096143" data-layout="landscape" data-rel="author"></div>
6. Save the following code above the </body>.
<script type='text/javascript'>To change the address in the above code that I consider the code mark , then just change according to the setting below :
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})();
//]]>
</script>
3500693341502604426 Please replace with your blog ID
https://www.facebook.com/Blogokay Change to address your Page Fans
https://www.twitter.com/Bloggerokay Replace with your Twitter address
@Bloggerokay Replace with your Twitter username
http://www.Bloggerokay.com Change with your blog address
112483472907381096143 Replace with your Google Plus account ID
Finally, Profile Box With Social Media Button Widget For Blogger have been added to your blog. Thanks for reading tutorial and read the other tutorial.
Advertisement
EmoticonEmoticon