Pages

Labels

Showing posts with label Tips. Show all posts
Showing posts with label Tips. Show all posts

Saturday, August 13, 2011

Colors And Hover Effect To Author's Comments in Blogger.


You have seen several posts about How to use a different background color and text color on comments by the blogs author?This is a great way for readers to quickly find comments you make on your blogsuch as replies or extra information.That code has since become somewhat outdated so i have been working on a new more advanced code.




You may have noticed I have being trying out the code on the comments this blog.As with before the authors comments will have a different background color and text color but I have added a few more features.The background color will also have rounded corners and thecolors will change when users hover their cursor over the comment. You can see below comments have a different background and font color.There are some Author’s comments having a black backgroundwith White text and some comments have hover effect so with the cursor over the second comment the color changes to a Grey background with White text.



Add Colored Author Comments To Your Blog:

Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box:

Step 2. Find the following piece of code ]]></b:skin> in your blogs Html : (Click Ctrl and F for a search bar to help find the code )

Step 3. Copy and Paste the following code directly Above / Before]]></b:skin>
.comment-body-author {
-moz-border-radius: 15px;
border-radius: 15px;
background: #000000; /* BG color*/
color: #ffffff; /* Font color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

.comment-body-author:hover {
-moz-border-radius: 15px;
border-radius: 15px;
background: #cccccc; /* BG Hover color*/
color: #000000; /* Font Hover color*/
border-top: 1px solid #990000;border-bottom: 1px solid #990000;border-left: 1px solid #990000;border-right: 1px solid #990000;
margin:0;
padding:0 0 0 20px;
}

Step 4. Now we need to edit the following section of code in your template.Finding a section of code can be hard so the best way is to find the first line and work from there.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

Step 5. OK you have located the section of code, we now add two snippets of code to it.You can see the two snippets and were i have added them below in red.
<b:if cond='data:comment.author == data:post.author'>
<dd>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd>
<b:if cond='data:comment.isDeleted'>
<span><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

<dd>
<span>
<a expr:href='"#comment-" + data:comment.id'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Step 6.  If you placed the code in the right place you can save your template and check it out.

Quickly Repair Mobile Phone dropped in water.

Many of you get your mobile phone wet by one way or another. You worry as you mistakenly drop your mobile phone in water. It can also get wet if you are out in a heavy rain.  However, there is no need to panic. It is possible to save your wet mobile phone by quickly repairing it. In order to save your mobile phone from water damage, you can consider these easy and simple solutions:

How to Track Invalid Clicks to Safeguard Your Adsense Account?


Lately, many blogs (including us) are facing this issue of being bombarded with invalid clicks on adsense ads – with an aim to get their adsense accounts blocked.
This activity is usually carried out by your rivals or those who are not happy with your existence, call it professional jealousy, personal grudge or any other possible thing.
So here are tips to track invalid adsense clicks, to make sure you are on safe side.
Frequently Monitor of your Adsense Account
  • Make sure that you are monitoring your adsense account at least once a day, 3-4 times a day is even better.
  • Keep a watch on CTR (Click through rate) – to make sure it’s around your daily average
  • If your CTR goes significantly high, then it’s time to start worrying and to do the necessary to make sure you are safe.
Tracking Invalid Adsense Clicks:
If there’s an invalid click activity in your adsense account – there are chances that Google will suspend your account without asking you anything. You will be given only one chance to prove that the clicks were invalid, and didn’t originate from your computer or your friends’ computer.
Google may ask you for IP details or other logs that you may provide them in order to get your account reinstated.
We know that you have Google analytics installed but unfortunately Google Analytics doesn’t provide much details about the visitors, such as their IP addresses, exit links and so on.
So what to do in this situation?
  • Register an account on statcounter.com (I am assuming you are familiar with basic setup, hence not going deep into details)
  • Follow the wizard to add new project (i.e. is your website)
  • Install the code on your website provided by statcounter.com – there’s an option to deploy invisible code (meaning that no counter button will be displayed)
  • You are good to go…
Statcounter will instantly start tracking your website for each single incoming visitor, outgoing links, or you can call them exit links, downloads and much more.
You need to focus on exit link activity to make sure that clicks on ads are valid – and there’s nothing suspicious going on. For this, go to your statcounter account, open the project you just created and check for stats, exit link activity being most crucial of them:
statcounter_thumb
As you can see, there are two google adsense clicks – that ProPakistani has got in last few minutes. We can click on magnifier to see more details, such as IP address, referrer, and more.
Check below screen for one of visitor who clicked on adsense:
Statcounter_IP_thumb
If you feel that Ad clicks are suspicious, and are coming from same IP with-in short interval of time – then note down the details, taking screenshots is even better and notify Google Adsense by clicking this link:http://www.google.com/support/adsense/bin/request.py?hl=en&contact_type=invalid_clicks_contact&rd=1
If you think someone is bugging you real hard, you may even try contacting FIA’s cyber crime wing with all the details. Contacting FIA’s cyber crime wing isexplained here.
A note to general readers:
If you are a legitimate reader, you don’t need to worry about anything about the tracking. This is done for the bad people only. You are one of millions of visitors on this website. We make sure that your visit history, cookies and all other details remain safe. Here’s our policy for further details on your privacy.