Custom Profile Widget HTML Code

How To Create A Custom Profile Widget In Blogger ?

This is sample/demo HTML code for "About Profile" widget. This code is usable in blogger widget section. Copy the code and paste it in html code.

<div style="background-image: url('paste here url/web address of widget background image'); background-size: cover; background-attachment: fixed; text-align:center;">

<img src="paste here your photo url/web address" alt="your name" style="width:72px;height:72px; border-radius:50%;" /><br /><b>@your name</b>

<p style="color: navy;"><b> Enter your description here informative and interesting, useful Post online marketing consultant note to protect against computer.</b></p>

<a href="enter your telegram URL here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiReX-o_hpy6xQJCHgsSHPxpaxX4tjmJJHXQDCHHlv0XN0NsAP5Gb9UeEATswVtfnHI0g7VBsDz4EjnG4lYmMKgas_oKGvpxzyXE5Kd8sv7hMIZjhD9Ui2ghQU04PCxlaRnb88Y0F_BwT_8/s384/t.png" alt="telegram" style="width:32px;height:32px; padding: 5px 0; vertical-align:middle;" /></a>

&nbsp &nbsp

<a href="enter your Twitter URL here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikwu58vYWZWTyAOMKUYthzYiafQISFyB2UUBHPQxmlEYMWsIJXzVMuVSGwmT3BYIr4-S6Hlf-lgNLMqBd8ER8VCRuAsW1IMKRS0HqS4QsYFtRefGRwWvkCusWU0HFD9LuqDFpBQzBcSBKp/s384/tw.png" alt="twitter" style="width:32px;height:32px; padding: 5px 0; vertical-align:middle;" /></a>

&nbsp &nbsp

<a href="enter your facebook URL here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlj69mvA1aefoVWBFalKbR8B22ftX1dAhGjkRjkh9aIRj2pRjuTmCwDZjiExYxvSoI1ZB-cRNAB7YTKeSnD79XpCudXiFgJMT3OaR1ASvrdclojlBVS-SWVH9fV_uH3LqQE3K-t4YRGzwv/s384/f.png" alt="facebook" style="width:32px;height:32px; padding: 5px 0; vertical-align:middle;" /></a>

&nbsp &nbsp

<a href="enter your GitHub URL here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuXdMSieYxe6esAkX8NRl3z4H3_nKnXHgb3arxmJYVGBgT7cpfmuzy1vmCuqf6QXqtsZIvvjuNT8dalXfe2ROWxGHpQeNa-9_raduJN_S6kqBdovhTElk3jF0enEMwKeMGj6_Cx81ZKpw/s384/git.png" alt="GitHub" style="width:32px;height:32px; padding: 5px 0; vertical-align:middle;" /></a>

&nbsp &nbsp

<a href="https://api.whatsapp.com/send/?phone=+919999999999"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3rEP0-8U678KnQZW0but9k08xix8n5oMjPEM5EWjyt7f87Dpol_d2Od6YMUD5i_JuDkPKF9UoiWkTmHDpkYU1VKvkb3p0-MraSRd2UGcniPjPMzarPuwfBE1nz5uQGZ11S4_tdMg2cMU/s384/whatsapp.png" alt="WhatsApp" style="width:32px;height:32px; padding: 5px 0; vertical-align:middle;" /></a>

</div>

Tags: 

Custom Profile Widget HTML Code For Blogger.