Widget Social Media selain untuk mempercatik tampilan halaman Blog atau situs, juga untuk berbagi.
Cara ini untuk memudahkan pengunjug Blog yang ingin berbagi artikel. Bagi sobat Bloger yang belum menggunakan widget ini ..Caranya login ke akun Blog , pilih rancangan,
pilih template, lalu Edit Html , lalu cari kode seperti ini. <data:post.body/> .
Silahkan copy kode dibawah ini lalu letakan tepat dibawah <data:post.body/> .
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == "item"'>
<div align='left'>
<p style='margin:0; border-bottom:2px padat #333 ;'> <font color=' #333'face='Arial Black' size='5'> Bagikan ini »& # 187; </ font> </ p>
<table border='0' cellpadding='5' cellspacing='10'> <tbody>
<tr>
<td style='padding-top:8px;'>
<g:plusone size='tall'/>
<script type='text/javascript'>
(Function () {
var po = document.createElement ('script'); po.type = 'text / javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName ('script') [0]; s.parentNode.insertBefore (po, s);
}) ();
</ Script>
</ Td>
<td style='padding-top:8px;'> <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</ Td>
<td style='padding-top:8px;'> <div id='fb-root'/> <skrip src = 'http://connect.facebook.net/en_US/all.js # Xfbml = 1' / > <fb:like font='' href='' layout='box_count' send='false' show_faces='false'/> </ td>
<td style='padding-top:8px;'> <a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'> Tweet </ a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </ td>
<td>
<-! AddThis Tombol BEGIN ->
<div class='addthis_toolbox addthis_default_style'>
<a class='addthis_counter'/>
</ Div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<-! AddThis Tombol END ->
</ Td>
</ Tr>
</ Tbody> </ table> </ div> </ b: if>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == "item"'>
<div align='left'>
<p style='margin:0; border-bottom:2px padat #333 ;'> <font color=' #333'face='Arial Black' size='5'> Bagikan ini »& # 187; </ font> </ p>
<table border='0' cellpadding='5' cellspacing='10'> <tbody>
<tr>
<td style='padding-top:8px;'>
<g:plusone size='tall'/>
<script type='text/javascript'>
(Function () {
var po = document.createElement ('script'); po.type = 'text / javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName ('script') [0]; s.parentNode.insertBefore (po, s);
}) ();
</ Script>
</ Td>
<td style='padding-top:8px;'> <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</ Td>
<td style='padding-top:8px;'> <div id='fb-root'/> <skrip src = 'http://connect.facebook.net/en_US/all.js # Xfbml = 1' / > <fb:like font='' href='' layout='box_count' send='false' show_faces='false'/> </ td>
<td style='padding-top:8px;'> <a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'> Tweet </ a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </ td>
<td>
<-! AddThis Tombol BEGIN ->
<div class='addthis_toolbox addthis_default_style'>
<a class='addthis_counter'/>
</ Div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<-! AddThis Tombol END ->
</ Td>
</ Tr>
</ Tbody> </ table> </ div> </ b: if>
<div style='clear: both;'/>
Sebelum disimpan sebaiknya klik pratinjau, semoga bermanfaat.
BACA JUGA :