CARA PALING MUDAH MEMBUAT ICON SOSIAL MEDIA DI BLOGER

  

CARA PALING MUDAH MEMBUAT ICON  SOSIAL MEDIA  DI WIDGET BLOGER 

LANGKAH PERTAMA :

Carilah gambar gambar icon yang anda butuhkan ( whatsapp, map, instagram, youtub, snack video, tiktok, linkin, facebook, twiter dll) dari google yang menurut anda menarik 

pilihlah gambar satu per satu icon jangan yang berkelompokuntuk memudahkan saat akan di tempel di halaman blog anda   

Lalu simpanlah pada drive komputer anda file file tersebut.

LANGKAH KEDUA :

a. Masuklah ke dashboard bloger anda -------> klik posts -----> klik New Post

b. tampilan halaman new post ada dua opsi yaitu HTML view dan compose view

pastikan halaman newpost actif dalam tampilan compose agar kita dapat memasukan logo

b. setelah itu lalu klik Insert images ----->

c.  lalu klik upload from computer ------>

d.  lalu klik choose file  ------>

------> lalu carilah di drive computer anda dimana file icon social media yang ada simpan  dari google dan jika sudah ketemu pilih lah semua icon yang anda butuhkan lalu klik open

e. setelah semua file icon anda tampil semua di halaman add images klik lah semua yang anda butuhkan sehingga ada kotak biru tanda file sudah di pilih lalu klik select

f.  setelah semua file icon anda tampil semua di halaman New post klik lah salah satu icon sehingga menjadi berwarna biru dan kemudian Klik insert or edit link pada menu bar

g. hapus link bawaan yang ada di dialog box untuk di gantikan dengan link baru --->

h. untuk link baru salinlah lah link akun social media anda sesuai dengan logo nya --->

i.  tempel atau paste link sosial media pada baris link yang kita hapus di dialog box diatas ----> klik checklist box open this link in new windows -----> lalu klik Apply ----> lanjutkan proses penambahan link  seperti langkah f sd i untuk setiap icon sosmed

j. Setelah semua icon selesai di berikan link yang benar lalu klik kembali pada icon lalu klik dan drag pada titik kotak sebelah kanan bawah sesuai untuk mengecilkan logo sesuai ukuran yang kita inginkan

k. atur dan susunlah posisi icon sesuai dengan yang di inginkan, untuk mengatur posisi seperti pada gambar di bawah anda perlu pengaturan seperti menghapus sepasi pada ms. word.

 

l. ---> selanjutnya klik icon pensil pada pojok kiri atas lalu klik HTML view untuk mendapatkan link script HTML dari icon yang kita buat

m. klik and drag  untuk menyeleksi script yang akang kita gunakan di blog lalu tekan ctrl + c pada keyboard untuk perintah copy di awali <a href dan sampai di tutup ></a>

anda harus teliti melihatnya tapi cukup mudah memedakannya karena kita  hanya mencari <a href di baris atas dan sampai yang terakhir penutup  ></a> seperti ini tidak ada lagi dalam baris code.

Contoh jelasnya silahkan lihat script dibawah ini :

<a href="https://wa.me/+6282174048866" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUjhOzbjpEjhPJn7L-Y-o83fp7ZoiZ-7omwMvp8RfdHs5tv0eU3G5R1RyPwxXcS161RE1fVmCGCHSnVvUjZxWva0KHAYJiLYw71doDPOR3udl3TsU5-5lhJ7B9UfTKYjCvaXnETDdORBUZ2v303DKrIo6jBpdZsU0V9VuqVkyD3NbepiNN2Q-6TttkNs/w41-h41/whatsapp_logo_icon.png" width="41" /></a><a href="https://maps.app.goo.gl/G7FLkRcawzbwFTb8A" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt5yVJ-RMh7POG0VgxwQOA_KD7FCv2AgTEd46Pu2Q_tyBNd498AKPwXodFiRC6U0RFSyGQj-zrEk2gtetPzht3-19w5R3pubEsjXAeRcBA32679qe7QNU_jAXiIPveh7E8URaPmeGK_xGieoyCHZMLnfUEH4bRpYDqiissVW4_I1B58_z7gDt_Z_rtIQ/w40-h40/map.png" width="40" /></a><a href="https://www.instagram.com/warnagrafindo.batam" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1200" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS00eOZ38am3FYN6oaCTB4rtf_T9Qlmn4rd9A1U2DPcJJYnwSWzwgILp5VFR5XsbcKE_Pvd35c3Yponm7bJXw-kz4_fUaj9wsGtENcUbz3hnSFLAVbUEGoh6PyHeVnJqaDeNjfHCeXNMsqTE5nFu6MZWdqzl9Nb0M34CoqGym48p9PJIyBm_XzMAcSAU8/w38-h38/instagram.webp" width="38" /></a><a href="https://topikgunawan.panggabean@gmail.com" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGtnHWvEl_EHnxpGrAxBsIRB53Mka12zMgobD9kiZE-O82nF75ydjcBze_0Zo3FBD-xPAM-4AYj1H15ElZexX-aAS_HERr1oniEuWRRe7BNi3C17ji1E1xy-CSFYUwfLiWioAAZWyzBpM_7AnJ3xyOpir7Wm2OQkegcO2CAyP41ksYnzXwxU47FKrmgQE/w40-h40/logo%20gmail.webp" width="40" /></a><a href="https://sck.io/u/@warna.grafika.studio" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="416" data-original-width="420" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvULRwvFwynAqJJQ1QbuJiiB0rdfqo4OxMjp9ivo3JJtXks6RwaX9cIYLhWyGibUfijLfWmgOONvRsJc6A7yWYfeODdS2RktYTlH2oB6XjK8wIQ5W96cSRAu4cYFvv3wiSLMVj_hrLBUpKPgxonky5HRkdKQ-kWr432h4k4uU_GfccWOl5rYKAN54w9Vc/w40-h40/snack%20video.png" width="40" /></a><a href="https://www.tiktok.com/@toguentertainment" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="720" data-original-width="676" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRbKDKSaqcGUpGmw9xGjVM9eUQK1TTJIzjK2fWUINgsLySviRsfT1BejK6QQGwYW77y2q1Rs0RyOnMu5wvvyHEeDs0yjaWLuOdu2FqyJ_Qe2H-YG-HWtpk3b83TFZYBgs_VoALZUk04J1pElR7EZJjpNdOHe2uM3i8Sjgyg2UQoGod8uFyQeyDE8lNnTo/w36-h39/tiktok.png" width="36" /></a><a href="https://www.linkedin.com/in/topik-gunawan-b41785303" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="560" data-original-width="566" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQU2b9waU51rtqxawxGPHNHzidlYwnTRxPW7CXgWhas1QR6lknHefHUpypNeu55PNVEsNit5PhgPFO1Cj1nJ8iC3HAp1jzoLd0u-EyCPnrJaSiJMbvd_X4fHCFhBN-9dcowujuNoAM8GXfLazVI0n3BqSxl_8GBCqiL7HxeP35s2tbCQAdiVo-S20szNk/w45-h45/Beautiful%20BEFEL%20Linkedin-logo.png" width="45" /></a><a href="https://www.facebook.com/warnagrafindo.batam" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="439" data-original-width="439" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeX1IAJTJT-ah-MEczb5NF83koLz6iz8OdJ7Y5GyU4pduRDNVPL35NVuFrw3I7vApdSvdDLEh_Kol409lEiUDGmzauxosWFPJeVwbz8SByWt0VaMcLJpGbjeKN_fVmKhXi_kqcY1N7BvcqbyVMIAN6vNJKDQRH4V2QAc2yfwi3cPoBK-LqaRMgyz6Cmjg/w38-h38/logo%20fb.png" width="38" /></a><a href="https://twitter.com/ToguIndonesia" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavN_WMt48O6a_Al_tyzJEoXpfcvL4g2F2MqpIU3si2G1QMhfs0o-pmaL3ozyg9Om91VTCioriDsCwMtqtVNJMB1LcImNJmchhyphenhyphenSMhP8E39D0B1W0IjWUXiuKF84AxVUsm1gZaLvpQezgAXb-yjSAnctjw5q-wq7EpDNAx8lWCiBs072Unhr1nM926k4A/w40-h40/twitter_logo.png" width="40" /></a>

atau jika anda tidak mau belajar dan mau repot silahkan salin kode yang sudah saya pisah ini dan pastikan text yang saya beri warna merah kamu ganti dengan link akun sosmed mu sendiri tanpa menghilangkan tanda kutipnya:

Script Whatsapp :

<a href="link akun whatsapp" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUjhOzbjpEjhPJn7L-Y-o83fp7ZoiZ-7omwMvp8RfdHs5tv0eU3G5R1RyPwxXcS161RE1fVmCGCHSnVvUjZxWva0KHAYJiLYw71doDPOR3udl3TsU5-5lhJ7B9UfTKYjCvaXnETDdORBUZ2v303DKrIo6jBpdZsU0V9VuqVkyD3NbepiNN2Q-6TttkNs/w41-h41/whatsapp_logo_icon.png" width="41" /></a>

Script Google Map

 :

<a href="link akun google map" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt5yVJ-RMh7POG0VgxwQOA_KD7FCv2AgTEd46Pu2Q_tyBNd498AKPwXodFiRC6U0RFSyGQj-zrEk2gtetPzht3-19w5R3pubEsjXAeRcBA32679qe7QNU_jAXiIPveh7E8URaPmeGK_xGieoyCHZMLnfUEH4bRpYDqiissVW4_I1B58_z7gDt_Z_rtIQ/w40-h40/map.png" width="40" /></a>

Script Instagram

<a href="link akun instagram" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1200" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS00eOZ38am3FYN6oaCTB4rtf_T9Qlmn4rd9A1U2DPcJJYnwSWzwgILp5VFR5XsbcKE_Pvd35c3Yponm7bJXw-kz4_fUaj9wsGtENcUbz3hnSFLAVbUEGoh6PyHeVnJqaDeNjfHCeXNMsqTE5nFu6MZWdqzl9Nb0M34CoqGym48p9PJIyBm_XzMAcSAU8/w38-h38/instagram.webp" width="38" /></a>

Script Gmail : 

<a href="link akun email" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGtnHWvEl_EHnxpGrAxBsIRB53Mka12zMgobD9kiZE-O82nF75ydjcBze_0Zo3FBD-xPAM-4AYj1H15ElZexX-aAS_HERr1oniEuWRRe7BNi3C17ji1E1xy-CSFYUwfLiWioAAZWyzBpM_7AnJ3xyOpir7Wm2OQkegcO2CAyP41ksYnzXwxU47FKrmgQE/w40-h40/logo%20gmail.webp" width="40" /></a>

Script Snack Video : 

<a href="link akun snack video" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="416" data-original-width="420" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvULRwvFwynAqJJQ1QbuJiiB0rdfqo4OxMjp9ivo3JJtXks6RwaX9cIYLhWyGibUfijLfWmgOONvRsJc6A7yWYfeODdS2RktYTlH2oB6XjK8wIQ5W96cSRAu4cYFvv3wiSLMVj_hrLBUpKPgxonky5HRkdKQ-kWr432h4k4uU_GfccWOl5rYKAN54w9Vc/w40-h40/snack%20video.png" width="40" /></a>

Script Tiktok : 

<a href="link akun tiktok" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="720" data-original-width="676" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRbKDKSaqcGUpGmw9xGjVM9eUQK1TTJIzjK2fWUINgsLySviRsfT1BejK6QQGwYW77y2q1Rs0RyOnMu5wvvyHEeDs0yjaWLuOdu2FqyJ_Qe2H-YG-HWtpk3b83TFZYBgs_VoALZUk04J1pElR7EZJjpNdOHe2uM3i8Sjgyg2UQoGod8uFyQeyDE8lNnTo/w36-h39/tiktok.png" width="36" /></a>

Script Linkin : 

<a href="link akun Linkin" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="560" data-original-width="566" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQU2b9waU51rtqxawxGPHNHzidlYwnTRxPW7CXgWhas1QR6lknHefHUpypNeu55PNVEsNit5PhgPFO1Cj1nJ8iC3HAp1jzoLd0u-EyCPnrJaSiJMbvd_X4fHCFhBN-9dcowujuNoAM8GXfLazVI0n3BqSxl_8GBCqiL7HxeP35s2tbCQAdiVo-S20szNk/w45-h45/Beautiful%20BEFEL%20Linkedin-logo.png" width="45" /></a>

Script Facebook 

<a href="link akun facebook" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="439" data-original-width="439" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeX1IAJTJT-ah-MEczb5NF83koLz6iz8OdJ7Y5GyU4pduRDNVPL35NVuFrw3I7vApdSvdDLEh_Kol409lEiUDGmzauxosWFPJeVwbz8SByWt0VaMcLJpGbjeKN_fVmKhXi_kqcY1N7BvcqbyVMIAN6vNJKDQRH4V2QAc2yfwi3cPoBK-LqaRMgyz6Cmjg/w38-h38/logo%20fb.png" width="38" /></a>

Script Twitter

<a href="link akun twitte" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="512" data-original-width="512" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavN_WMt48O6a_Al_tyzJEoXpfcvL4g2F2MqpIU3si2G1QMhfs0o-pmaL3ozyg9Om91VTCioriDsCwMtqtVNJMB1LcImNJmchhyphenhyphenSMhP8E39D0B1W0IjWUXiuKF84AxVUsm1gZaLvpQezgAXb-yjSAnctjw5q-wq7EpDNAx8lWCiBs072Unhr1nM926k4A/w40-h40/twitter_logo.png" width="40" /></a>

Langkah Ke 3

a. klik layout pada dashboard blog----> lalu klik add gadget

b, klik HTML / Java script ---->

c, Ketikan Judul pada Title dan tempelkan scrip yang sudah kita buat. untuk ini bestie silahkan copy script yang ada di halaman ini tapi jangan lupa semua text yang saya tandai warna merah di ganti dengan link akun kamu yaa..

 

d. klik pada icon save pojok kanan bawah ----> lalu klik view blog di kiri bawah

sampai disini sudah selesai proses pembutan icon sosmed untuk blog. untuk posisi nya anda bisa menggeser geser nya sendiri letak nya apakah di side bar, page list, page body atau di footer terserah anda.

.....Selamat mencoba....