Tips Menciptakan Tombol Share Pada Blog Dengan Mudah
Membangun sebuah blog memang rada susah-susah praktis menyerupai halnya menciptakan tampilan blog bagaimana biar terlihat lebih menarik biar para pengunjung nyaman dalam membaca artikel yang kita buat atau tulis. Selain itu tugas serta media umum juga sangat penting dalam membangun sebuah blog menjadi lebih tenar dan mendapat banyak pengunjung.
Terkadang bila artikel menarik untuk dibaca dan bermanfaat maka pengunjung sebagai pembaca ingin membagikannya dengan orang lain melaui media sosial, namun apa jadinya bila tombol share tersebut tidak ditemukan pada konten tersebut, masa iya artikel harus dicopy dan dipastekan pada status media sosial? kan kurang menarik untuk dibaca dan itu sangat merugikan bagi blog kita.
Nah, biar hal tersebut tidak terjadi pada blog kalian ada baiknya kalian memasang tombol share disetiap postingan blog biar memudahkan pengunjung untuk membagikan artikel yang bermanfaat tersebut kepada orang lain, dan kesudahannya blog kalian akan mendapat lebih banyak pengunjung.
Untuk membuat tombol share pada blog caranya sangat mudah, bagi para newbie pun sanggup melakukannya dengan gampang. Langsung saja simak tipsnya berikut ini:
Pertama kalian copy terlebih dahulu script dibawah ini;
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Bagikan di:
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal'
data-via='User Name'
href='http://twitter.com/share'>Tweet</a><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<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>
</div>
</div>
</b:if>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Bagikan di:
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal'
data-via='User Name'
href='http://twitter.com/share'>Tweet</a><script
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<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>
</div>
</div>
</b:if>
selanjutnya kalian masuk dashbor blogger - Tema - Edit HTML dan pastekan script tersebut sempurna dibawah kode <data:post.body/> . untuk memudahkan kalian mencari isyarat tersebut tekan Ctrl + F dan ketik isyarat tersebut lalu enter.
Baca juga : Tips Index Blog Dalam 5 Menit
Baca juga : Tips Index Blog Dalam 5 Menit
Mempaste atau meletakkan script share tersebut sempurna dibawah isyarat <data:post.body/> maka tombol menyebarkan akan terletak dibawah postingan kalian, tapi bila script tersebut diletakkan sempurna diatas isyarat maka tombol menyebarkan akan terletak pada bab bawah judul postingan kalian. Jika kalian ingin merubah goresan pena "Bagikan di" kalian tinggal rubah goresan pena yang berwarna merah pada script diatas.
