Cara Membuat Tombol Share Setiap Postingan Blog,Tombol Share tentunya sangat bermanfat, karna mempermudah pengunjung untuk berbagi tentang isi didalam blog itu sendiri, kata orang si biarcepat terindeks di search engine (Seo Friendly) :)
Cara membuat/Memasang Tombol share pada setiap potingan ini pun mudah
Cukup
Loggin>Tata Letak>Add Gatget>Html/Java Script<Copy paste kode ini
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fa1d52c6093f652"></script>
<!-- AddThis Button END -->
atau bisa seperti ini
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:3px dotted #ccc;border-bottom:1px solid #b8b8b8;width:100%;height:25px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'>
<strong>Share this article</strong> :
</div>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' style='color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Facebook'>Share on FB</a> <a expr:href='"http://twitter.com/share?url=" + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Twitter'>Tweet</a> <a expr:href='"https://plus.google.com/share?url=" + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Google+'>Share on G+</a>
<a expr:href='"http://digg.com/submit?url=" + data:post.url' style='color: #fff; background: #808080 ; text-decoration: none; border: 1px solid #808080; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Submit to Digg'>Submit to Digg</a>
</div>
</b:if>
Waktu praktek 1 menit :)
Cara membuat/Memasang Tombol share pada setiap potingan ini pun mudah
Cukup
Loggin>Tata Letak>Add Gatget>Html/Java Script<Copy paste kode ini
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fa1d52c6093f652"></script>
<!-- AddThis Button END -->
atau bisa seperti ini
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:3px dotted #ccc;border-bottom:1px solid #b8b8b8;width:100%;height:25px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'>
<strong>Share this article</strong> :
</div>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' style='color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Facebook'>Share on FB</a> <a expr:href='"http://twitter.com/share?url=" + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Twitter'>Tweet</a> <a expr:href='"https://plus.google.com/share?url=" + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Google+'>Share on G+</a>
<a expr:href='"http://digg.com/submit?url=" + data:post.url' style='color: #fff; background: #808080 ; text-decoration: none; border: 1px solid #808080; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Submit to Digg'>Submit to Digg</a>
</div>
</b:if>
Jika ingi meletakanya di bawah postingan blog masuk ke menu template>>edit html>>cari kode <data:post.body/> dan pastekan kode diatas di bawahnya
Demikian Tutorial Dasar Blog Cara Membuat Tombol Share Setiap Postingan BlogWaktu praktek 1 menit :)
Page Load
mantap mas dani,,tolong mampir n liat hasil nya di blog saya mas, sudah saya terapin, www.bukuqw.blogspot.com ni linknya
BalasHapusSaya mau bekerja sama dengan agan.
BalasHapusAGan, FOLLOW Blog saya? Nanti akan ane FOLLBACK. =>> http://akramberbagi.blogspot.com/
Semoga mau bekerja sama dengan saya :)
Sudah aku pasang di blog aku, silahkan di cek, terima kasih, koment ganti artikel aku ya:
BalasHapushttp://fifisurabaya.blogspot.com/2014/12/3-cara-mengembalikan-kesuburan-rambut.html
mantap bro tolong mampir blog sya juga
BalasHapushttp://ramabatupermata.blogspot.com/
sangat menarik sekali nih, bertambah lagi ilmu saya....
BalasHapusmakasih banyak.
http://landongobatherbal.com/obat-herbal-insomnia/
Terima kasih sob,langsung dipraktekan. (h)
BalasHapus