(isi iklan)
Pada kesempatan kali ini saya akan membahas cara membuat tombol share di bawah postingan blog,
adapun guna dari tombol tersebut sudah tak asing lagi bagi para bloggers di seluruh dunia, karena fungsinya sangat berguna sekali dalam share ke media sosial dan bisa juga agar postingan cepat ter index dalam mesin pencari Google...adapun caranya sbg berikut ini.
pertama pilih menu Tempalte Dan edit HTML , cari <data:post.body/> atau bisa juga <b:includable id='shareButtons' var='post'> setelah menemukan kode tersebut letakkan tepat setelah kode tersebut:
Contoh 1
Contoh 2
<!-- Scripts Start --><b:if cond='data:post.isFirstPost'><!-- Facebook --><div id='fb-root'/><script>(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 = "http://connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><!-- Google +1 --><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><!-- Twitter --><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></b:if><!-- Scripts End --><!-- Horizontal social buttons Start --><div class='horizontal-social-buttons' style='padding:10px 0 10px;'><!-- Twitter --><div style='float:left;'><a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div><!-- Google +1 --><div style='float:left;'><g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/></div>
<!-- Facebook Like+Send --><div style='float:left;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false'/> </div><!-- linkedin --><script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' type='IN/Share'/><!-- Pinterest Start --><b:if cond='data:blog.pageType == "item"'><div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'><a data-pin-config='beside' data-pin-do='buttonPin' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
</div> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/><style type='text/css'> #pin-wrapper > a {background-image:none !important;}</style> </b:if> <!-- Pinterest End -->
</div><div style='clear: both;'/>
Oke setelah itu klik Simpan template.... jreng jreng... tombol share otomatis sudah tampil tepat di bawah postingan blog....
seklian dulu dan Good Luck....
Salam Bloggers.....
Judul | Cara Membuat Tombol Share di bawah Postingan Blog |
Deskripsi | Pada kesempatan kali ini saya akan membahas cara membuat tombol share di bawah postingan blog, adapun guna dari tombol tersebut sudah tak ... |
Author | Unknown |
Author Rating |
89,99%/
100% Suara Dari 9999 Ulasan
|
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di IDCEPU
Tag :
Blogger,
TIPS BLOGER
0 Komentar untuk "Cara Membuat Tombol Share di bawah Postingan Blog"
Silahkan tinggalkan komentar anda di bawah ini,
Adapun peraturan berkomentar di blog ini:
1.Tidak komentar SPAM
2.Tidak komentar PROMOSI
3.Tidak komentar yang mengadung unsur SARA
4.Berkomentar dengan SOPAN
Salam IDCEPU