Customised Author Bio Box Widget For Blogger andrey суббота, 3 января 2015 г. No Comment

Here's how you can add a customised author bio widget in blogger blogs. This widget is a must have for all blogs/websites. On the author bio widget are social media follow buttons that your blog readers can easily connect with your blog and get updates after subscribing. Also, details about the author and image of the author are displayed, allowing your readers to know you a little better. Putting in a little effort in customizing your author bio box widget to make it look better can be quite rewarding.


Also Read: Social Follow and Subscription Widget For Blogger
                   Facebook Popup Like Box With Timer For Blogger
                   Add Different Background Image In Specific Blogger Page

How to Add Cutomised Author Bio Widget In Blogger

  • Goto your blog's 'layout'
  • Click on 'add a gagdet'
  • Select 'HTML/Javascript'
  • Copy the Code below and paste in the field.


 href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'/>





class="wgauthr-widget wgathrlns"> class="wg-crnrbckgr" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliVVRXRijWwxehZhr6_GHPWaY2SUvr3J21RVHXnG8Wc6OwoUS6B96TTJXWe03907b-Xs1wr_-2xANdXMRmvUZu-ajpCmCGZ0AyeWvJnGb23jN6fnQ7lcR7HhBQVtYuKAf6ArvPiHS_AUv/s1600/authorbck.jpg)">

class="wgavtrg">
alt="YOUR NAME" src="YOUR IMAGE URL" />
class="wgavtinfo"> class="wgurnaam">YOUR NAME
class="wgurju">BRIEF DETAILS ABOUT YOU
class="wg-avtlninfoaa">BRIEF DESCRIPTION OF YOUR BLOG.
class="dwnlin">


class='wg-golblue'>
class='wg-goliconn'> href='http://www.facebook.com/USERNAME' target='_blank'> border='0' src='http://1.bp.blogspot.com/-H38kJ5PSU-k/Uin2qt9WW0I/AAAAAAAAAP8/W5Wmpt42xwY/s1600/facebook.png'/>


class='wg-goliconn'> href='http://www.twitter.com/USERNAME' target='_blank'> border='0' src='http://2.bp.blogspot.com/-B3UXsAyQbdw/Uin2scG5PKI/AAAAAAAAAQU/zcSj3UljGCw/s1600/twitter.png'/>


class='wg-goliconn'> href='http://www.plus.google.com/ID' target='_blank'> border='0' src='http://3.bp.blogspot.com/--Pp4ZjOu4Ew/Uin2qgGT5zI/AAAAAAAAAP4/sMX3HGgzctE/s1600/google+.png'/>


class='wg-goliconn'> href='http://www.youtube.com/ID' target='_blank'> border='0' src='http://3.bp.blogspot.com/-2KJ18EdFkdM/Uin2sS-cP1I/AAAAAAAAAQQ/7Vv8-WQWRQo/s1600/youtube.png'/>

class='wg-goliconn'> href='http://feeds.feedburner.com/ID' target='_blank'> border='0' src='http://2.bp.blogspot.com/-aVX-dCRSr-A/Uin2qzynvOI/AAAAAAAAAQI/l-Mn8lg6sPs/s1600/rss.png'/>



Also Read: Numbered Page Navigation Widget For Blogger Blogs
                    Static Facebook Popup Like Box Widget For Blogger
                    How to Add IP Widget In Blogger Blogs

Note:You can remove the existing 'about me' widget o your blog before adding this one.

Here's how you can add a customised author bio widget in blogger blogs. This widget is a must have for all blogs/websites. On the author bio widget are social media follow buttons that your blog readers can easily connect with your blog and get updates after subscribing. Also, details about the author and image of the author are displayed, allowing your readers to know you a little better. Putting in a little effort in customizing your author bio box widget to make it look better can be quite rewarding.


Also Read: Social Follow and Subscription Widget For Blogger
                   Facebook Popup Like Box With Timer For Blogger
                   Add Different Background Image In Specific Blogger Page

How to Add Cutomised Author Bio Widget In Blogger



 href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'/>





class="wgauthr-widget wgathrlns"> class="wg-crnrbckgr" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliVVRXRijWwxehZhr6_GHPWaY2SUvr3J21RVHXnG8Wc6OwoUS6B96TTJXWe03907b-Xs1wr_-2xANdXMRmvUZu-ajpCmCGZ0AyeWvJnGb23jN6fnQ7lcR7HhBQVtYuKAf6ArvPiHS_AUv/s1600/authorbck.jpg)">

class="wgavtrg">
alt="YOUR NAME" src="YOUR IMAGE URL" />
class="wgavtinfo"> class="wgurnaam">YOUR NAME
class="wgurju">BRIEF DETAILS ABOUT YOU
class="wg-avtlninfoaa">BRIEF DESCRIPTION OF YOUR BLOG. class="dwnlin">

class='wg-golblue'>
class='wg-goliconn'> href='http://www.facebook.com/USERNAME' target='_blank'> border='0' src='http://1.bp.blogspot.com/-H38kJ5PSU-k/Uin2qt9WW0I/AAAAAAAAAP8/W5Wmpt42xwY/s1600/facebook.png'/>

class='wg-goliconn'> href='http://www.twitter.com/USERNAME' target='_blank'> border='0' src='http://2.bp.blogspot.com/-B3UXsAyQbdw/Uin2scG5PKI/AAAAAAAAAQU/zcSj3UljGCw/s1600/twitter.png'/>

class='wg-goliconn'> href='http://www.plus.google.com/ID' target='_blank'> border='0' src='http://3.bp.blogspot.com/--Pp4ZjOu4Ew/Uin2qgGT5zI/AAAAAAAAAP4/sMX3HGgzctE/s1600/google+.png'/>

class='wg-goliconn'> href='http://www.youtube.com/ID' target='_blank'> border='0' src='http://3.bp.blogspot.com/-2KJ18EdFkdM/Uin2sS-cP1I/AAAAAAAAAQQ/7Vv8-WQWRQo/s1600/youtube.png'/>
class='wg-goliconn'> href='http://feeds.feedburner.com/ID' target='_blank'> border='0' src='http://2.bp.blogspot.com/-aVX-dCRSr-A/Uin2qzynvOI/AAAAAAAAAQI/l-Mn8lg6sPs/s1600/rss.png'/>


  • Customise the highlighted text in code above by adding your social media usernames and ID.
  • Also add details about you and the URL of your image.
  • Save the widget.
Also Read: Numbered Page Navigation Widget For Blogger Blogs
                    Static Facebook Popup Like Box Widget For Blogger
                    How to Add IP Widget In Blogger Blogs

Note:You can remove the existing 'about me' widget o your blog before adding this one.

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

No Comment