mengambang gadget show di setiap halaman blog.
Ada memiliki banyak gadget mengambang vertikal, tetapi dalam
gadget ini, saya termasuk dengan jaringan sosial Printrest
tombol berbagi. Jadi, kemauan ini membantu untuk pin posting Anda
Sebelumnya saya diposting tentang menu mengambang yang sama dengan
gaya yang berbeda, cek dari sini. Cara Tambah
Vertikal Mengambang Sosial Sharing Bar Untuk Blogger.
Harapan keduanya membantu Anda. Ikuti langkah-langkah
untuk menambahkannya ke blog Anda.
1. Masuk ke akun blogger dan Pergi ke Desain >> Edit HTML
(pastikan backup dulu template anda)
2. Masukan diperiksa ditandai Expand Template Widget
3. Cari kode ini dengan menggunakan Ctrl + F <b:includable id='post' var='post'>
4. Paste kode di bawah, Setelah <b:includable id='post' kode var='post'>
<style type='text/css'>
#Bloggertrix-share {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;}
</style>
<div id='Bloggertrix-share' title='Share with your friends'>
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false});</script>
<div style='margin:10px 0 0px 6px;'>
<span class='st_fblike_vcount' displaytext=''/>
</div>
<span class='st_twitter_vcount' displaytext='' st_via='bloggertrix'/>
<div style='margin:10px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);}
</script> </center>
</div>
<div style='margin:0px 0 0 5px;'>
<span class='st_plusone_vcount' displaytext=''/>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px -2px 4px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
ui_cobrand: "Bloggertrix",
ui_header_color: "#ffffff",
ui_header_background: "#0080FF"}
</script>
</div>
<br/>
<div style='clear: both;font-size: 8px;text-align:center;'><a href='http://www.bloggertrix.com/2012/07/vertical-social-floating-bar-with.html' style='text-decoration: none;' target='_blank'><font color='#816D77' decoration='none'>Get widget</font></a></div><!-- Do not remove this link -->
</div>
5. Sekarang klik Simpan Template.
moga berhasil iya sobat
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll
Sobat sedang membaca artikel tentang Vertikal Sosial Floating Bar Dengan Pinterest Untuk Blogger. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
No comments:
Post a Comment