Ingin tampilan blog kamu terlihat lebih menarik dan profesional? Menambahkan social widget bisa jadi solusi tepat! 

Cara Membuat Social Widget yang Keren di Blogspot 

Dengan widget media sosial, kamu tidak hanya mempercantik tampilan Blogspot, tapi juga memudahkan pengunjung untuk terhubung dengan akun sosial mediamu. 

Pada tutorial kali ini, kita akan membahas langkah-langkah mudah untuk membuat social widget yang keren, fungsional, dan pastinya responsif agar blog kamu tampil lebih modern dan interaktif.

Masuk ke halaman blog, pilih widget/html, copy paste kode berikut :

<style>

#MH_socialicons img {

/* Spinning Social Icons Widget By www.masterhacksindia.blogspot.com */

    -moz-transition: all 0.8s ease-in-out;

    -webkit-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

#MH_socialicons img:hover {

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

/* Spinning Social Icons Widget By www.masterhacksindia.blogspot.com */</style>

<center><p id="MH_socialicons">

<a href="link tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixeKj3Xex4DQNh6V4303Jl1r7XDeTKbnQxXqpClbkSFN4NXD1AVVNDtV7GGuBaKkiNNepTYHb6a6NrqzDJIiMhqg3Z5ULZ8Sw_Egq3vwDyVxCT3XdtHBRGez_CInkr9NwdKCNT_4hhSNg2/s1600/NBT+CS+icon.png" /></a>    

<a href="link tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMDpKGSunR9a8BAXJQ71-HsCgvjg-FhxuKbT7dKrekx2Nmb1l5u3JU7Jx1IENKxe0PiWj3edBB6Y_MvGiNaTnZ6tUWYpPtr5S4EWKcwQZi014LOrB-avDXrwaPnFVmeAfUoV0mWcHFJk_X/s1600/NBT+facebook+icon.png" /></a>

    <a href="link tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4h_kZwAdpVjLoObskYPcg4Lxuuhk55T_FjBcoCKDdEX6yTOY0zVbfjUk54Sl7uS7VnjUuSUW2144FPdZAOwEmvGU4WHNj4dzO_VCrJT7TooAbVaVAwLLQil_0YZWjeHKLgy2kwcy-arS6/s1600/NBT+twitter+icon.png" /></a>

    <a href="link tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh2k94eMoxxLZGMW9k0ail77IPVfkr5DIGAxWEhbyBYZly_DviCJyUxrtWVSZ5fZKUZB-odPXVC97pG6psX2DwDs4tTHK-Wi2a6wU3OU3s0i6vZ0V3jdNDwNBg2OfMegrfXS_9DUeqnCJC/s1600/NBT+google+plus+icon.png" /></a>

    <a href="link tujuan/feeds/posts/default"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg880bL_ucsX_85JQ6h_pTtC2PiLDCChuoU71QbkX6gxCUDOy1Mdurd7wMGoVoBxAteWIRCEzxSN7ZlDCHoErjboEM0sTvoRHCje3dmycm8C5JgX-ThmREbd7WdCTFJCGpkmwIbE-AF_wQ7/s1600/NBT+rss+feed+icon.png.png" /></a>

    <a href="link tujuan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fG2YRPAb8coWMFYohxIG6BVihsy3k_seIm_Ld3EPDOoldZcFewQ8Dq2vUtVbYKq8rtspDsL3Iq-MhdJFafoYuMatq8mLMblJgzIPoFtniYk-R-pUZjvqhcQTDeAkp-DNVUhSeBb90_xh/s1600/NBT+youtube+icon.png" /></a>

</p></center>

nanti hasilnya akan menjadi seperti ini :

Itulah langkah-langkah mudah untuk membuat social widget yang keren di Blogspot. Dengan sedikit sentuhan desain dan penempatan yang tepat, widget ini bisa menjadi elemen penting untuk meningkatkan interaksi pengunjung dengan akun media sosial kamu. Jangan ragu untuk menyesuaikan tampilan dan ikon sesuai gaya blog agar lebih personal dan menarik. Semoga tutorial ini bermanfaat dan selamat mencoba!

Share this: