- Login ke Blogger.
- Klik menu Template > Edit HTML.
- Cari kode ]]></b:skin>, gunakan (CTRL + F) untuk memudahkan pencarian.
- Letakkan kode dibawah ini diatas kode ]]></b:skin>
#share-btn{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;margin-top:10px;font-size:80%;width:100%;padding:10px;color:#000;}
#share-btn img{margin:0px 10px 0px 0px;} - Setelah itu cari kode <data:post.body/> , jika lebih dari satu, maka letakkan di bagian yang ke dua atau tiga.
- Copy kode dibawah ini dan letakkan di bawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id='share-btn'>
<b>Bagikan artikel ini :</b><br/><br/>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank' title='Berbagi ke Facebook'><img src='https://lh6.googleusercontent.com/-Y_VUkOKNg1M/Ul_GST5_R0I/AAAAAAAAB-A/x9qSMfdS-JM/s35-no/facebook-icon.png'/></a>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + " : " + data:post.snippet' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank' title='Berbagi ke Twitter'><img src='https://lh6.googleusercontent.com/-VzbOYSIoN8c/Ul_GTECar5I/AAAAAAAAB-M/M05Ouf28Yy8/s35-no/twitter-icon.png'/></a>
<a expr:href='"https://plus.google.com/share?url=" + data:post.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank' title='Berbagi ke Google Plus'><img src='https://lh3.googleusercontent.com/-NlwgIK8uEuA/Ul_GSjHTOcI/AAAAAAAAB98/DWzGJWV0EsE/s35-no/google-plus-app-icon.jpeg'/></a>
<a expr:href='"http://www.blogger.com/blog-this.g?n=" + data:post.title + "&source=" + data:blog.title + "&b=<a href='" + data:post.firstImageUrl + "'>&lt;img src=&#039;" + data:post.firstImageUrl + "'/></a><br/>" + data:post.snippet + "<br/><a href='" + data:post.url + "'>Baca Selengkapnya...</a>"' expr:onclick='"window.open(this.href, \"_blank\", \"height=500,width=700\"); return false;"' rel='nofollow' target='_blank' title='Berbagi ke Blogger'><img src='https://lh6.googleusercontent.com/-oWTQ9nPSrZk/Ul_GSet1KUI/AAAAAAAAB-E/1yB-61t7Qbk/s35-no/blogspot-495x331.jpg'/></a>
<a expr:href='"http://www.blogger.com/email-post.g?blogID=" + data:blog.blogId + "&postID=" + data:post.id' rel='nofollow' target='_blank' title='Kirimkan Ini Lewat Email'><img src='https://lh3.googleusercontent.com/-XBswmQor-LE/Ul_MFG03TII/AAAAAAAAB_A/8HLyaaLfwMQ/s35-no/email-icon.jpg'/></a>
<a href='javascript:window.print()' rel='nofollow'><img src='https://lh4.googleusercontent.com/-xeE_3XyKYrE/Ul_NFrSWi_I/AAAAAAAAB_Y/6ZggawpD_Jk/s35-no/print.jpg'/></a>
<br/>
<textarea style='margin:5px 0px;padding:0px;border:1px solid #d3d3d3;width:97%!important;font-size:130%;color:D3D3D3;'><data:post.url/></textarea>
</div>
</b:if>
Home » Blogger »
Tips n Trik
» Membuat tombol share keren dibawah posting blog tanpa JS mudah dan cepat
Subscribe to:
Post Comments (Atom)
0 Response to "Membuat tombol share keren dibawah posting blog tanpa JS mudah dan cepat"
Post a Comment