×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Cara Membuat Widget Link Social Media diBlog

December 08, 2019   • 2 Comments

Widget Social Media | Social Media merupakan sarana komunikasi dunia maya (Internet), bukan hanya untuk sarana berkomunikasi saja, social media juga dapat dijadikan sebagai sarana bisnis.

Memasang widget social media merupakan hal penting bagi seorang pemilik website untuk mengoptimalkan mesin pencari google atau SEO (Search Engine Optimization), selain itu dengan memiliki akun social media baik itu berupa akun perorangan atau bisnis, kalian dapat menyebarkan atau membagikan konten yang kalian publikasikan di website kalian sebagai tempat Promosi.

Bukan hanya itu saja dengan memasang widget social media, para pengunjung dapat mengetahui informasi update artikel terbaru dari social media kita selama artikel terbaru tersebut kita bagikan di social media.

Nah pada tutorail kali ini saya akan membagikan bagaimana cara membuat widget link social media diblog, tentunya dengan memasang widget social link ini akan membuat blog kalian akan menjadi lebih menarik, dan para pengunjungpun dapat mengakses akun social media kalian. Yuk simak bagaimana cara membuat widget Social Link untuk blogger.

Cara Membuat Widget Link Social Media :
1. Pertama Login dulu ke  Blogger ,
2. Pada menu blogger, Masuk ke menu Tema Kemudian Pilih Edit HTML
3. Copykan kode CSS dibawah ini dan pastekan tepat diatas kode  </b:skin>
#anirocksosmed {max-width:100%}
#anirocksosmed-widget {background:#fff;text-align:center;border-top:2px solid #ff69b4;border-radius:5px;padding:6px;box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);}
.anirocksosmed a{display:inline-block;text-align:center;color:#fff;margin:0px 5px;border-radius:100%;}
.anirocksosmed a:hover{transform: translateY(-10px);box-shadow: 0 2px 7px rgba(255,255,255,.82), inset 0 2px 7px #b3feff;transition: all .5s ease-in-out;}
.anirocksosmed a i{font-family: Fontawesome;width: 32px;height: 32px;padding:5px;line-height: 32px;display: block;}
5. Kembali ke dashboard blogger, kemudian Masuk ke menu Tata Letak Kemudian Pilih HTML/Javascript,
6. Selanjutnya, copy dan pastekan kode HTML dibawah ini
<div id='anirocksosmed'>
  <div id='anirocksosmed-widget'>
<div class="anirocksosmed">
<a style="background: #3b5999;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Facebook"><i class="fa fa-facebook"></i></a>
<a style="background: #00abf0;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a>
<a style="background: #3fbb50;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Whatsapp"><i class="fa fa-whatsapp"></i></a>
<a style="background: linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4);" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow us on Instagram"><i class="fa fa-instagram"></i></a>
<a style="background: #f50000;" href="Link_Social_Media" rel="nofollow" target="_blank" title="Follow our Youtube"><i class="fa fa-youtube-play"></i></a>
</div>
  </div>
</div>
6. Terakhir Simpan/save.
Pada teks yang saya beri highlighter kalian ganti dengan Alamat URL Akun Social Media kalian.
Sekian tutorial bagaimana cara membuat widget link social media yang dapat saya bagikan, selamat berkunjung kembali^^.
Semoga Bermanfaat :D

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

2 Responses to "Cara Membuat Widget Link Social Media diBlog"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

  1. Wahh ini dia agar dapat menpilkan widget sosial media.. Mntapp agan hhe..

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Copyright © 2017 - 2020 Anirock Site - All Rights Reserved Created With