All About Blog Designing, Useful Tips and Tricks.
CSS Image Border Effect (Blogger)
In previous post we discover about image opacity and its use in blogger images, now there is another attractive way to make blog images more stylish by adding border when mouse hover on it. I am in try to publish the esiest way to do it. There are lot of way to customize blog with simple tricks, no need to any scripts that increase the loading time of blog. Follow some simple steps to add it into your blog.
1. Log in to blogger Dashboard>>Design-
2. Enter in Edit HTML-
3. Check Mark to Expand Widget Template-
4. Now search ]]</b:skin>(Ctrl+F to use browser search) and paste just above it the given codes.
.imborder img{
border: 4px solid #ccc;
}
.imborder:hover img{
border: 4px solid navy;
}
.imborder:hover{
border-color: black;
}
Save Template and when you put some image use the codes as
<a href="URL OF TARGET LINK" class="imborder" ><img border="0" src="URL OF IMAGE" /> </a>
Replace URL OF TARGET LINK with the desired link when image is clicked and also replace URL OF IMAGE with the link where image is stored.
Arvind
Baca juga
Label List
Add Beautiful Search Box in your blogger
(1)
Add Favicon icon to Blogger URL
(1)
Add Social Networking Sites Buttons beneath to Every Post (Blogger)
(1)
Add Table In Post
(1)
adsense
(1)
All Alt plus (+) keys
(1)
All Useful Shortcut Keys
(1)
Alt + Keys
(1)
Background Images
(1)
Blogger Gadgets
(1)
Blogger Help
(7)
Blogger Safety
(1)
Blogger Search Box-2
(1)
Blogger SEO
(1)
Blogger Tutorials
(5)
Blogger Widgets
(5)
blogging
(2)
Can I get original freecell back for windows 10?
(1)
Codes For Flip Text.
(1)
CSS
(1)
Customize Blog
(21)
Customize Blog. Meta Tag
(1)
Customize Feed Burner Notifications
(1)
Customize Feed Burner Settings
(1)
Customize Template
(2)
Discover More
(3)
Facebook
(3)
Facebook Tips
(10)
Feed Burner
(1)
Flip Text Generator
(1)
Footer
(1)
Free Cell Game
(1)
Free Image Hosting Sites
(1)
Gadget
(7)
Gadgets
(1)
Google Adsense Alternatives 2018
(1)
Hex Color Chart
(3)
HEX Color Code Generator
(1)
How to add flip text. Coding Tutorials
(1)
How to Add Link List of Post
(1)
HTML
(2)
HTML Image Link Code
(1)
HTML LINK
(1)
HTML/Java Script Alignment
(1)
Image Effects
(3)
Image Hyper Linked to External Site
(1)
Images
(1)
Link in Comment Box
(1)
List of HTML Tag
(1)
Marquee HTML CODE
(1)
Media.net
(1)
Old Free Cell Game XP
(1)
Old Solitaire Game.
(1)
Page Navigator
(1)
Recent Post Widget
(1)
REMOVE - SUBSCRIBE TO: POSTS (ATOM)
(1)
Remove Date Header From Blog (Blogger)
(1)
Remove Image Border (Blogger)
(1)
Resetting Free Cell
(1)
Scrolling Text Widget
(1)
Search Box Blogger
(1)
Shortcut Keys
(1)
Template Design
(1)
Whats app flip text
(1)
Widget
(1)
Windows Hack
(1)
Windows XP Game Free Cell
(1)
XML File Extension
(1)
Post a Comment
Post a Comment
Your Suggestions are valuable for me.