Browsing "Older Posts"
Browsing Category
"Tutorials"
Fighting against comment spam is among the most frustrating job for a blogger, especially when you don’t have enough money to hire a comment moderator that trashes the spam comments while publishing all the useful comments to your blog. Obviously you don’t want to delete your all comments just for the sake of few spam ones? Since, Blogger doesn’t have a real-time comment spam detection plugin the reason why we have to implement some techniques to make sure that spam comments are staying away from our blogger site. Today, in this article, we will show you How to Automatically Remove Spam links from Blogger Comments.
Method # 1: Use CSS to Remove Spam Links From comments:
These days search engines are smart and they know what you are referring is useful and what they should ignore. By removing spam links from comments with the help of CSS could not only hide those links but would stop search engines from indexing them too. So go to Blogger >> Template >> Edit HTML >> Search for Skin tag and just above it paste the following piece of code:.comment-content a {
display: none;
}
Method #2: Use jQuery To Remove Links:
Some people might not recommend the above process they might argue that the spam link is still there, because we have just hide it with the help of a simple display:none; CSS. So go to Blogger >> Template >> Edit HTML >> Search for starting tag and just below it paste the following piece of JavaScript code:
Once everything is done, Save the template and now you can sleep with worrying about comment spam. Whenever, a user will leave a link into his comments the link will be considered as spam and he the script will automatically remove it within seconds.We hope this short tutorial may help you in tackling comment spam from your blogger blog to a certain extent. We would recommend you to also use comment moderation featurethat would also be a useful thing to be done to take care spam.
Images bring life to content but do they really attract your visitors? Adding a nice CSS hover effect to your images could bring engagement benefits to your blog. Recently one of our users asked us that how to add CSS hover effect to images in blogger? There are many CSS hover effect available that could be applied with ease to your blogger site. Today, in this article we will show you how to add CSS hover effect to images in blogger.
What is mouse hover?
A mouse hover, also known as just hover that triggers an even whenever a mouse is placed over a certain area such as hyperlink on a webpage. This action is also called an action of moving the computer mouse over a specific item that cause a change in effect on hover. Usually, it functions with the help of CSS and JavaScript.
How to Add CSS Hover Effects to Images in Blogger?
In this post, we will be adding multiple CSS effects to images in blogger so we have listed all the hover effects below that are used and recommend by most of the web designers:
The very first thing you need to do is to go to Blogger >> Template >> Edit HTML and search for the skin tag. After finding the skin tag, just above it paste the following piece of code. Remember: Paste any one effect from the following codes listed below).
Effect #1: Bump Up:
This effect is super easy to implement and doesn't even causes any kind of slowness to your blog. This works best when you have a serise of images in horizontal item. It moves the image a little bit towards upward direction when mouse is placed on it.
.post-body img {
border: 5px solid #ccc;
float: left;
margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
}
.post-body img:hover {
margin-top: 2px;
}
Effect#2: Grayscale Effect:
This effects turns your all images to grayscale and whenever a mouse is placed over a image it can be seen in its orginal color. In other words it converts your images to black and white but on hover shows them in their orginal color.
.post-body img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */;
}
.post-body img:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
We hope this tutorial may have helped you in adding some cool hover effects to your images in blogger. However, if you have any other useful hover effects for images then do share with us in the comments below.
Now i am to give you Google Adsense Traning Book In Urdu Free Download. As we know that Google Adsense is a Advertising program who give us Advertise and we publish in our blog or website and Earn Revenue from it. So this is related to complete training aboutGoogle Adsense step by step, policies and many thing you learn in urdu language..
.jpg)
