There are a few choice modifications widgets blog profile, essentially only the CSS game, because that is asked installed this blog so I'll just give you the code upon request, to the next you can be more creative in making other modifications.
Well please follow the following steps:
how to make modifications in the blog widget blogger profile
- After logging into your account.
- On the dashboard >> layout of the menu >> click add gadget >> HTML / JavaScript
- In the title column name it as you wish, then copy and paste the following HTML code in column ll
<style> #H.Wajid Ali{ border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; } #H.Wajid Ali :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> <!--[endif]----> <img align="left" class="opacity" id="#H.Wajid Ali" src="URL YOUR IMAGE PROFIL" />About YOU<a href="YOUR LINK BLOGGER PROFIL" style="color: #888888;">...Read More</a><!--![endif]----> <div class="clear"> </div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/blogID=5143343840607190550&widgetType=Profile&widgetId=Profile1&action=editWidget&sectionId=lowerbar1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML1"));" target="configHTML1" title="Edit"> </a> </span> </span> <br /> <div class="clear"> </div>
- Change H.Wajid Ali with your profile name,
- note the bold colored above, replace and adjust to your liking
- Change 5143343840607190550 with the ID of your blog
- please if you want to add CSS to modify as you wish.
- 4 Save and click save again. See the results of your blog
Thus this tutorial, how to modify the display profile blogger widget on the blog. May be useful.
0 Comments:
Post a Comment