Cara Pasang Link Media Sosial di Widget Sidebar

Asep Koswara Published: 08.37

Social media adalah platform yang cukup massive digunakan selama ini. Banyak yang menggunakan aplikasi itu sebagai media komunikasi, sharing, dan banyak lagi yang lainnya. Jumlah pengguna sosmed di dunia sangat banyak sekali termasuk juga di indonesia. Seharusnya ini menjadi salah satu hal yang diperhatikan oleh para blogger..

Ya, untuk bisa membuat blog dan menulis artikel disana kini memang sepi pengunjung apalagi yang berasal dari mesin pencari. Nah kini lebih banyak ada pengunjung dari sosmed karena orang pake sosmed setiap saat bahkan sudah menjadi lifestyle yang memang terus mereka gunakan.

Nah bagi para blogger seharusnya artikel yang sudah dibuat kemudian dipublish dan dishare di media sosial agar kemudian banyak penngunjung yang datang dari sosmed tersebut. Jadi trafik blog anda bukan hanya mengandalkan mesin pencari seperti google saja namun bisa lebih banyak dari media sosial.

Mana Contohnya?
Terkadang kita butuh yang namanya contoh untuk bisa yakin termasuk dengan pilihan cara yang satu ini. Biaanya kita enggan untuk mencoba memasang script tertentu jika tak ada contoh dan hasil demonya. Nah untuk hasilnya, anda bisa lihat dan perhatikan tampilan hasil dalam gambar berikut ini.Anda bisa coba lihat, keren kan??

Bagaimana caranya? Silahkan anda ikuti dan simak beberapa cara dan prosedur yang disebutkan berikut ini:

1. Buka Blogger
2. Klik Bagian Tata Letak
3. Geser ke Widget Sidebar
4. Add Gadget, kemudian pilih html/ javascript
5. Copy Kode script dibawah dan paste di kolom gadget tadi

<a class="count facebook" href="https://www.facebook.com/infocisewu">
        <div class="icon">
<i class="fa fa-facebook"></i></div>
<p>
<span>361</span> likes</p>
<p class="action-btn">
Like</p>
</a>
      
      
    
      
      <a class="count twitter" href="https://www.twitter.com/seppidealiz">
        <div class="icon">
<i class="fa fa-twitter"></i></div>
<p>
<span>57</span> followers</p>
<p class="action-btn">
Follow</p>
</a>
     
      
      <a class="count youtube" href="#">
        <div class="icon">
<i class="fa fa-youtube"></i></div>
<p>
<span>36</span> subscribers</p>
<p class="action-btn">
Subscribe</p>
</a>

<a class="count google-plus" href="#">
        <div class="icon">
<i class="fa fa-google-plus"></i></div>
<p>
<span>33</span> followers</p>
<p class="action-btn">
+1</p>
</a>

</div>
<style>
.social-counter{
  padding: 0;
  display: block;
}

.count{
  display: block;
  padding: 7px 0;
  text-align: left;
  transition: all 0.5s ease;
}

.count:hover{
  background: rgba(0,0,0,0.033);
  transform: scale(1.065);
}

.count .icon{
  background: #aaa;
  display: inline-block;
  float: left;
  color: white;
  font-size: 22px;
  margin-left: 5px;
  text-align: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-shadow: 0 0 3px rgba(0,0,0,0.2);
  display: table;
}
.count .icon i{
  display: table-cell;
  vertical-align: middle;
}

.count p{
  display: inline-block;
  font-size: 13px;
  color: #888;
  margin: 11px;
}
.count p span{
  color: black;
  font-size: 18px;
  font-weight: bold;
  padding-right: 2px;
}

.count .action-btn{
  float: right;
  display: inline-block;
  background: #aaa;
  color: white;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 14px;
  margin: 11px;
}

/*== COLORS ==*/
.facebook .icon{background:#3b5999;}
.facebook .action-btn{background:#3b5999;}
.facebook .icon i{padding-top:2px;}

.twitter .icon{background:#55acee;}
.twitter .action-btn{background:#55acee;}
.twitter .icon i{padding-top:2px;}

.youtube .icon{background:#cd201f;}
.youtube .action-btn{background:#cd201f;}
.youtube .icon i{font-size:24px}

.google-plus .icon{background:#dd4b39;}
.google-plus .action-btn{background:#dd4b39;}
.google-plus .icon i{font-size: 18px; padding-top: 1px;}

.instagram .icon{background:#e4405f;}
.instagram .action-btn{background:#e4405f;}

.rss .icon{background:#f57d00;}
.rss .action-btn{background:#f57d00;}

.social-counter-2 .linkedin, .linkedin .icon,.linkedin .action-btn{background:#0077B5}

.social-counter-2 .vimeo, .vimeo .icon,.vimeo .action-btn{background:#1ab7ea}

.social-counter-2 .vk, .vk .icon,.vk .action-btn{background:#4c75a3}

.social-counter-2 .tumblr, .tumblr .icon,.tumblr .action-btn{background:#34465d}

.social-counter-2 .pinterest, .pinterest .icon,.pinterest .action-btn{background:#bd081c}

.social-counter-2 .stumbleupon, .stumbleupon .icon,.stumbleupon .action-btn{background:#eb4924}

.social-counter-2 .reddit, .reddit .icon,.reddit .action-btn{background:#ff5700}

.social-counter-2 .yelp, .yelp .icon,.yelp .action-btn{background:#af0606}

.social-counter-2 .weibo, .weibo .icon,.weibo .action-btn{background:#df2029}

.social-counter-2 .producthunt, .producthunt .icon,.producthunt .action-btn{background:#da552f}

.social-counter-2 .whatsapp, .whatsapp .icon,.whatsapp .action-btn{background:#25D366}

.social-counter-2 .vine, .vine .icon,.vine .action-btn{background:#00b489}

.social-counter-2 .slack, .slack .icon,.slack .action-btn{background:#3aaf85}

.social-counter-2 .dribbble, .dribbble .icon,.dribbble .action-btn{background:#ea4c89}

.social-counter-2 .flickr, .flickr .icon,.flickr .action-btn{background:#ff0084}

.social-counter-2 .behance, .behance .icon,.behance .action-btn{background:#131418}
.behance .icon i{font-size:18px;}

.social-counter-2 .foursquare, .foursquare .icon,.foursquare .action-btn{background:#f94877}

.social-counter-2 .snapchat, .snapchat .icon,.snapchat .action-btn{background:#FFFC00}
.snapchat .icon i{font-size:24px;text-shadow: -1px 0 black,0 -1px black, 1px 0 black, 0 1px black}

.snapchat .action-btn{text-shadow: 0 0 1px black}
</style>

Setelah itu, silahkan anda simpan atau save..

Note* silahkan edit sesuka hati mulai dari link url, nama, jumlah yang sudah like atau follow, warna dan lainnya di script itu.

Kenapa Harus Dihubungkan ke Sosmed?
Maka dari itu pemilik blog kini sebaiknya memiliki semua akun media sosial khususnya yang banyak penggunanya. Apa gunanya? Gunanya agar anda bisa mudah share tulisan yang dibuat di blog dan kemudian bisa dibaca oleh banyak orang di media sosial. Dalam media sosmed juga ada fitur share yang memungkinkan tulisan anda banyak di share dan kemudian dibaca banyak orang tanpa anda yang lakukan.

Nah agar orang yang berkunjung ke blog kita mengikuti semua sosmed kita, kita bisa membuat tombol link di blog yang bisa mengarahkan pengunjung ke semua sosmed kita. Bagaimana caranya? Anda bisa coba untuk membuat widget di sidebar khusus yang tampilannya adalah image dan link beserta logo yang ketika di klik akan mengarah ke web kit.

Semoga tulisan tentang cara pasang widget link media sosial di side blogger diatas bisa membantu. Selamat mencoba..

Profsep

Cara Pasang Link Media Sosial di Widget Sidebar

0 Comments

Cara Pasang Link Media Sosial di Widget Sidebar

Previous

Next

0 Comments