Share button facebook google plus twitter dan linkedin


HTML share button facebook ,twitter ,google+ dan linkedin



Letakan script di bawah ini tepat di bawah <head>
<style type="text/css"> #share-buttons img { width: 35px; padding: 5px; border: 0; box-shadow: 0; display: inline; } </style>

Lalu letakan kode di bawah ini di bawa <data post body/>
(Jika ingin tampil di bawah postingan)
Kalau ingin tampil di atas postingan maka letakan kode di bawah ini di atas <data post body/>
<div id="share-buttons"> <a href="http://www.facebook.com/sharer.php?u= https://www.blogger.com/blogger.g?blogID=7563565337530667514 " target="_blank"> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhivfgRni7CtIauEq12NhSCNKLLtasYOh2MYTmSBqoOiGFz5Bw9FV_7Z3Z6QRbcSMbDCZWzSuy6Du3KIgDFfcHjI2We-NmfTtSUtyYzaqgFp8G12v_wNH7m98FikRj8QjtEs7pSOglpKXQ/s1600/Facebook-icon.png " alt="Facebook" /> </a> <a href="https://plus.google.com/share?url= https://www.blogger.com/blogger.g?blogID=7563565337530667514 " target="_blank"> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sQ4CCwZiE6d5nlSQsrwVnIjhmW0IWZkji_jMvYzAuaMnEsVg4Iw5wUeEpxeX-DvfoDFqmyAfpYbsTE82lgzftmzV_A8s7lmxUCOJUctjvpIfuXZY275Xq4y7x2Lup64jzCy4t2UNC-8/s1600/Google-Plus-icon.png " alt="Google" /> </a> <a href="http://www.linkedin.com/shareArticle?mini=true&url= https://www.blogger.com/blogger.g?blogID=7563565337530667514 " target="_blank"> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU_dfW7vr7onl-CGV0FEMO0CZa9pHBKFqJ9E27vpkRlSTpkPM6x4HdDrsvUznODffXcc5JWzOTEX6AviZnoixDuGVyej7rAJHpwzhsvoIt5jy2WUo99Jo6n1OSL0ZXTqqoXMriMNFz0P8/s1600/Linkedin-icon.png " alt="LinkedIn" /></a> <a href="https://twitter.com/share?url= https://www.blogger.com/blogger.g?blogID=7563565337530667514&text=share%20button%20icon&hashtags=share" target="_blank"> <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7_WCctK9RPdq07SPLwW3Gl8-kKv76rL4Jyg1jobpf7PzqpZouxcTM3se3xdaDP844zPPR2ZkiRpfnEl_CPTODIllnaOndCdRg2JngaZq9Gn2em-I76Uq53QQOFrQbCD_G57bJ2VXltyk/s1600/Twitter-icon.png " alt="Twitter" /> </a> </div>

Untuk demo nya bisa di lihat di sini :
Demo
Untuk gambar icon nya anda bisa pilih beberapa icon yang sudah di siapkan di sini :
Icon social media
Lebih baru Lebih lama