Berikut ini cara menampilkan, menambah, atau memasang widget icon/link media sosial di sidebar blog yang juga berfungsi menambah follower, liker, dan teman. DEMO-nya bisa dilihat di ilustrasi gambar posting ini.
Widget Media Sosial di Sidebar Blog dengan CSS Sprite
Cara pasangnya sama dengan di atas. Widget media sosial untuk sidebar berikut ini menggunakan gambar/image CSS Sprite --yaitu menggabungkan gambar icon medsos menjadi satu file-- sehingga LEBIH Fast Loading:1. KODE CSS
Dipasang di atas kode ]]>
#head-soc ul li {list-style :none; padding: 0 0 0 12px; float: right;}
#head-soc ul li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden ; height: 32px; width: 32px ;border: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd7MzgDJAMQx7-jNvlXfNikij61_qXAXf_Ky6cybKObzS5obgaPyp7OKvuRKI9biRzZ1c4Az7qYIO2t580AJdYtBFwEE-yUacAmVc-dkEXpAD_NCK9b-nWX6uHvIcBRQkgSDcC6rdCJJ37/s1600/spice-up-blog-sprite.gif) no-repeat; display: block;}
#head-soc li#g a {background-position: 0px -32px;}
#head-soc li#g a:hover {background-position: 0px 0px;}
#head-soc li#rss a {background-position: -32px -32px;}
#head-soc li#rss a:hover {background-position: -32px 0px;}
#head-soc li#sub a {background-position: -64px -32px;}
#head-soc li#sub a:hover {background-position: -64px 0px;}
#head-soc li#fb a {background-position: -96px -32px;}
#head-soc li#fb a:hover {background-position: -96px 0px;}
#head-soc li#twit a {background-position: -128px -32px;}
#head-soc li#twit a:hover {background-position: -128px 0px;}
#head-soc li#li a {background-position: -160px -32px;}
#head-soc li#li a:hover {background-position: -160px 0px;}
#head-soc li#youtube a {background-position: -192px -32px;}
#head-soc li#youtube a:hover {background-position: -192px 0px;}
2. KODE HTML
Dipasang di widget: Layout > Add a Gadget > HTML/Javascript
/posts" target="-blank">Google+
CLOSING STATEMENT
Menurut para ahli, akun media sosial, selain berfungsi menyebarkan posting blog, juga bisa menjadi sumber "backlink" atau "outbond link", yakni tautan dari situs lain ke blog kita.
Backlink adalah salah satu yang diperhatikan oleh mesin pencari Google untuk menentukan peringkat blog kita di halaman hasil pencarian (SERP).
Maka, buatlah akun media sosial sebanyak-banyaknya. Meskipun "gak diurus", minimal akan menjadi backlink ke blog kita, selama kita memasukkan link blog ke "profil" di media-media sosial itu.
Demikian Cara Memasang Ikon Media Sosial di Sidebar Blog.Wasalam.
Tidak ada komentar:
Posting Komentar