Widget Sosial Media Keren untuk Blogger

Tweet

Widget Sosial Media Keren untuk Blogger - Widget sosial media adalah sebuah widget yang bisa dipakai untuk menghubungkan pengunjung dengan Anda. Pada widget keren ini Anda bisa langsung memakainya hanya dengan beberapa langkah mudah.

Langkah Mengaktifkan Widget Sosial Media Keren untuk Blogger :

1. Buka akun blogger Anda
2. Masuk ke menu tata letak > add gadget > HTML/Javascript
3. Pastekan kode dibawah ini :

<style type="text/css">
.btrix_socialwidget { width: 280px; }
.btrix_socialwidget ul { border: 1px solid #CCCCCC; margin: 0; padding: 0; }
.btrix_socialwidget ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; }
.btrix_socialwidget ul li:first-child { border-top: 0 none; }
.btrix_socialwidget ul li:last-child { border-bottom: 0 none; }
.btrix_socialwidget ul li a { background-color: #F2F2F2 !important; color: #404040; display:block; }
.btrix_socialwidget ul li a:hover { background-color: #949494 !important;color: #0d0354; }
.btrix_socialwidget ul li .rss { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkl6BFRMh6eGSFuZFFyxMcDRPqhJlCdRySE9-wShUFgvSrjzdrLx9zpCXSqVcU-YzSuwyh8APDwoVYW78Jm1BV3ettq7pZzNTyNunywobVG90HsHi43rbV9gdRlc3mNjzFJCayF20DZk8/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; }
.btrix_socialwidget ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6j50za2WoTFCO1G5b3V9KZuaytVP0xBtAMhgLMot4dfLjN7Fi2zAbpGnP1YZ4Is60sD2CKIa2Cfv7RIiN-6HIek_RJhnMFR3dfrAg7jGGbKckrz4e63B8bHoNKJrhh21NXZ-novykurk/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;}
.btrix_socialwidget ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzEosLfmv56vJH5fx8gJE8bm3DkniSriK6WvEYgz6tRiaUnxXYmP1II3_0NywaQ1GQlsn7qWkAF7kPiotYlL4rfolzKJ4BoqAsecU0HKyno7tUd1XDrJY8v2CoSZh7ofqJn08iL7f6dI/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; }
.btrix_socialwidget ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfBVFLhlvzcY2sEl0kVxnShjUi-5OTFdTmTHBpPqlwGQ7PrjY6HIsGQqPNCHDzVeV-P31oIwGeg_BjBXuJejo0j3PqTGysKBiVlmxifz_OGlsWoxL0P1to6A-fHQeMg48QRi2Lo4JfUKE/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; }
.btrix_socialwidget ul li .linkedin { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaQEwWkMjWF7URquRZVOoLLopZAxrilc-sS_zxxOc_kIOP9EQdRM5vYwnuetRpIxte475hz1HBOnWot1gAZHIC9eLFAc7j0FEGP6Kd7dx3x5UQwaBFz0fiuDciV8gGChAbtCy40bwzJlc/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; }
.btrix_socialwidget ul li .youtube { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo0Y3vz-Jfn6_a6AKpUzsMyHAMpdFZtZENfJDKwCM7qhIJY8vP63UiEw3CdO1T3tOliLBAbmLwqzFIMVX71SlgYTTMeHJ0QA8gzkZMwyWnqrpw5ve6mNuZP7RuNPE-W4vH5F8L7-N6X5o/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; }
.social-about { display: none; }
</style>
<div class="btrix_socialwidget">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/ID Anda DISINi">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/ID Anda DISINi">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/ID Anda DISINi">Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/ID Anda DISINi" rel="author">Join me on Google+</a></li>
<li><a class="linkedin" href="http://linkedin.com/ID Anda DISINi">Connect on LinkedIn</a></li>
<li><a class="youtube" href="http://www.youtube.com/ID Anda DISINi">Watch me on YouTube</a></li>
</ul>
</div>

Keterangan :

• Ganti ID Anda DISINi dengan ID yang ada gunakan pada sosial media.

Maka, demikianlah artikel Widget Sosial Media Keren untuk Blogger semoga dapat membantu Anda untuk lebih paham. Terima kasih telah membaca artikel diatas.

Sumber : http://www.bloggertrix.com