STYLE LAIN LINK MEDIA SOSIAL
STYLE LAIN LINK MEDIA SOSIAL
Kode widget media sosial di sidebar blog yang terdiri dari facebook, twitter, linkedin, instagram, dan youtube seperti gambar ini:
Ini kodenya. Pasang di Layout > Add a Gaget > HTML/JavaScript:
<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 2px 0px 0px; margin-top:-4px}
.social li a img{height:57px;width:57px}
</style>
<div class='social'> <span class='fade'><ul>
<li><a href="URL FACEBOOK" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCwgRpb5OE6gqd5GTk9wdl13oBDTlnG98tUJsbNXidR6j_7ia3rxzXZWWXdFv-hkZqkskKNru_zSIn5ZAQmldLD7x_caQmJp7EqNPMgaQRt9b3r9No_yf7kV2VuEA6xOagZ04FEhME4Ysh/s57/Facebook%2520alt%25201.png" alt="facebook"/></a></li>
<li><a href="URL TWITTER" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJi0tjeocjTSac_4vKXQHPwtWUpEVHDGhQnkc4dUiAzheJnQqSxIMLHQ2Uj2cQJ17Y19-Km5WWrfpTJwX-iglc1vyjDt29wibbE7LXgMM0JKGBrC16OndCnF032V153vtIUwlc4PGZhHI3/s57/twitter%2520%252Balt.png" alt="twitter" /></a></li>
<li><a href="URL LINKEDIN" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ksLIpZR0gHl_w4XhG1bY_w55p7MQf2KkZpqVBZfAW9PmRvMJNYA_jXp0hw7ep2hOyM0DEUv1Z7NDSItJa7kW-EcUTH4Z4lc3uFrKv6FqKh0kLm7YNvl5VdVluga-gTwixN2GFaHjTVx8/s1600/linkedin.JPG" alt="linkedin"/></a></li>
<li><a href="URL INSTAGRAM" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFqSxwfQ4fSpdCxQgxVX_n5ctJRTVIZfLXm0B0hd7bQXbMnxWaajR4o2_rWC0kwQ17ZTVmC1rDFsikgDhMaH1QbBFQb6Gg6eA3dwlxoLzRz9aR8qh2Vf7OvZxnHDydNVN8VmV_5XbUV44I/s1600/instagram.JPG" alt="instagram"/></a></li>
<li><a href="URL YOUTUBE" target=_blank"><img style='width:60px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAmqUzx8gXV6OTOPv6qY0meGDqFx64q9j89PpLo4SElEAWr4IPVRScxoIQw3d-W3FLhSCjYmTxMXLc7ks1vgGFDD9tgjTFdiQAjYG5cImFSVBgkbc8PgVpdP8Fd4YfhCxd6FdtqpvAS8o/s57/YouTube%2520alt%25201.png" alt="youtube"/></a></li>
</ul></span> </div>
Kode widget media sosial di sidebar blog yang terdiri dari facebook, twitter, linkedin, instagram, dan youtube seperti gambar ini:
Ini kodenya. Pasang di Layout > Add a Gaget > HTML/JavaScript:
<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 2px 0px 0px; margin-top:-4px}
.social li a img{height:57px;width:57px}
</style>
<div class='social'> <span class='fade'><ul>
<li><a href="URL FACEBOOK" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCwgRpb5OE6gqd5GTk9wdl13oBDTlnG98tUJsbNXidR6j_7ia3rxzXZWWXdFv-hkZqkskKNru_zSIn5ZAQmldLD7x_caQmJp7EqNPMgaQRt9b3r9No_yf7kV2VuEA6xOagZ04FEhME4Ysh/s57/Facebook%2520alt%25201.png" alt="facebook"/></a></li>
<li><a href="URL TWITTER" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJi0tjeocjTSac_4vKXQHPwtWUpEVHDGhQnkc4dUiAzheJnQqSxIMLHQ2Uj2cQJ17Y19-Km5WWrfpTJwX-iglc1vyjDt29wibbE7LXgMM0JKGBrC16OndCnF032V153vtIUwlc4PGZhHI3/s57/twitter%2520%252Balt.png" alt="twitter" /></a></li>
<li><a href="URL LINKEDIN" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ksLIpZR0gHl_w4XhG1bY_w55p7MQf2KkZpqVBZfAW9PmRvMJNYA_jXp0hw7ep2hOyM0DEUv1Z7NDSItJa7kW-EcUTH4Z4lc3uFrKv6FqKh0kLm7YNvl5VdVluga-gTwixN2GFaHjTVx8/s1600/linkedin.JPG" alt="linkedin"/></a></li>
<li><a href="URL INSTAGRAM" target=_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFqSxwfQ4fSpdCxQgxVX_n5ctJRTVIZfLXm0B0hd7bQXbMnxWaajR4o2_rWC0kwQ17ZTVmC1rDFsikgDhMaH1QbBFQb6Gg6eA3dwlxoLzRz9aR8qh2Vf7OvZxnHDydNVN8VmV_5XbUV44I/s1600/instagram.JPG" alt="instagram"/></a></li>
<li><a href="URL YOUTUBE" target=_blank"><img style='width:60px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAmqUzx8gXV6OTOPv6qY0meGDqFx64q9j89PpLo4SElEAWr4IPVRScxoIQw3d-W3FLhSCjYmTxMXLc7ks1vgGFDD9tgjTFdiQAjYG5cImFSVBgkbc8PgVpdP8Fd4YfhCxd6FdtqpvAS8o/s57/YouTube%2520alt%25201.png" alt="youtube"/></a></li>
</ul></span> </div>
No comments: