Tutorial Memasang Widget Media Sosial di blog

by - January 26, 2018


Memasang widget sosial media di sidebar pada sebuah blog juga merupakan hal yang penting lho bagi seorang blogger


yuk kita pasang :

Langkah pertama : masuk ke dashboard blog anda
Kedua : pilih tata letak
Ketiga : lihat disidebar kanan, klik add widged
Keempat : pilih html/javascript
kelima : Pasang icon sosial mediamu
untuk icon media sosial warna biru, berikut kode nya

<div style="text-align: center;">
<a href="isi link akun facebook anda" target="_blank" title="Like/Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguIpD65mCQSkHThZht9vIzAPvFyruNz_SZUCea_bD-6MKSpAqkA6wrhbmdCe5E39NDEheZpRg7lR6pF8yEN_wDsHSaX3MgkHjydXVVJQDTGlKPPC6U-rmCuCbcfNu3xgnxGnZpeGwVCHA/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun twitter anda" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyXh79c_iVKlYtpfX7qFZ0z8sETTkyo6kd6JsALEndqq1UUOorW1SsQx5JGU0-C_IuR079HhdLId5zyFaxDfRRavRil9CFbb8PF87CIraoLDM9y1UJ4uMPbK8Gqk4stquzCzRZ2KLEFvE/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun  googleplus anda"_blank" title="follow me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUCbDhntf9dIDULtGyphep3aSCfthqaJTIr-x3Th7n2k6jCmPl_CuZsxHguFuZEkMGi4bJmGTooSe3-GMBVGjATK3x3-tpt5Wd6lN6Xo9zq1XlajCo5KnozIygp32dAdL4Yf75YGClz0E/s1600/google-plus.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun instagram anda" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWIyVu1_aBNQ2DehgOFhA2_fBoK0YcREvLCHUtVpcnvVWDPUrHOmNAhqm80zoR_Lb0OEqRQZ6Iu6JxSMWGAt4FtktuAFW2UXxC_Yog7rJf5tkc_uetjRUqVbEaagniHgzBr1aQZQs4Quo/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="isi dengan link akun youtube anda"_blank" title="subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj968kvcG8vhiowyDYIbgAjARperM-JyB02CYgQe2vYvbDG7HwbNZ7R12g1bgMPGX9YeuG8hx4ULGPLokhREtDLsQ32C91ip5-KAzwnF-eIyY4ZHAAOEEVs7lpe8AYtOwjMOVYGmb6KUts/s1600/youtube.png" style="border: medium none; position: relative;" / /></a>

Untuk Akun sosial media dengan warna original
Berikut Kodenya



<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoBLNxK3ref92HgzATiWc-T_yJPLk-P_WBiSnQLcTnjLBXV7SLs9q_oP11q7bYgpCCJcoSgClxxO3iS1HzfzP0rLebqKHl7f4Gw9EGuO70O8OFIXfRESeyHzdQ6sa6NEAAi9iPRcfEZDs/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxc-OJmE8uyE7Rro53zigZdGUEYT_gOrRxC-8mNkAiI-XKsxTLFcUx-odzIIetFNVDl9pd6bUJCRT4BPmFB9tbEV_M0MP7feyWNhpsRxTWST_mLHjEdxgL_9MtZpBAmloGR6GVNYZW4w/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim1ckcmoQs-WBWwZj4OAT-x2TUe2XjfNgNldVrnS6yG8ftiEIriAdIOuMjyJiJZrHBtG_F_rkORSZM434ZuH94xouEjnl9OkVg8PIXNDa_G4liUNxeTLybSRHQFmTWzLwTwgBhD4J_hyphenhypheng/s1600/google-plus.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5pz9dInHwuTWyKzB3YFS66wE42sbNGAgGscoF8ViLLBa-3HMs_DHU5FeLUpu2XzhNyZiZAU6fdEBxx0tNoFgTG_fG-greQxy1grtsLCo-ORTB9PUJypAREEfH7FKEp9TOGMVkb5dyVs/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1xmbYY0mIwNgd0tDfy6pbDhwVAHkAVxIKisSj5Fc2xtsM8eZ_3-btPlf4T1KA1GT0CDmaSlqhU32S__OSEYZXYdvNx8LoDTvZBfDDSXS-Z19AUTkQDTi1n7gMlF59wGBl3QhEBHH5ZYY/s1600/youtube.png" style="border: medium none; position: relative;" / /></a></div>

Untuk Akun sosial media dengan warna Hitam


Berikut kodenya


<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52bN5eRJy_e8XJmChEQ83T0d1nQR4MlGWkeri4V1PMszGCR6PA6oiLewi15e21RmsLRKq7QkjUd9UJ_HWtk9JaMSE1r3GYhtcbeDwwmSxnO7OzvzilYlurDPRMHPgCFoblj64pubScAY/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjQPa0R8Gy51xZH_jjN3_YTrFlPVOkhzK6iBqa8REp_JjUlFcX79MFsGNK08XQsv6ZTy3WM_bXlng-2W5KYQSNSYivRn4VvOgaWbr5vL95uruwZvlFQ5EDS5K_HEQoFhEGeVbjYJAKTHo/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjblEon8oZBZk54HgH-OYdHdEMQFhEFDEA1tYvOINLa1o_QzpNDYs_u0BAmr9_Ku_gU3LYpIAwMVSza6QXHzqEHrrHjGh-TluZv6ra2McOY4c5H1CYgNVR72zHIsSQjmxCO1hmvT4uqTUg/s1600/google_plus.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxr3Pj7p8YM0lMYJRrN0nae0GANFtRbUtjOl-lYm4RCTS61ER7PGCueiPen4__s6LeZ2jSE6hdENEmIVokeMrh8fGXTvKhBa19Uh-fDNyYnATC4eIE2k6uKoa84v6QDCP0E73voTiSSRg/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfR7SXVRIKwlBrJObds3BD3tpCMx8sKO7GuuK10wXZywwE0ZduQnIhSz45-1BLOmWnomSvsYtMHq3yuzFzt6PomCyh0XIHTwzVls1PeBA_ZHg2xFLX2DDi3IVx68PHNs-gwhBaXIEaucU/s1600/youtube.png" style="border: medium none; position: relative;" / /></a></div>


Untuk Akun media sosial dengan warna pink



berikut kodenya


<div style="text-align: center;">
<a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYsSbI5GuusYkX5CignUVLpfcy1uTE0SbsN6juTedTpZXN5HweUTvujYJbbKyqhy2c70kgFUBAGTDQNbRPMPtOdbamKhZrfcNck9frXqgAJkl0wMITkET2bS4Ls7uhG2SmeI2EkxLxJw/s1600/facebook.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzSKltMi2kY1hXxHpV2U2noARqQXghz9lgF-FDqWueQzfdiu0DtHn7EktR7wRQ2Q22sdFgTbp5kACN3PkV4S5Qa_9taXISdM06PlPkdn8pNsmT405ZBznpls_QU-XAl4R6mJMiOE4EL8/s1600/twitter.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPit3YrrhO14VCOHZSFw14lPrlWAuL61GZaG3AN0-C7Pu_X2zIZhITBG4h0BGUeWLFfKgDPDEeki66xydivgMCF7SpWO_9BG-3_nPvxegADdN6vcByCkRwx90T6G1KZopzzPUuSQ-bKpY/s1600/google-plus.png" style="border: medium none; position: relative;" / /></a>
<a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu6-opNFMyxtSp0xK1ffA4aFOMn5Ab1hNc8IrJ7uJu9t1WYiy0HaOSNsZ8RE-xNyJNK2Mcsc85e7E5FChDNk2BNaL5whjZUds2rc6DuggpkynweXORwshvdLifwpCI7CcYNOfh80AwTfQ/s1600/instagram.png" style="border: medium none; position: relative;" / /></a>

<a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu8RAgzbe1AmCYouO6vm3APfUjD0hVMC7xWF4mnFCr7j61St0wQZZwNx1IjPYiWch4Nm3q1G_ZC5EDdz9zy0_ozQ44JBXAja_lUAVtfVeHrk3UsZth5Crp_MXi9o0HlnTud9xYf3ESNU0/s1600/youtube.png" style="border: medium none; position: relative;" / /></a></div>

Semoga bermanfaat

Sumber kode html dari Tulisan Wortel


You May Also Like

30 komentar

  1. keren dan bermanfaat tipsnya mba, jadi saya bisa pasang widget sosmed di blog dech

    ReplyDelete
  2. Makasih infonya sangat bermanfat.


    YUK KLIK LINK DI BAWAH INI SEGERA !!!!

    Ton Nasa

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. keren terima kasih ilmunya mba

    ReplyDelete
  5. sangat bermanfaat..

    ReplyDelete
  6. Adisarainbow.blogspot.com

    ReplyDelete
  7. alhamdulilah saya ikuti tutorial nya bisa aktif wiget sosmed blog saya terimakasih buuuu
    jangan lupa mampir yaa https://www.handayani.xyz/

    ReplyDelete
  8. makasih banyak. sangat bermanfaat

    ReplyDelete
  9. Kak, boleh minta link ikon instagram terbarunya tapi yang warna hitam. Soalnya yang diatas masih logo lama. Terima kasih sebelumnya

    ReplyDelete
  10. terima kasih..
    manfaat banget dengan variasi pilihannya..

    ReplyDelete
  11. Terima kasih mba, saya jadi bisa menambahkan widget sosial media di blog :)

    ReplyDelete
  12. terima kasih..
    manfaat banget dengan variasi pilihannya..

    ReplyDelete
  13. Sangat bermanfaat.

    Kunjungi Juga Kami di

    Resep Omdo

    ReplyDelete
  14. Hallo, kak. Aku kebetulan baca konten ini dari backlink yg masuk. Wah... bangga rasanya bisa bermanfaat buat orang lain. Salam kenal, ya kak. Jangan sungkan mampir lagi. :)

    ReplyDelete
  15. terimakasih mba sangat membantu

    ReplyDelete
  16. Sangat bermanfaat buat blog saya, terima kasih

    ReplyDelete
  17. Terimakasih tutorialnya ya, sangat membantu

    ReplyDelete
  18. Ga langsung ke link akun media sosialnua, malah masuk ke halaman baru di blogger: "Tidak ada apapun di sini!" 👎🏼👎🏼👎🏼👎🏼👎🏼

    ReplyDelete
  19. Joss thank sudah bagi ilmu nya. teruslah berkarya bozz

    ReplyDelete
  20. bingung mau pake yg mana

    ReplyDelete
  21. Thanks buat sharingnya

    ReplyDelete
  22. keren banget nih, ini juga keren buat nambah skill sosialmedia

    ReplyDelete
  23. info loker terbaru bekasi,cikarang, karawang silahkan cek di web www,lowongankerjaa,my,id

    ReplyDelete
  24. Akhirnya dapat juga tutorial nya,makasih e kak,semoga sukses blog nya

    ReplyDelete
  25. "Thank you for nice information
    Please visit our website unimuda and uhamka . . . . . . . . . . . . . . . .

    ReplyDelete
  26. Sangat bermanfaat, makasih

    ReplyDelete

Terima Kasih Atas Kunjungannya