Skipzen - Widget Blogger, Tombol Share. Dari Pengalaman saya selama ini, dengan memasang tombol share sosial media pada blog anda. Hal tersebut bisa meningkatkan visitor/pengunjung yang berkunjung ke blog anda, kenapa?. Karena pada saat orang menemukan artikel anda yang diangapnya menarik, si pengunjung dengan senang hati akan membagikan artikel anda melalui widget share button/tombol share tersebut, tombol share ini juga berfungsi membagikan artikel anda ke banyak grup guna mendapatkan visitor ataupun melakukan BW (Blogwalking).
Langsung aja praktik dan terapkan, sekalian menambah wawasan dan mempercantik tampilan blog.Cara memasang tombol share menarik di blog
1. Login dan masuk terlebih dahulu ke blog yang ingin dipasangkan button share2. Masuk kemenu Template lalu klik Edit HTML
3. Copy code css dibawah ini tepat sebelum kode atau
/* Button share www.skipzen.org */4. Selanjutnya Copy-kan lagi kode Html dibawah ini setelah kode
.social-buttons-box {
height: 67px;
margin: 20px 0px 15px;
overflow: hidden;
}
.social-buttons {margin:0 0;height:67px;float:left;}.social-buttons .share {float:left;margin-right:10px;display:inline-block;}.share-btn {margin:15px 0 25px;height:20px;overflow:hidden;} /* Button share www.skipzen.org */
<!-- Share Buttons by www.skipzen.org -->5. Lalu copy lagi kode Javascript dibawah ini dan letakan sebelum kode
<div class='social-buttons-box'>
<div class='social-buttons'>
<div class='share gplus'><div class='g-plusone' data-count='true' data-size='tall' expr:data-href='data:post.url'/></div>
<div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
<div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' title='Share via Twitter'>Tweet</a></div>
<div class='fb-share-button' data-layout='box_count' expr:data-href='data:post.url'/>
</div>
</div>
<div style='clear: both;'/>
<script>6. Terakhir simpan kembali template anda dan lihat hasilnya.
window.___gcfg = {lang: 'id'};
(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>
<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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script><div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
:)
:(
=(
^_^
:D
=D
|o|
@@,
;)
:-bd
:-d
:p