HOW TO STYLE WIDGET AUTHOR PROFILE WITH HOVER IMAGE EFFECT Blogger

HOW TO MAKE STYLISH AUTHOR PROFILE WIDGET WITH IMAGE HOVER EFFECT IN BLOGGER
(Highly Compressed) < / center> HOW TO STYLE WIDGET AUTHOR PROFILE WITH HOVER IMAGE EFFECT Blogger

3

Frndzz.Today Hii I'll post on author Profile highlighted in more elegant blogger. I added some effects mouseover to author's profile picture and name of the author , and I also added the small image that appears author of When Hover your mouse cursor on it

.

What elegant author profile using simple CSS code

rate Add this effect to your personal profile follow these steps ..

1. Blogger > Layout.

2. ClickAdd a Page element orAdd a gadget.

3 . Now go toEdit HTML.

HOW TO STYLE WIDGET AUTHOR PROFILE WITH HOVER IMAGE EFFECT Blogger

4 now Add below code:

< blockquote style = " box-sizing : border -box ; font-family : Georgia , serif ; font-style : italic ; line -height: 1.4em ; margin: 1em 20px ; padding: 20px 30px 0.25em 0.25em ; position : relative; ">

class

Src = " https://lh4.googleusercontent.com/-dIRWTqeCTwg/UTV0FM06irI/AAAAAAAAABk/DFXgRwWJl4w/s428-p-o/IMG1081A.JPG"

style " box-sizing : border -box ; "Width = '50 ' align = " left " / > I am
style =" box-sizing me ; border-box : box-sizing border-box ; " / U / 0 / 108279039023501265615 / style =" box-sizing : border -box ; "
Style =" box-sizing : border -box ; "Title =" Paritosh pandey "target = " _blank "> Paritosh pandey
style =" box-sizing : border -box ; " 's India founder
/ "> DHANSU pirate
I am crazy about blogging and style =" box-sizing : border -box ; " advice
and sharing tips with my readers
I / > =
. " Box-sizing : border -box ; " Design Blogger template , Web Design and Development
>>>
"href =" http://dhansuhacker.blogspot.com / p/blog-
page.html "target = " _blank "> Read more # 187
style =" box-sizing : border -box ; "

style = " box-sizing : border -box ; "
< / Div>

style =" box-sizing : border -box ; "

CUSTOMIZATION :

style =" box-sizing : border -box '; / >

• < style = " box - sizing
  replace https://lh4.googleusercontent.com/-dIRWTqeCTwg/UTV0FM06irI/AAAAAAAAABk/DFXgRwWJl4w/s428-p-o/IMG1081A.JPG with your own image link for this make48 × 48 picture
• • < style = " box-sizing . . border- Box ; "> replace 108279039023501265615 with your own Google
  • style = " box-sizing : border -box ; "
    < / Div>

    • • < li style =" box sizing : border -box "> Replace Paritosh pandey with your own name
      • • border-box "> =
          • replace "hacker DHANSU " with the name of your blog
          • • 
              
              
              • < style = " box-sizing : border -box" > Replace http://dhansuhacker.blogspot.in with link
              • 
                DATA ... style = " box-sizing : border -box ;" / >
                Share this article if you like ... style = " box-sizing : border -box ; "
                Style =" box-sizing : border -box : "If you encounter any problems Comment Bellow
                

HOW TO MAKE STYLISH AUTHOR PROFILE WIDGET WITH IMAGE HOVER EFFECT IN BLOGGER
< center style = " box-sizing : border -box ; "> (Highly Compressed) < / center>

Do you like this post? Please link back to this article by copying one of the codes below.

URL: http://fulldownloadbox.blogspot.com/2014/05/how-to-style-widget-author-profile-with.html HTML link code: <a href="http://fulldownloadbox.blogspot.com/2014/05/how-to-style-widget-author-profile-with.html">HOW TO STYLE WIDGET AUTHOR PROFILE WITH HOVER IMAGE EFFECT Blogger</a> BB link code: [url=http://fulldownloadbox.blogspot.com/2014/05/how-to-style-widget-author-profile-with.html]HOW TO STYLE WIDGET AUTHOR PROFILE WITH HOVER IMAGE EFFECT Blogger[/url]

Posted in: Software