How to create "About Me" in blogger footer


#1

How to create “About Me” in blogger footer fancy


#2

Hi @asadkhan, You can include an “About me” section in your footer by choosing a gadget - “HTML/Javascript”. That is what I prefer doing. You can add images and test or any other HTML tags. To answer second part of you question, to make it fancy… Hm… Please provide us more information what you exactly need.

-Rohan Chaubey.


#3

@asadkhan You can see this post Customize Author Profile In Blogger . This may helps you.


#4

Hi @asadkhan,

Try below code and let me know if you like it :smile:

<style>
.Shoutersclub {width:auto;  height:83px;padding:5px}
.Shoutersclub-SC {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:5px solid #005C91;border-right:5px solid #04BDFA;border-bottom:5px solid #005C91;border-left:5px solid #04BDFA}
.SC-AP{width:auto; padding:1%;}
.SCfb, .SCgp, .SCtw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
.SCfb {background: #3B5998;margin-left:76px}
.SCfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.SCgp {background: #D34836;font-size:11px;margin-left:86px}
.SCgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.SCtw {background: #4099FF;margin-left:82px}
.SCtw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
</style>
 <!-- Author Profile start -->
<div class='Shoutersclub'>
<img alt='IMAGE ALT TAG' src='ADD YOUR IMAGE URL' title="YOUR NAME" class='Shoutersclub-SC' />
<a class='SCfb' href='FACEBOOK PROFILE URL' rel='nofollow' target="_blank">f</a>
<a class='SCgp' href='GOOGLE PLUS PROFILE URL' rel='nofollow' target="_blank">G</a>
<a class='SCtw' href='TWITTER PROFILE URL' rel='nofollow' target="_blank">t</a>
<div class='SC-AP'>
  <p></p><b>Founder & Author : </b>ADD YOUR DESCRIPTION HERE<a style="color:#5634;" href="YOUR ABOUT ME PAGE" target="_blank">...Read More<p><!-- Ends -->

#5

Nice code Mahadev. I like it! Thanks for sharing. :slight_smile: