Widget Keren Share Floating dan Cara Memasang di Postingan

Widget Keren Share Floating dan Cara Memasang di Postingan -

Hallo para Blogger, ehh ketemu lagi...
kali ini kita akan berbicara mengenai share floating, apa sich penting share floating itu 
share floating sangat penting untuk blog maupun web karena dengan share floating itu para pengunjung yang suka dengan artikel kita mereka akan meyebarkan lewat jejaring sosial seperti facebook, twitter, digg, kaskus dan masih banyak lagi sosial network yang lain...
enggak usah lama-lama pembukaannya langsung aja dech
Berikut adalah caranya:

• Pertama masuk dulu ke akun Blogger
• Kedua klik Rancangan, lalu Edit Html jangan lupa centang Expand Template Widget atau download template lengkap untuk membackup jika terjadi kesalahan pengeditan maka template akan bisa di kembalikan seperti semula

Lalu cari kode seperti ini <div class='post-header-line-1'/> dan <div class='post-footer-line post-footer-line-3'/> untuk mempermudah pencarian tekan Ctrl+F 


Lalu copy kode di bawah ini



<div class='addthis_toolbox addthis_default_style '>
<a class='twitter-share-button' data-hashtags='follow' data-lang='id' data-related='yulioadicandra' data-url='http://yyulio.blogspot.com' data-via='yulioadicandra' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f6218ee065adfe4' type='text/javascript'/>


Nah, agar share floating  ini hanya muncul pada halaman posting saja dan tampak rapi, kita perlu menambahkan kode tertentu sehingga kodenya menjadi seperti di bawah ini.



<b:if cond='data:blog.pageType == &quot;item&quot;'>


<div class='addthis_toolbox addthis_default_style '>
<a class='twitter-share-button' data-hashtags='follow' data-lang='id' data-related='yulioadicandra' data-url='http://yyulio.blogspot.com' data-via='yulioadicandra' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f6218ee065adfe4' type='text/javascript'/>
</b:if>

Lalu letakkan  taruh di bawah kode  <div class='post-header-line-1'/> jika ingin share floatingnya berada di atas postingan


Dan jika ingin menaruhnya di bawah postingan maka taruh di bawah kode <div class='post-footer-line post-footer-line-3'/>


Lalu klik SIMPAN 
Semoga berhasil................


Keterangan 
Huruf yang berwarna merah ganti dengan alamat Blog atau Web sobat dan huruf yang ber warna merah ganti dengan username twitter sobat

Tweet