Posts

Showing posts from December, 2013

Simple black and white image hover effects CSS for blogger

Image
Add a simple black and white hover effect to any of your images in your blogger blog this simple hover effect makes your image from original color converted into a black and white and when you point your mouse on it it will back on the original color of your image.                                              Implementation Guide Login to your blogger dashboard and go to your template Copy the CSS code and add in your template before the]]></b : skin> (Don't forget to Backup your template) After you paste it, go ahead and save it. //====bedo=Hover effects====// #bedo a { text -align: center; display : block; color : #888; font -size: 11px; } #bedo a : hover { text -decoration: none; color : #222; } #bedo img { filter : grayscale ( 100%); - webkit -filter: grayscale ( 100%); filter : gray; opacity : 0.6; filter : alpha ( opacity=60); } #bedo img : hover { filter : grayscale ( 0%); - webkit -filter: grayscale ( 0%); filter : none; opacity : 1.0; filter : alpha ( opaci...

Simple Contact form for blogger

Image
Turn your default contact form widget into a simple, Pro and elegant contact page , having a contact page is the best and professional way to let your visitors get in touch with you aside from adding a comment form on your blog, because of some purposes maybe our visitors want to ask a private questions so it's better to offer your contact form. Why Simple, Pro and elegant? Look the image below and maybe it can help you to find out why it's simple Pro! "Before" is the default contact form widget on blogger, and"After" is the contact form after you apply this tutorial. Live Preview For me, it's simple pro because it will be fitted in any design of the template, but after you try the "Live Preview"a and you're not satisfied with this then you're free to try another tutorial, but if you like to have this Pro and simple contact form then scroll down and look for the Implementation Guide. Implementation Guide  First, we have to add Blogger...