Posts

Showing posts with the label Blogger widget

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...

Custom 404 page for Blogger

Image
Good thing you're here today, I will share the best custom 404 pages for your blogger blog, and I am proud to say that this is the best because this custom 404 page for your blogger blog can help you to reduce your bounce rate, to make your visitors not leaving your site because you will offer your site. How importance to have a custom 404 page ? It is so important to have a custom 404 page for your blog because if you will depend on the default blogger 404 page there is a lot of visitors leaving your site, because the default blogger 404 page is just a simple like this. And to stop loosing your visitors offer something for them to try to search on your site what they are looking for and maybe the first thing come up on your mind "How to do that?, What is the best thing to offer?" don't worry I create an individual Solution for you! We all know that sitemap contains all your post sort by categories, new or old one and if your custom 404 page contains your sitemap th...

Black Transition Labels widget for blogger

Image
Improve your labels widget with this black transition labels by bedoitechsolutions this labels widget is a link that will redirect on your blog categories such as Blogging, make money online, tips and tricks and whatever and now i will share this elegant black transition labels widget for your blog to be able to have this you need to apply the simple implementation guide below.                                                            Live Preview Implementation guide Go to your blogger dashboard >> Layout >> Add a Gadget. Scroll down and look for HTML/JavaScript >> Then paste the following code below                                                     Get The Code Here  You have to edi...