Sebagai seorang pengelola blog sudah pasti seseorang tidak akan bisa terlepas dari dukungan media social seperti Facebook, Twitter, Youtube, atau masih banyak yang lain. terlepas dari semua hal tersebut, seorang pengguna Blogger juga bisa memanfaatkan media social sebagai alat optimasi (SEO) misalnya dengan membuat fanpage khusus tentang blog mereka.
Salah satu cara yang bisa dilakukan untuk dapat memanfaatkan media social sebagai alat optimasi search engine adalah dengan cara menempatkan tautan media social di halaman blog. dan pada kesempatan kali ini saya akan membahas bagaimana caranya memasang widget social media yang berupa icon di blogger.
Langkah pertama adalah dengan memasang CSS khusus di template blog yaitu dengan cara :
- Login Akun Blogger
- Pilih Menu Template
- Pilih Edit HTML
- Temukan kode seperti dibawah ini :
]]</b:skin>
- Kita bisa menggunakan (CTRL+F) untuk mempermudah dalam pencarian kode di atas.
- Setelah kita temukan kode di atas, silahkan kamu paste kode di bawah ini setelah atau di bawah kode
]]</b:skin>tersebut.
#top-social-profiles{height:42px;text-align:right}#top-social-profiles img{margin:0 6px 0 0px !important} #top-social-profiles img:hover{opacity:0.8} #top-social-profiles .widget-container{background:none;padding:0;border:0} .social-profiles-widget img{margin:0 6px 0 0} .social-profiles-widget img:hover{opacity:0.8}
Proses pemasangan CSS sudah selesai sekarang kita menuju langkah kedua yaitu memasang widget media social tersebut. berikut ini langkah - langkah memasang widget media social di blogger.
- Login Akun Blogger
- Pilih Menu Layout /Tata Letak
- Pilih Add Gadget pada bagian dimana kamu ingin menempatkan widget ini dan pilih HTML/Javascript
- Isikan judul widget
- Paste kode di bawah ini pada bagian isi
<div id='top-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>
<a href='http://www.twitter.com/akun-twitter-kamu/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s32-no/twitter.png' title='Twitter'/></a>
<a href='http://www.facebook.com/akun-facebook-kamu/' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s32-no/facebook.png' title='Facebook'/></a>
<a href='http://plus.google.com/kode-akun-google-plus/' target='_blank'><img alt='Google Plus' src='https://lh4.googleusercontent.com/-87tOc499YgM/VJ66MM6smeI/AAAAAAAAI48/CpqKtTJyhSs/s32-no/google.png' title='Google Plus'/></a>
<a href='http://www.linkedin.com/in/akun-linkedin-kamu/' target='_blank'><img alt='LinkedIn' src='https://lh6.googleusercontent.com/-wsMOZqtgZsI/VJ_Wi7YStbI/AAAAAAAAI9Y/xWVrEivmlZY/s32-no/linkedin.png' title='LinkedIn'/></a>
<a href='http://www.pinterest.com/akun-pinterest-kamu/' target='_blank'><img alt='Pinterest' src='https://lh5.googleusercontent.com/-rQI0ZCqxvX0/VJ_WjcQ9QII/AAAAAAAAI9g/0XajOPBuXKI/s32-no/pinterest.png' title='Pinterest'/></a>
<a href='http://instagram.com/akun-instagram-kamu/' target='_blank'><img alt='Instagram' src='https://lh4.googleusercontent.com/-3MPofh4xhe4/VJ66Ma_XWaI/AAAAAAAAI5E/6d8mLJBvFFU/s32-no/instagram.png' title='Instagram'/></a>
<a href='http://www.youtube.com/user/akun-youtube-kamu/' target='_blank'><img alt='Youtube Channel' src='https://lh3.googleusercontent.com/-iuHC7JsIgz0/VJ_WHFriyOI/AAAAAAAAI9I/S2gf8lcU8uA/s32-no/youtube%2Bicon.png' title='Youtube Channel'/></a>
</li>
</ul>
</div>
Keterangan : Silahkan kamu sesuaikan tulisan berwarna merah dengan link akun social media milikmu.
Setelah proses ini selesai maka silahkan klik Save dan widget social media - pun sudah berhasil kamu pasangkan pada widget blog kamu.
Demikian untuk kali ini, kurang lebihnya mohon maaf, selamt mencoba dan semoga berhasil.
EmoticonEmoticon