Cara Memasang Widget Link Media Umum Di Sidebar Blogger
Senin, 25 Mei 2015
Edit
Media Sosial (Social Media) ialah susukan atau sarana pergaulan sosial secara online di dunia maya (internet).
Bagi seorang blogger, mempunyai akun media umum hukumnya "wajib" untuk pengotimalan mesin telusur atau SEO (Search Engine Optimization).
Salah satu cara mendatangkan pengunjung ialah dengan mengembangkan postingan di media sosial. Salah satu cara pengunjung tiba ke blog kita juga melalui media sosial, selain mesin pencari (Google, Bing, Yahoo!) dan pribadi ke homepage.
Salah satu pilar SEO ialah Media Sosial. Menurut para pakar SEO, Social Signal merupakan salah satu faktor pemeringkat blog kita di halaman hasil pencarian.
Jika Anda sudah menciptakan akun media sosial, minimal di Facebook, Twitter, Instagram, Pinterest, Linkedin, Google Plus, serta akun Youtube, pasang link ke akun media umum Anda di sidebar blog.
Tujuan Memasang Widget Link Media Sosial di Sidebar Blogger tentu saja buat menambah follower, teman, jaringan, juga penyebaran konten blog kita.
Memasang Widget Link Media Sosial di Sidebar Blogger juga memudahkan pengunjung untuk mengikuti update atau posting terbaru blog kita, selama kita share di akun media sosial.
Cara Memasang Widget Link Media Sosial di Sidebar Blogger
Berikut ini salah satu cara dari sekian banyak tips memasang link akun media umum di sidebar blogger.
Caranya gampang banget:
1. Layout > Add a Gadget
2. Pilih HTML/JavaScript
3. Judul kosongkan
4. Copas arahan berikut ini:
<style>
.rtm-socials-icons{margin:0 0 20px 0}
.rtm-socials-icons ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.rtm-socials-icons ul li:before{display:none}
.rtm-socials-icons ul li{margin:0;padding:0;list-style:none;float:left;width:45px;height:45px;line-height:45px;text-align:center;background:#00baff;font-size:21px;margin-right:5px;margin-bottom:5px;opacity:.9;border-radius:3px;}
.rtm-socials-icons ul li:hover{opacity:1;}
.secondary-sidebar .rtm-socials-icons ul li{width:36px;height:36px}
.secondary-sidebar .rtm-socials-icons ul li a{line-height:45px}
.secondary-sidebar .rtm-socials-icons ul li a i{font-size:20px}
.rtm-socials-icons ul li a{line-height:45px;display:block;color:#fff}
.rtm-socials-icons ul li a:hover{color:#fff}
.rtm-socials-icons ul li.home{background:#83868a}
.rtm-socials-icons ul li.facebook{background:#0d2860}
.rtm-socials-icons ul li.googleplus{background:#f20000}
.rtm-socials-icons ul li.rss{background:#f29400}
.rtm-socials-icons ul li.youtube{background:#f20000}
.rtm-socials-icons ul li.pinterest{background:#f20000}
.rtm-socials-icons ul li.instagram{background:#7c09a7}
.rtm-socials-icons ul li.linkedin{background:#1985bc}
</style>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<div class="rtm-socials-icons mom-socials-widget">
<ul>
<li class="facebook"><a href="http://www.facebook.com/romelteamedia" rel="dofollow" target="_blank" title="Cara Memasang Widget Link Media Sosial di Sidebar Blogger"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="http://www.twitter.com/romel_tea" rel="dofollow" target="_blank" title="Cara Memasang Widget Link Media Sosial di Sidebar Blogger"><i class="fa fa-twitter"></i></a></li>
<li class="googleplus"><a href="http://plus.google.com/103329103950948291283/" rel="dofollow" target="_blank" title="Cara Memasang Widget Link Media Sosial di Sidebar Blogger"><i class="fa fa-google-plus"></i></a></li>
<li class="instagram"><a href="https://www.instagram.com/romeltea" rel="dofollow" target="_blank" title="Cara Memasang Widget Link Media Sosial di Sidebar Blogger"><i class="fa fa-instagram "></i></a></li>
<li class="youtube"><a href="https://www.youtube.com/user/romeltea" rel="dofollow" target="_blank" title="Cara Memasang Widget Link Media Sosial di Sidebar Blogger"><i class="fa fa-youtube "></i></a></li>
<li class="pinterest"><a href="https://www.pinterest.com/romeltea" rel="dofollow" target="_blank" title="Cara Memasang Widget Link Media Sosial di Sidebar Blogger"><i class="fa fa-pinterest "></i></a></li>
<li class="linkedin"><a href="https://www.linkedin.com/in/romeltea" rel="dofollow" target="_blank" title="Cara Memasang Widget Link Media Sosial di Sidebar Blogger"><i class="fa fa-linkedin "></i></a></li>
</ul>
</div>
5. Ubah link media sosialnya menjadi kepunyaan Anda.
6. Save!
Catatan: Jika gambar logonya kegedean, gak pas di lebar sidebar blog Anda, silakan sesuaikan (kecilkan) ukurannya di arahan width:45px;height:45px;line-height:45px
Demikian Memasang Widget Link Media Sosial di Sidebar Blogger. Kodenya saya ambil dan modif dari Help Logger.
Blogger juga sebaiknya menciptakan Fanspage untuk publikasi konten blog di Facebook. Untuk pasang fanspage plus kotak berlangganan dsb sebagaimana di sidebar blog romelteamedia ini (Join & Follow us), silakan ke TKP: Cara Pasang Fanspage, Subscription Box, Plus Social Media Widget di Blog.
Wasalam. ().*
Lihat di CodePen