Pasang Widget About Me With Social Icon Dengan Mudah Di Sidebar Blogger

IwanBerbagi.com - Saya sangat suka menggunakan widget yang sederhana namun tetap menarik, salah satunya widget about me, yang sejatinya sama dengan widget profile pengarang yang biasanya ditempatkan dibawah artikel blog.
Membuat Widget About Me With Social Icon Dengan Mudah Di Sidebar Blogger
Namun karena sudah terlalu sering orang menempatkan widget tersebut di bawah artikel, lalu saya mulai menempatkan widget tersebut di sidebar blog. Pada artikel kali ini pemasangannya juga sangat mudah dan beberapa pengaturan yang sangat sederhana.

Masuk ke dashboard blogger kamu lalu kamu perlu ke Tata Letak - Tambahkan Gadget seperti gambar berikut :
Membuat Widget About Me With Social Icon Dengan Mudah Di Sidebar Blogger
Pada tampilan berikutnya, kamu bisa memilih HTML/Javascript lalu copy dan paste kode berikut ini pada window yang ada, dan perhatikan kode yang saya berikan tanda.
<img alt="IwanBerbagi.com" title="IwanBerbagi.com" src="https://lh4.googleusercontent.com/-AH8VNagsfD0/AAAAAAAAAAI/AAAAAAAAHz8/wAgvlSqA6v4/w120/photo.jpg" width="75" height="75" style="float:right;margin: 0 0 0 10px;overflow:hidden;border-radius:50%;box-shadow:0 6px 12px rgba(0,0,0,.2);border:4px solid #faf9fb" />
<span style="font-size:0.9em;font-style:italic">Blogger Pemula yang sangat gemar menulis dan berbagi cerita dan pengalaman yang bisa kamu pelajari.</span>

<div class="clear"></div>

<a title="facebook" target="_blank" href="https://www.facebook.com/iwanberbagi"><img alt="Facebook" title="Facebook" width="40" height="40" style="float:left;margin:15px 15px 0 0;border-radius:50%;box-shadow:0 6px 12px rgba(0,0,0,.2)" src="https://4.bp.blogspot.com/-wVKJDPS2oA0/WmS4Qyvn6wI/AAAAAAAAJu4/n0a-SXRSbb0fy-cdzeEo1gklRwfpTDRKACLcBGAs/s1600/if_JD-04_2224649.png" /></a>

<a title="twitter" target="_blank" href="https://twitter.com/iw_n"><img alt="twitter" title="twitter" width="40" height="40" style="float:left;margin:15px 15px 0 0;border-radius:50%;box-shadow:0 6px 12px rgba(0,0,0,.2)"src="https://1.bp.blogspot.com/-ibGEgWZuenA/WmS4RGLProI/AAAAAAAAJvA/_hW1MjByv1Y0QQ2J_1wpwZHBStfMIdEdwCLcBGAs/s1600/if_JD-13_2224664.png" /></a>

<a title="instagram" target="_blank" href="https://www.instagram.com/iwancompnani/"><img alt="instagram" title="instagram" width="40" height="40" style="float:left;margin:15px 15px 0 0;border-radius:50%;box-shadow:0 6px 12px rgba(0,0,0,.2)" src="https://4.bp.blogspot.com/-4I46qMfxF_M/WmS4Q_gIdqI/AAAAAAAAJu8/ab2WVZs6j1o3hogx4oc_7FTms23KyfwfACLcBGAs/s1600/if_JD-08_2224668.png" /></a>

<a title="youtube" target="_blank" href="https://www.youtube.com/channel/UCp8O7eKqhQsfzIJ0WeUKufA"><img alt="youtube" title="youtube" width="40" height="40" style="float:left;margin:15px 15px 0 0;border-radius:50%;box-shadow:0 6px 12px rgba(0,0,0,.2)" src="https://2.bp.blogspot.com/-2k_FkU1TAJM/WmS4R2RnHaI/AAAAAAAAJvE/itcDUSAKYjMDbSuCRlXiC4ta6iCySKWOACLcBGAs/s1600/if_JD-39_2392285.png" /></a>

<div style="clear:both"></div>
Kamu perlu sesuaikan url sosial media yang ada pada kode tersebut, tepatnya kode-kode yang saya beri tanda warna kuning itu. Dan untuk yang berwarna hijau kamu hanya perlu mengganti dengan URL Gambar profile kamu sendiri. Selanjutnya klik Simpan dan lihat hasilnya, selamat mencoba.

0 Response to "Pasang Widget About Me With Social Icon Dengan Mudah Di Sidebar Blogger"

Silahkan berkomentar sesuai topik pada Artikel ini, komentar akan saya balas ketika saya sedang tidak ada kesibukan lainnya.

Note : Jangan lupa untuk mengaktifikan centang Notify me pada kolom komentar, agar kamu mendapat notifikasi balasan dari saya langsung Via Email. Tks

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel