Cara Membuat Tombol Follow Us (Media Sosial) Super Ringan di Sidebar Blog

Dalam perkembangan suatu blog, media sosial mendukung penuh dan berperan dalam peningkatan visitor. Saat awal-awal membangun blog, untuk mendapatkan pengunjung organik dari mesin telusur seperti google, bing, dan yahoo sangat sulit. Butuh kerja keras dan konsisten dalam menulis konten yang berkualitas dan human friendly.

Tetapi dengan adanya media sosial, perkembangan blog sedikit lebih cepat. Hanya tinggal membagikan artikel tersebut ke media sosial seperti facebook dan twitter, kita sudah bisa mendapatkan pengunjung. Walaupun rasionya tidak konsisten yaitu terkdang pengunjung melimpah dan pengunjung sepi, setidaknya itu bisa memberikan semangat untuk terus menulis.

Salah satu cara yang dapat dilakukan untuk memaksimalkan pengunjung dari media sosial adalah dengan memasang tombol media sosial itu sendiri. Yang paling efektif tentu adalah facebook, twitter, google plus, dan blogger itu sendiri.

Sebenarnya sangat mudah untuk memasang tombol tersebut di blog. Karena biasanya template blog sendiri sudah menyediakannya. Bahkan dengan tampilan yang boleh dibilang keren. Dengan kode CSS tertentu para pembuatan template memanjakan blogger dengan tampilan tersebut.

Namun sayangnya tombol-tombol tersebut terkadang memperlambat blog itu sendiri. Padahal komponen penting dalam SEO guna memaksimalkan mesin pencari adalah loading blog. Apabila loading blog lambat akan kurang disukai pengunjung. Akibatnya tentu artikel tersebut dikeluarkan sebelum memmbaca.

Maka dari itu, penting bagi setiap blogger untuk melakukan optimasi pada loading blog yang ia kelola. Anda sebenarnya bisa saja mengurangi loading blog dari tombol media sosial tersebut. Tetapi sedikit membutuhkan optimasi. Sedikit sulit memang mempelajari CSS, tapi jika anda mau mempelajarinya mugkin anda bisa melakukannya.

Atau kalau tidak mau repot anda bisa gunakan CSS yang saya pakai. Kodenya sangat simple dan tidak terlalu memberatkan blog. Jika tertarik, simak terus artikel ini dan ikuti tutorial berikut.

Cara Membuat Tombol Follow Us

1. Pertama masuk ke akun blogger anda terlebih dahulu.

2. Kemudian pilih menu Tata Letak atau Layout.

3. Selanjutnya pilih Add Gadget atau Tambah Gadget, lalu pilih HTML.

4. Setelah itu, masukan kode CSS berikut ini,

<style>
    a.sosmed-gangkutu {display:block;color:#fff !important;font-weight:bold;font-size:16px!important;margin:0 10px 0px;padding:12px;text-align:center;border-radius:20px;}
    .sosmed-gangkutu.fb {background:#3a5a98;margin-top:10px !important} .sosmed-gangkutu.fb:hover {opacity:.8}
    .sosmed-gangkutu.gp {background:#dc4e41} .sosmed-gangkutu.gp:hover {opacity:.8}
    .sosmed-gangkutu.tw {background:#3fc6ee} .sosmed-gangkutu.tw:hover {opacity:.8}
    .sosmed-gangkutu.bg {background:#ef5223} .sosmed-gangkutu.bg:hover {opacity:.8}
    </style>
    <a class='sosmed-gangkutu fb' href='https://www.facebook.com/gangkutublog/' rel='nofollow' target='_blank' title='Fanspage Blog'>Facebook</a>
    <a class='sosmed-gangkutu gp' href='https://plus.google.com/110657364511956313451' rel='nofollow' target='_blank' title='Admin Blog'>Google +</a> 
    <a class='sosmed-gangkutu tw' href='https://twitter.com/GangKutu' rel='nofollow' target='_blank' title='Twitter Blog'>Twitter</a>
    <a class='sosmed-gangkutu bg' href='http://feedburner.google.com/fb/a/mailverify?uri=GangKutu' rel='nofollow' target='_blank' title='Subscribe Blog via Email'>Blogger</a>

Ket:
Link yang diberikan warna, silakan anda ganti sesuai kebutuhan anda.

5. Terakhir Simpan dan lihat hasilnya.

Ke-empat media sosial tersebu, menurut saya adalah yang paling sering digunakan. Jadi itu saja sudah cukup, tidak perlu ditambah lagi media sosial lainnya. Ini juga bertujuan ara loading tidak terlalu berat.

Mungkin itu saja untuk artikel kali ini, apabila ada pertanyaan seputar topik yang dibahas, silakan gunakan kolom komentar dibawah.

Bagikan Artikel ini