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 :
Tips Blog
- Cara Pasang Picture Animasi
- Cara Pasang Globe Locator
- Cara Menambahkan Smiley Emoticons Blog
- Cara Membuat Teks Berjalan ( Marquee ) Dengan Background Color
- Cara Membuat Widget Photo Bertumpuk
- Cara Menghilangkan Navbar
- Cara Hilangkan Judul Blog
- Cara Menambahkan Animasi Batman Berjalan
- Cara Menambahkan Widget Top Komentar
- Cara Mengtahui Nilai Blog Punya Kita
- Cara Merubah Halaman Posting Seperti Koran
- Cara Menambahkan Widget Profil Sosial Media
- Cara Pasang Label Berputar
- Cara Pasang TV Online
- Cara Pasang Baner Flash Game
- Cara Menambahkan Lafaz Alhamdulillah Di Akhir Postingan (Text Arab)
- Cara Menambahkan Lafaz Basmalah Di Atas Postimgan
- Cara Melihat Ip address, Os, Lokasi, Dan Browser Pengunjung Blog
- Cara Anti Copas Artikel
- Cara Melihat Tamplian Blog Dari Komputer Dan Resolusi Yang Berbeda
- Cara menampilkan Posting Hanya Judulnya Saja Pada Label Yang Di Pilih
- Cara Membuat Teks Area Untuk Copy Paste
- Cara Copy Paste Artikel dengan Benar
- Cara Mengcopy Artikel Yang Tidak Bisa Di Copy