Memasang Widget Metro Style Social Icons pada Blog

Memasang Widget Metro Style Social Icons pada Blog - Pada kesempatan kali ini saya akan cara yang simple dan sederhana mengenai cara memasangkan widget sosial media pada blog Anda dan kali ini yang akan saya pasang namanya Metro Style Social Icons, terdengar keren bukan.

Selain untuk mempercantik tampilan website/blog, wigdet sosmed ini juga berfungsi untuk meningkatkan jumlah pengunjung setia blog Anda dan tentunya membuat follower anda bertambah tiap harinya, mantap kan.

    Sample widget sosmed lainnya Silakan cek Disini untuk melihat work atau tidaknya tutorial ini

Langkah-langkah memasang Widget Metro Style Social Icons Pada Blog.

1. Login ke Blogger.com.
2. Masuk ke menu Edit HTML, Dashboard > Template > Edit HTML.
3. Cari kode </style>, kemudian tambahkan kode CSS berikut diatasnya.

<style>
#crea-mablies-social-icons a:hover img {
 -webkit-opacity: 0.8;
 -moz-opacity: 0.8;
 opacity: 0.8;
 transform:scale(1.1)
}</style>

4. Lalu masuk ke Layout/Tata Letak > Add Gadget > HTML/JavaScript
5. Kemudian Copy Paste-kan Script dibawah ini.

<center>
<div id="crea-mablies-social-icons">
<a href="http://feeds.feedburner.com/Name" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh10XpKk-UTXQd8mCVNXYHlqGcQOdAHiTCF3mewgbfs0UZDErTEtgyBQ3hBTq9GiLPiLZR8osnfuCxtmaHxnj8M_cXPfF-OJvRAAl2gkR9A25y5tp8qP975DqnTTQaFNRb1UouG6n98IDc/s1600/rss.png" width="120" /></a>
<a href="http://www.twitter.com/Name" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUNGA3pSZjwiT8-JM5-mHWCcNcqwsDfcdqiICSLdzA97SXTlv-evuUe-rsZ_5qaXQ_3LTy1ab5AmkwLfL6ecBwXSFyfZs9zGbZ9u30YYn7KuO7LMUXYUrRn9jVlETe53sdAPD30lrySqA/s1600/twitter.png" width="120" /></a>
<a href="http://www.facebook.com/Name" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ1oWxo4C89bbrSZIaZIBfO-xrSfFWj3i9ysICEoQzgVgIVEBt4QwKQI3dxxTp2zBYZS2pMaskj3g_-T3zeH7wig3CIu5FIfp603n9w2sh4SnRg5Zv1BOM03MSwro-z3ZNhtJhw-Cie9E/s1600/facebook.png" width="120" /></a>
<a href="https://plus.google.com/Name" target="_blank"><img height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlofqnw85qj9FynRL1roPu967Kh81REak4Twh9Q4xhIa1yy5oXc7XOF30rVpmHTlxJlttB0OsdB1nqDCX7pQZJc3mnCoG-CqJIm7vhJZvOFz_2nGfRfYBzl2kH4BcgermSzEUkrJl-Ots/s1600/google.png" width="120" /></a>
</div>
</center>

6. Jangan lupa untuk mengganti Name dengan Nama ID Sosial Media Anda, lalu Save Kembali kemudian lihat hasilnya.

Sampai disini dulu ya tutorial cara memasang widget metro style social icons pada blog, semoga bermanfaat untuk Anda.
Silakan SUBSCRIBE, untuk dapatkan artikel terbaru kami


Catatan: Anda diperbolehkan mengcopy-paste dengan mencantumkan link sumber.]