Cara Mudah Menambahkan Widget Sosial Media Pada Blog

SHARE THIS

Share to:

Facebook Twitter


Cara Mudah Menambahkan Widget Sosial Media Pada Blog - Membedah blog dengan menambahkan widget adalah salah satu cara untuk memperindah tampilan atau desain template blog. Tidak hanya bertujuan memperindah tampilan blog, tetapi widget juga punya peranan cukup penting terutama sebagai penghubung antara admnistrator blog dan pengunjung sebagai wadah bersosialisasi. Saya sendiri juga menggunakan widget, untuk icon widget bisa didesain sendiri atau mengunduh dari beberapa situs penyedia icon tersebut. Saya sendiri mencomot dari salah satu situs penyedia yaitu iconmonstr.com.


Untuk proses menambahkan widget sosial media sendiri tidak rumit, kalo saya sendiri lebih memilih meletakkan di sidebar blog. Tanpa berlama-lama langsung saja saya akan memberikan cara mudah untuk menambahkan widget, Cekidot!

1. Hal pertama yang harus dilakukan yaitu log in/masuk terlebih dahulu di dasbor blogger. Karena tanpa log in tentunya sampai kapan pun gak bakalan bisa untuk memulai semua proses penambahan widget.

2. Selanjutnya pilih menu Tata Letak dan pilih Tambahkan Gadget.


3. Di dalam Kotak Konten masukkan kode dibawah ini dan jika sudah dimasukkan bisa langsung klik tombol simpan di bawahnya tanpa menuliskan judul.


<a href="https://plus.google.com/111134352147037744161"><img alt="Google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-EiIXX215F_4gdLNQ8sRG70wEQLOGypflnbGKcVsrBAC6Kg93EV7cIDNazkl_lqn1gKAeAEpj3GUHMYjU7TxSCCSQtwzg6Kqoh_TXGdPMiqH6Ea7UsurMeHp1yjMmHuhJXQ3oRjBM5c/s1600/iconmonstr-google-plus-4-icon-256.png" width="50" height="50" title="google" /></a>

<a href="https://www.facebook.com/sebutsajatius"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYO3LUEngmov9_toHJ6ADXJDp6jYJU5mmyySkulfDDfPJoLfhtAsIFgnoTPXGOO-dsXyeNX8wWKz0oiUOQ9tFnFdyznaPA-J9ZPWiI8s2sHDGbV7oe17KXD3cpZMlyUqVB_C0phw2tQpg/s200/iconmonstr-facebook-4-icon-256.png" width="50" height="50" title="facebook" /></a>

<a href="https://www.twitter.com/sebutsajatius"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYhXrDyeqP8tzyENWw1QhxwBlNxVwEri9QZvijzaRqk-WlA7vdJhf1avPhrGhG2psxd79y-tKNabb3OA4J6sYUThBmXe9MfU135kBV26mIFOS5MN4xyauO2BFkLy-3aY4r4qTA9dpHb8/s200/iconmonstr-twitter-4-icon-256.png" width="50" height="50" title="twitter" /></a>

<a href="https://instagram.com/sebutsajatius"><img alt="Instagram" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivtBhg3r0uPVdRksIEbKZ2K9z6CLCGhp4jrkEN9J0pvEy7YeCuQYHrsOK0GPqxfeKPg9E6YnAJDI4Bm1k8fEmYC35odOIzLhQlR99GKW6xZCoSpbwwH1thK6RdZUGor3bgTMx_g9Zr_g4/s200/iconmonstr-instagram-9-icon-256.png" width="50" height="50" title="instagram" /></a>
</center>

Pada kode yang berwarna merah bisa anda ganti dengan URL sosial media yang anda miliki. Kebetulan untuk di blog saya hanya memasukkan 4 sosial media ini. Jika anda ingin menambahkan lebih banyak icon lagi bisa anda tambahkan lagi dengan mengcopy kode yang sudah ada kemudian ganti URL sosial media  yang ingin dimasukkan kemudian ganti URL icon sosial media (kode berwarna biru) yang ingin ditambahkan.

Kode yang berwarna hijau dapat diganti dengan nama sosial media yang yang dipakai untuk widget.

Demikian tutorial atau tips singkat yang saya berikan pada kesempatan kali ini. semoga berhasil untuk menambhakan widget sosial media pada blog anda. Jangan lupa berikan komentar, kritik dan saran yang dapat membangun di kolom komentar yang tersedia. Terima kasih.

Baca juga: Cara Membuat Judul Postingan Blog Rata Tengah

Hi... I'm Martius, You can find more about me. Thanks for coming to my blog and hope you enjoy it.

4 komentar:

  1. saya mo tanya simbol share bawaan blog ( dibawah postingan ) . koq pada blog saya tidak keluar tombol / simbol pintrest . dan juga kenapa tombol G+ tidak sejajar dengan tombol lainnya. Terima kasih

    BalasHapus
  2. Mungkin perlu edit di Blog Postnya Bung Anton... otak atik saja coba bung trus coba previewnya

    BalasHapus
  3. ANGEL OF DEATH FROM THE HELL (2013)

    https://angelofdeathdevil.blogspot.com/

    IJIN POST BLOG DAN JANGAN LUPA KUNJUNGI ANGEL OF DEATH FROM THE HELL (2013) BERBAGI INFORMASI SEPUTAR SERIAL NUMBER, ANDROID, APLIKASI, ANTIVIRUS, BITCOIN, CARA MEMPERCEPAT ANDROID, IOS, BROWSER, LOGO, BIN GENERATOR

    ANGEL OF DEATH FROM THE HELL (2013)

    BalasHapus