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/AVvXsEjcM2scfEKAtxp7lhGU1dOFqQnCPhMVTULf6CjSyRqidzZ7f4_hZ93GnemNTHS1rlfNpayBpWQIl1W6yeqOzi1aYr-A3a1pMNdOat4mZj0RHOvE9qgghQKnBbPtaBFTNAmC2NmF_foLrdUi/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/AVvXsEjDdt7cuHknrADJWEVHm1Hz44GVdYJSuLhT1DjAdaFSXyvj3k6AhMZkZQMPO9VgjqWctg0jX0Eb0ZWKR3WJa2SyKlYIRQdKGIumB9jlmaTwI_ehrsF6XvoE0nLmYZVgcxE4GingefbPtmjN/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/AVvXsEh1H_PvDj3-K6g6F6qkvlk4D_JiipWFY-4vm7kkypKxq7uTVAaj4lm5GtFRJGsZvOAL53vc5l7kX4W6aYQfZXt3xfKVITvT-HkUexDtHVRThlGY5VyGtNu111Cl4-6iJlecwefxt1eOIulb/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/AVvXsEgyQAQ9U7g5slluJrW4sI9yDfj2cP_0_ue0b9kW_TzVopdmdwO_Pl-gh95tLqfgMkvf5vL_3u1dwLPh48wvth6rIPMtN0QaTZ1IbljnGsF4QruM5g4cO4hbCfsDLDZ__CD-dM2X_6cGBVc/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/AVvXsEgc5VOMxUt8bUwpbKaLYJrzmfr6pTKfpm3Htky8Zb0YyQsQ6bDkIU27sn3VXJy0Bq6k2-fIWuYfRV9iEl7nTF7eXoUtdEWU_d_CRxW_8gLUX45gbvyE96hvVUID-w8LtVxvarc2wOMgbTs/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.