Cara Menciptakan Teks Link Dan Tombol Share Media Umum Di Postingan Blogspot
Bagaimana menciptakan tombol share atau link menyebarkan postingan ke medai sosial?
Blogger.com-Share blog Anda melalui media umum ialah cara yang cantik untuk meningkatkan jumlah pembaca dan kemudian lintas Anda, jadi penting untuk mempermudah menyebarkan posting blog Anda. Tutorial ini akan menunjukkan kepada Anda cara menambahkan tautan dan ikon bagi tautan secara manual ke blog Anda di Blogspot. Ini biasanya jauh lebih higienis dan lebih gampang untuk dikustomisasi daripada opsi yang ditawarkan setiap situs jejaring sosial. Saya juga telah mencantumkan beberapa widget yang akan secara otomatis menambahkan tombol share postingan
Menambahkan teks link share media umum di bawah postingan blog
Untuk tutorial ini, kami akan menambahkan tautan menyebarkan ke bab footer, tetapi Anda sanggup menambahkannya di mana saja dalam postingan bila Anda mau.Temukan arahan berikut di Tema > Edit HTML. Jika Anda kesulitan menemukan arahan di editor HTML, periksa kedua postingan ini - Cara mencari arahan di Blogger editor HTML
<div class='post-footer-line post-footer-line-1'>
Akan ada dua dari arahan ini yang akan anda temukana, temukan yang kedua dengan memakai sistem penomoran di sebelah kiri editor. Di bawah arahan kedua <div class='post-footer-line post-footer-line-1'> paste arahan link share dibawah ini.
SHARE TO FACEBOOK – BLOGGER
<a class='xosocial' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'>Share via Facebook</a>
SHARE TO TWITTER – BLOGGER
<a class='xosocial' expr:href='"https://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Tweet This'>Share to Twitter</a>
SHARE TO PINTEREST – BLOGGER
<a class='xosocial' href='javascript:void((function()%7Bvar%20e=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)%7D)());'>Share to Pinterest</a>
SHARE VIA EMAIL – BLOGGER
<a class='xosocial' expr:href='"mailto:?subject=" + data:post.title + "&body=" + data:post.url'>Share Via Email</a>
SHARE TO GOOGLE PLUS – BLOGGER
<a class='xosocial' expr:href='"https://plus.google.com/share?url=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Share This On Google'>Share on Google Plus</a>
ADD TO DIGG – BLOGGER
<a class='xosocial' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='nofollow' target='_blank' title='Digg This'>Share to Digg</a>
ADD TO STUMBLEUPON – BLOGGER
<a class='xosocial' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Stumble this'>Share to StumbleUpon</a>
Menambahkan link share dalam bentuk widget
<a class='a2a_dd xosocial' href='http://www.addtoany.com/share_save'>Share this post</a>
<script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
<br/><a class='a2a_dd xosocial' href='http://www.addtoany.com/share_save'>Share this post</a><p class='a2a_linkname_escape' style='display:none'><data:post.title/></p><script type='text/javascript'>var a2a_config = a2a_config || {};a2a_config.linkname_escape=1;a2a_config.linkurl="<data:post.url/>";</script><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'></script>
MENAMBAH GAMBAR / IKON BUKAN LINK TEKS SHARE MEDIA SOSIAL
Ganti teks sebelum </a> dengan tag gambar berikut. Tambahkan URL Gambar Langsung Anda dan deskripsi tautan atau gambar.<img src="DIRECT IMAGE URL" alt=" Bagaimana menciptakan tombol share atau link menyebarkan postingan ke medai sosial Cara menciptakan teks link dan tombol share media umum di postingan blogspot" border="0" />
MEMBUAT RATA TENGAH SHARE LINKS & FOOTER LINE DI BLOGSPOT
Jika Anda ingin ikon muncul di tengah posting, tambahkan salah satu arahan berikut di atas ]]> </b:skin> ke Tema > Edit HTML. Yang Anda gunakan akan bergantung pada baris footer apa yang Anda tambahkan juga. Untuk menyejajarkan tautan menyebarkan ke satu sisi pos Anda, cukup ubah sentra untuk kiri atau kanan..post-footer-line.post-footer-line-1 { text-align: center; }
.post-footer-line.post-footer-line-2 { text-align: center; }
.post-footer-line.post-footer-line-3 { text-align: center; }
RATA TENGAH HANYA LINK SHARE
Untuk menciptakan rata tengah hanya tautan menyebarkan tambahkan <div id="sharebtns> sebelum arahan share dan tambahkan arahan epilog </div> setelahnya.<div id = "sharebtns"> arahan share media umum disini </ div>
Kemudian tambahkan hal-hal berikut di atas ]]></b:skin> ke Tema > Edit HTML. Untuk menyejajarkan tautan menyebarkan ke satu sisi pots Anda, cukup ubah center dibawah ini menjadi left atau right.
#sharebtns {text-align: center; }
