-->

Wednesday 17 April 2013

16 How To Add Stylish Author Profile Widget On Blogger





First I am thanks to blogger for customize templates and widgets. Today I am posted upon Author Profile to make more stylish in blogger. I added some mouse hover effects to Author Profile image and author name and i also added a small image of author that appears when you hover your mouse cursor on it.


1st->Open your blogger account

2->Click on layout

3rd->Click on add gadget

4th->Select HTML/JAVASCRIPT

5th Paste the following code

<style> #profile{ border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; } #profile:hover { border:2px solid #ccc; cursor:pointer; } .opacity { opacity: 0.5; margin-left: 50px; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .opacity:hover { opacity: 1; margin-left: 0px; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand'); zoom: 1; -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px #000; box-shadow: 1px 1px 4px #000; } </style> <style> #profile{ border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; } #profile:hover { border:2px solid #ccc; cursor:pointer; } .opacity { opacity: 0.5; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; zoom: 1; } .opacity:hover { opacity: 1; zoom: 1; -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px #000; box-shadow: 1px 1px 4px #000; } </style> <img class="opacity" id="profile" src="http://4.bp.blogspot.com/pCJqlD1f0eQ/TrPKoyvLt8I/AAAAAAAAABc/NeKCSAJ1EVM/s45/DSC00307.JPG" align="left"/>Hi! Myself <a href="https://plus.google.com/114267355093471812997" target="Samarth Agarwal"> Samarth Agarwal </a> (Pro Blogger and an addicted Web Developer)<br /> Ist of All I would like to thanks to all Followers and our lovely Visiters...<a href="http://showmedreams.blogspot.in/p/about-us.html"> Read More</a></a><br/>Widget By <a href="http://showmedreams.blogspot.com">Show me dreams </a>Customization - See more at: http://showmedreams.blogspot.com/2013/04/how-to-add-stylish-author-profile.html#sthash.P33vPNO6.dpuf

Customization


Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjMVeFDtQfKnxsoYxeibSEsuYZY5tbjl4-MwHk6r5YStqhI6jOIQbXoC0Xf5rAEP55GXpi3JqCup0a6fHJ7yjEcgUPgd5uaMICh_9XdRoTJdSHWzuxbSxOGC1cU5MZZLsxxPSwRYBuIA/s45/DSC00307.JPG with your own image link, For this make 48 × 48 image.


Replace 114267355093471812997 with your own Google + Profile.


Replace Samarth Agarwal with your name


Replace http://showmedreams.blogspot.in/p/about-us.html with your about us page.

Yipeeeeeeeeeeeeeeeeeeeeeeee...............................

Please Leave Your Question And Comment Below

Share this article :
Samarth Agarwal (Admin)
Posted By: Samarth Agarwal

Samarth Agarwal is the owner and founder of showmedreams.blogspot.com. I love to blogging,I like to learn and share technical hacking/security tips with you.

16 comments:

  1. Replies
    1. Our office has a reputation of helping patients that have been told there is nothing that can be done. Patients often get amazing results in our office even when they have had limited or NO improvement with treatments like physical therapy, surgery and even generalLos Angeles chiropractor.

      Delete
    2. We have Wrought iron handrails and fittings, wood balusters, wrought iron balusters and a beautiful line of stainless steel contemporary stair parts and more. Our product is high quality and we provide always nominal prices.

      Delete
    3. This comment has been removed by the author.

      Delete
  2. A burn injury lawyer is a professional having years of extensive experience in dealing cases of bun injury and representing the clients in court and in negotiation table to provide them appropriate compensation.

    ReplyDelete
  3. Dermatology is the branch of particular medicine which deals with nails, skin, hair diseases. Hence we can interpret that the Beverly Hills Dermatologist will help the people in having complete makeover of their personality.

    ReplyDelete
  4. The Motorcycle Accident Lawyer will surely help you in getting your life back in normalcy and ensure that you are having no worries. The attorney will represent you in court and fight for you to get proper claim and make you innocence in accident case.

    ReplyDelete
  5. Fulvestrant is the anticancer drug which is only distributed by the authorized distributors. You cannot find the drug from your local pharmacies. You need to find a authorized Fulvestrant Supplier that can deliver you medicines at nominal price.

    ReplyDelete
  6. Being the top rated Geftinat suppliers we feel proud to announce that we are offering the anticancer medicines and drugs at the cheapest rates. We are certified dealers of the drugs who provide drugs at nominal rates.

    ReplyDelete
  7. Texas defensive driving online may be able to reduce their auto insurance rates by taking an online defensive driving course, even if they do not have traffic tickets showing up lately on their DPS record. Many insurance companies offer up to a 10 % discount for taking an online Texas motorist safety course.

    ReplyDelete
  8. The greatest Los Angeles dermatologist procedure cosmetic surgeon has brought a lot of direct exposure to the application of pure anesthetic lipo; he believes that the concern element and the anxiousness aspect can be countered effortlessly by contemporary light anesthetic techniques knowning that these a lot more humane. Certainly, we have actually vehicles now, you do not need to use a bicycle! Periodically the individual has not a great deal of locations that are visiting be operated on, and pure local anesthetic is reasonable.

    ReplyDelete
  9. There is essentially plastic surgery for the eye area, and it is referred to as oculoplastic. A regular Oculoplastic surgeon Los Angeles can be stuctural or cosmetic because performing doctors are usually trained to perform both equally well. The same doctor can usually repair orbital fractures and afterwards turn around and take care of droopy eyelids.

    ReplyDelete

  10. Going over the risks of nose job is not regarding preventing individuals from withstanding plastic surgeries. It's more about readying them for the process and also results of nose job. Most importantly fell short instances of nose surgery are dued to the person's absence of filing and expertise regarding the treatment. Visit our website for more details.

    ReplyDelete
  11. With a price just over million dollars, this residence is worth the expense for a person who is searching for a contemporary program item, and has the money to use for. There are a bunch of top of the line attributes, and nearly every facet of the house was tailor-made. It's evident that no cost was spared in the making as well as construction of the house. Visit our website for more details about products at normal prices.

    ReplyDelete
  12. Awesome author profile.. I applied it to my blog just as u instructed..

    www.naijcrackgist.com.ng

    ReplyDelete

Before Publishing Your Comment Please Click On Subscribe Button To Get Comments Update Direct Your Email

Subscribe via email

Subscribe via Email
 

Hi! Myself Samarth Agarwal (Pro Blogger and an addicted Web Developer)
1st of All I would like to thanks to all Followers and our lovely Visiters... Read More

Make Dashing Your Blog Copyright © 2016- All Rights Reserved
Designed by: Samarth Agarwal | Powered by: Showmedreams(SMD)