Sponsors


Liked us?

Friday, June 1, 2012

Epic Google A Google Trick- Epic Google Direct LIink

There are so many google tricks on google.Today I'm going to write about one of the most famous google trick.It is "Epic Google'.




Direct Link to Epic Google

First Go to google
Then search for Epic google
Click on first result
Now you can see one of cool google trick.




Epic Google - Video -  A Google Trick






Sunday, May 27, 2012

Google Gravity - A Google Trick- Google Gravity Direct LIink

There are so many google tricks on google.Today I'm going to write about one of the most famous google trick.It is "Google Gravity".


Direct link to google gravity


Google Gravity - A Google Trick


First go to google.com
Now you have to search for google gravity
Clik on first result.
Now you can see one of cool google trick.


Google Gravity - Video - A Google Trick


Tuesday, April 3, 2012

Top 10 Fee Blog Pinging Services To Ping Your Blog



Pinging blog is a one of main method to get high rank on search engines.By pinging your blog search engines will know about the updates on your blog.It is very easy to ping your blog.You only have to submit the url of your blog,blog name and the rss feed url.But Don't try to do it over the limit.Otherwise search engines will ignore your blog as a spam.Here is the list of top 10 pinging services.


1.www.pingomatic.com


2. www.blogbuzzer.com


3. www.pingler.com








If you got something don't forget to foget to leave a comment

Friday, March 30, 2012

How to Add One Time Popout Google Plus Add to Circle Widget to your Blog

Social networking sites are a good way to get more traffic to your blog.Facebook is the world number one social networking site now.So it is the best place to promote your blog.You can use facebook groups to promote your blog.You can read my previous post about facebook blogging groups here


After facebook google plus is the best one to drive more traffic.You should have more friends on it.If you not have a account on google plus this is the best time to create it.Today I'm going to show how to add one time popout google plus add to circle widget.So if anyone interest about your blog they will add you as a friend on google plus.Let's see how to do it.

Log in to your blogger account and go to design>>>edit html
Press ctrl +f and search for ]]></b:skin> tag.
Paste the below code just above it.





/*Subscription Pop Up Css*/
#popupContactClose{
cursor: pointer;
text-decoration:none;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:transparent;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:200px;
width:400px;
background:transparent;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
/*End Subscription Pop Up Css @ http://www.tech-cave.com */


Now Press ctrl +f again and search for </head> tag.
Copy and paste the below code before it




<!--Pop Up Subscription-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/> 
<script src='http://dinhquanghuy.110mb.com/jquery.cookie.js' type='text/javascript'/>
<script type='text/javascript'>
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
centerPopup();
//loads popup only if it is disabled
if(popupStatus==0){
$(&quot;#backgroundPopup&quot;).css({
&quot;opacity&quot;: &quot;0.7&quot;
});
$(&quot;#backgroundPopup&quot;).fadeIn(&quot;slow&quot;);
$(&quot;#popupContact&quot;).fadeIn(&quot;slow&quot;);
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$(&quot;#backgroundPopup&quot;).fadeOut(&quot;slow&quot;);
$(&quot;#popupContact&quot;).fadeOut(&quot;slow&quot;);
popupStatus = 0;
}
}

//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth; 
var windowHeight = document.documentElement.clientHeight; 
var windowscrolltop = document.documentElement.scrollTop;
var windowscrollleft = document.documentElement.scrollLeft;
var popupHeight = $(&quot;#popupContact&quot;).height();
var popupWidth = $(&quot;#popupContact&quot;).width();
var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
//centering
$(&quot;#popupContact&quot;).css({
&quot;position&quot;: &quot;absolute&quot;,
&quot;top&quot;: toppos,
&quot;left&quot;: leftpos
});
//only need force for IE6

$(&quot;#backgroundPopup&quot;).css({
&quot;height&quot;: windowHeight
});

}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
if ($.cookie(&quot;anewsletter&quot;) != 1) { 

//load popup
setTimeout(&quot;loadPopup()&quot;,5000); 
} 
//CLOSING POPUP
//Click the x event!
$(&quot;#popupContactClose&quot;).click(function(){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
});
//Click out event!
$(&quot;#backgroundPopup&quot;).click(function(){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 &amp;&amp; popupStatus==1){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
}
});

});
</script>
<!--End Pop Up Subscription @ http://www.bloggertricksandtools.com -->

Now save your template
Then press ctrl+f and serach for </body> tag.
Paste below code just before it


<div id='popupContact'> <a id='popupContactClose'>x</a> <h1>Add Us On Google Plus</h1> <p id='contactArea'><center> <script type='text/javascript'>mbgc=&#39;f5f5f5&#39;;ww=&#39;320&#39;;mbc=&#39;cecece&#39;;bbc=&#39;3F79D5&#39;;bmobc=&#39;3b71c6&#39;;bbgc=&#39;4889F0&#39;;bmoc=&#39;3F79D5&#39;;bfc=&#39;FFFFFF&#39;;bmofc=&#39;ffffff&#39;;tlc=&#39;cecece&#39;;tc=&#39;6a6a6a&#39;;nc=&#39;6a6a6a&#39;;bc=&#39;6a6a6a&#39;;l=&#39;y&#39;;fs=&#39;16&#39;;fsb=&#39;13&#39;;bw=&#39;100&#39;;ff=&#39;4&#39;;pc=&#39;4889F0&#39;;b=&#39;s&#39;; pid=&#39;115054700230747411396&#39;;</script><script src='http://widgetsplus.com/google_plus_widget.js' type='text/javascript'/> </center><h5>Click Anyware On Blog Background To Close</h5> <a href='http://www.tech-cave.com/' target='_blank'>Get This Widget</a> </p> </div> <div id='backgroundPopup'/>


Replace the red colour number  with your google  plus profile id

Now save your template.It is finish now.


Share this with your friends.let them know about this

Thursday, March 29, 2012

How to add a One Time Popout Google Plus One Button For your Blog

Google plus ones are very important to get high rank on google search engine.It is not easy to get much plus ones as we hope.In one of my previous post I have show the way to get unlimited plus one as you want.If not read it yet you can read it here


Get unlimited google plus 1s(ones)


Adding a popout plus one button is good way to get more plus ones.Nothing to worry It is a one time popout box.Let's see how to add it.


Log in to your blogger account and go to design>>>edit html
Press ctrl +f and search for ]]></b:skin> tag.
Paste the below code just above it.



/*Subscription Pop Up Css*/
#popupContactClose{
cursor: pointer;
text-decoration:none;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:200px;
width:300px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
/*End Subscription Pop Up Css @ http://www.tech-cave.com */

Now Press ctrl +f again and search for </head> tag.
Copy and paste the below code before it





<!--Pop Up Subscription-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/> 
<script src='http://dinhquanghuy.110mb.com/jquery.cookie.js' type='text/javascript'/>
<script type='text/javascript'>
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
centerPopup();
//loads popup only if it is disabled
if(popupStatus==0){
$(&quot;#backgroundPopup&quot;).css({
&quot;opacity&quot;: &quot;0.7&quot;
});
$(&quot;#backgroundPopup&quot;).fadeIn(&quot;slow&quot;);
$(&quot;#popupContact&quot;).fadeIn(&quot;slow&quot;);
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$(&quot;#backgroundPopup&quot;).fadeOut(&quot;slow&quot;);
$(&quot;#popupContact&quot;).fadeOut(&quot;slow&quot;);
popupStatus = 0;
}
}

//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth; 
var windowHeight = document.documentElement.clientHeight; 
var windowscrolltop = document.documentElement.scrollTop;
var windowscrollleft = document.documentElement.scrollLeft;
var popupHeight = $(&quot;#popupContact&quot;).height();
var popupWidth = $(&quot;#popupContact&quot;).width();
var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
//centering
$(&quot;#popupContact&quot;).css({
&quot;position&quot;: &quot;absolute&quot;,
&quot;top&quot;: toppos,
&quot;left&quot;: leftpos
});
//only need force for IE6

$(&quot;#backgroundPopup&quot;).css({
&quot;height&quot;: windowHeight
});

}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
if ($.cookie(&quot;anewsletter&quot;) != 1) { 

//load popup
setTimeout(&quot;loadPopup()&quot;,5000); 
} 
//CLOSING POPUP
//Click the x event!
$(&quot;#popupContactClose&quot;).click(function(){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
});
//Click out event!
$(&quot;#backgroundPopup&quot;).click(function(){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 &amp;&amp; popupStatus==1){
disablePopup();
$.cookie(&quot;anewsletter&quot;, &quot;1&quot;, { expires: 7 });
}
});

});
</script>
<!--End Pop Up Subscription @ http://www.bloggertricksandtools.com -->


Now save your template
Then press ctrl+f and serach for </body> tag.
Paste below code just before it


<div id='popupContact'>
<a id='popupContactClose'>x</a>
<h2>Add Google Plus One-+1
             It Will Be a Great Help For Us </h2>
<p id='contactArea'><center><!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'/>

<!-- Place this render call where appropriate -->
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script></center><h5>Click Anyware On Blog Background To Close</h5>

<a href='http://www.tech-cave.com/' target='_blank'>Get This Widget</a>

</p>
</div>
<div id='backgroundPopup'/>


Now save your template.You are done.


If you got something don't forget to leave a comment.

15+ Funny Google Tricks/list of funny google tricks

Google is the best search engine now.every one know it.We can do so many things with google.There are some funny google tricks also.Let's see what they are 

1. Go to google and search for                  
   "   Play PacMan on Google  "
Click on first result

2.Go to google and search for 
   "Google gravity"
Click on first result

3.Go to google and search for
  "    Epic Google    "
Click on first result

4.Go to google and search for 
   "   Weenie Google "
Click on first result

5.Go to google and search for 
     " Elgoog  "
Click on first result

6.Go to google and search for        
     "  Google Hacker "
Click on first result

7.Go to google and search for 
       "  Do a Barrel Roll " 

8.Go to google and search for 
      "   Tilt "

9.Go to google and search for 
     "  Google Sphere "
Click on first result


11.Go to google and search for 
        " Annoying Google   "
Click on first result

     Enter your name in the given space

13.Go to google and search for 
        "  Google Gothic "
Click on first result

14.Go to google and search for 
        " Google 133t  "
Click on first result
15.Go to google and search for 
         "   ewmew fudd "
Click on first result

16.Go to google and search for 
         " xx-klingon   "
Click on first result
17.Go to google and search for 
        "   xx-klingon "
Click on first result


Wednesday, March 28, 2012

5 steps to get more traffic/visitors/hits

Now everyone an create a blog for them.It is 100% free.But making a good quality blog is not easy as you think.You must follow the basic steps in blogging.Today I'm going to give 5 steps that help you to get good unique traffic.




How to Select a template

Template is a main part of your blog.There is few things to know before you select a template for your blog.Don't select much heavy template it means if that selected template get much time to load readers will never like it.Your template should have the ability to attract the readers eyes.Ones they see that they will remeber your blog with your template.So your blog will be on their mind for long time.So select a nice looking simple template.Then readers will browse more pages on your blog.


When Posting

When you posting don't copy content form any other blog.Always write unique & fresh content.So readers will have a visit for every blog post you write.They will follow your blog.


How to monetize your blog

Don't put so many ads on your blog.Check my one you can see their are only 3 ad units.Readers never come for ads they are for your content.If you put more ads it will be a headache for them and they will leave from your blog without reading your cotent.Also they will never comeback.


Add a sharing widget

Adding a sharing widget is good way to get more traffic from social bookmarking,networking sites.If your contect is good they will definately share it with their freinds.Think that you have 100 visitors for day.If  10 people shae your content with their friends it is still good enough.You can see that some people have thousands of followers,friends on social networking,bookmarking sites.We only have to add a sharing widget for this.So this is good way to get more visitors without a much effort.


Categorize your blog posts 

If your blog is still not categorized this is best time to do it.Check on my blog I have categorized my blog posts under few labels.So users can easily find what they want.Think that you are interset about blogging.I have labeled the all blog posts about blogging under "blogging" lebel on my blog,So you can easily find what you want.Otherewise you will have to check all posts to find what you want.Now I think you have understand the important of categorizing your blog.


If you got something don't forget to share this with your friends.

Monday, March 26, 2012

How to upload a custom templates to your blog/Some Cool Blogger Templates,Themes





In one of my previous I have show you the way to create a blog in  blogger platform step by step.I think anyone can create their blog easily with that.If you not read it yet you can read it here


Create a blog with google blogger



Let's see how to upload a custom template



First go to bloger dashboard
Click on design
Then click on edit html
In that new page you can there is a choose file button
Now click on that.
Select the template file and click on open
Then click on upload button


It is better to download a copy of current template before upload your custom template.


You can simply download your template by clicking on download full template.
Now you are done


Few sites that you can download some templates free



It is always better if you create your own template



  1. premiumbloggertemplates.com
  2. besttheme.net
  3. blogspottemplates.blogspot.com
  4. www.allblogtools.com
  5. spiceupyourblog.com


Sunday, March 18, 2012

Get unlimited google plus 1s(ones)/Get a high rank on google

Number of votes that you have on google plus is very important to get a high rank on google search engine.But it is very difficult get more as we want.Today I'm going to give exchange site that you can exchange google plus votes with others.This is it


There is a point system.When you add plus one to any other link you will get some points.You can use those points to get plus ones to your link.There is very simple signup.Only 3 field required to fill.Fill them and cick on sign up free.Then they will sent a email to confirm.Confirm it.Now you can log in to your account.








Click on google plus one(+1) exchange and add plus ones for others to earn points.








Click on add a google plus one site to add your link

In new page put the tittle of your page,your link and little description about it.Then click on submit.

Now you can select how many points that you give to others for adding plus ones to your link.Add some points you earn and press enter.

Share this with your friends.

Friday, March 2, 2012

How To Design A Perfect Facebook Timeline Cover Online/background for facebook/banners for facebook timeline

Now most of people who use facebook have activate facebook timeline.With this new feature you can upload a facebook cover photo.Today I'm going to show the way to design a perfect facebook timeline cover easily online.Let's see how.




First go to this website Timelinecoverbanner.com.
Then click on First,Let's choose the banner background button. 






Now you can see some facebook timeline backgrounds.
Select a design from that page.
Now you can customize it as you want.
See the below image.It will guide you to make it.


After that click save timeline cover to save it.


Don't forget to share this with your friends.

Friday, February 24, 2012

How To Setup a Custom Domain To Blogger

You must make the dns settings after you bought your new domain.In this post I'm not going to show the way to make dns settings.After you make those dns settings you must setup it to blogger.Let's see how to do.


First login to your blogger account and go to settings
Clcik on publishing 
Then click on custom domain
After that select advanced settings
Now you have to enter the custom domain that you bought.
Enter your custom domain with www.
Enter the captcha and click on save
Now check the your domain to your domain box.
Type captcha again and save it.
It is finish now.It will get some time to be active.















Monday, February 20, 2012

10 Sites like fiverr.com/10 Fiverr Alternatives


Fiver is a freelancer website.In this site you have to work for 5$.This is work like gigbucks.In fiverr you can only get your paymet through paypal.You can create a gig.It value should be 5$.When we earn 5$ fiverr get 1$ as a fee and we only get 4$ for one order........


Read the full article about fiverr by clicking here


Today I'm going give a list of ten sites that works same as fiverr.com.


1.Gigbucks.com


         Page rank - 04
         Alexa rank - 13652


2.FittyTown.com


         Page rank - 03
         Alexa rank - 207164


3.GigHour.com


         Page rank - 03
         Alexa rank - 493687


4.JustaFive.com


         Page rank - 02
         Alexa rank - 105804


5.TaskArmy.com


         Page rank - 03
         Alexa rank - 111165


6.tenbux.com


         Page rank - 03
         Alexa rank - 42371


7.fiversworld.com


         Page rank - 03
         Alexa rank - 40288


8.Dealerr.com


         Page rank - 03
         Alexa rank - 24416


9.Zeerk.com


         Page rank - 04
         Alexa rank - 45219


10.gigme5.com


         Page rank - 01
         Alexa rank - 137348


Let's register on those sites and start you earnings.Don't forget to share this with your friends

Friday, February 17, 2012

Stop Copy Content Of Your Blog/Not By Disable Right Click

It is little bit hard to write a good blog post.If any one copy it you will be upset.Every blogger doesn't like it.So today I'm going to show the way stop copy content from your blog.Let's see hoe


First go to blogger and login to your blogger account
Then go to Design
Now click on add a gadget
Scroll down and select html/javascripts
Copy and paste the below code on it and save


<script language='javascript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>


You are done.Check it.Don't forget to share this

Wednesday, February 15, 2012

Publish Blog Posts Automaticaly On Facebook Fanpage

Facebook is a great way to drive more traffic to your blog/website.There are millions of users on it.If you can get thousand of them to your blog.It is great.Best way to get traffic from facebook is managing a fanpage on it.If you not have a facebook fanpage yet create a new one


Create A Fanpage On Google Plus And Facebook


You must update your fanpage with your blog posts to get the result.If you going to do it manually you will miss some posts and it is little bit lazy to do.So today I'm oing to sow the way to Publish Blog Posts Automaticaly On Facebook Fanpage.Let's see how.


There are many number applications to do it.I'm going to use rss graffiti.
First go to this link - http://www.facebook.com/RSS.Graffiti
Then like the page and click go to app












If you have more than one fanpage you can select the fanpage from left side menu
Now authorize it.


Then click on add a feed
Enter the your feedburner url and source name.
Then click save.Now you are done.It will check your blog for new posts on every half and hour.You can change the shedules if you want.


If you got something don't forget to leave a comment

Tuesday, February 14, 2012

Create A Fanpage On Google Plus And Facebook

Facebook and google plus are best social networking sites on the web.You can drive more traffic to your site with those sites.managing a fanpage is the best way to do it.So today I'm going to show how to create a fanpage on google plus and facebook.


Facebook Fanpage


First login to your facebook account.If you not have a one register for a new one
Then go to this link - http://www.facebook.com/pages/create.php
Select brands and products
Choose the category as website
Put a name for your fanpage.It is better to put the tittle of the blog/website
Put a tick for I agree to..........
Now click on get started
After that upload any image you want to set as a profile picture.
Click skip.You can invite your friends later.
Enter the website url and little discription about it and click on continue.
Now you have created a fanpage on facebook.Now you can edit page as you want


Google Plus Fanpage


First go to the this link - https://plus.google.com/pages/create
Now select products or brands.
Now enter tittle of the website as name and url as webiste
Select website as category and put tick for I agree to the Pages Terms.......
After you done click on finish
Now you have to upload a profile picture.
Now you have successfully created a page on google plus.


Update your blog posts on those two fanpages.Definately you will get a good result.


Share this with your friends

Sunday, February 12, 2012

8 Reasons That Make Your Computer Slow

Are you feel your computer is not working speedly as early.If it is it means you did not maintain your computer well.You only have to spend little time to maintain it.After that it will work speedly as early.So don't be lazy.I will give you a 8 reasons that make your computer slow








8 easons that make your computer slow


1. Huge number of icons on the desktop


Delete icons that you use rarely


2. Softwares open at startup 


Go to start>>run and type MSCONFIG.NOw click on startup tab and uncheck the programmes that you never want to open at startup

3. Virusus - Use a good quality virus guard like bitdefender,kaspersky,norton


4. Fragment Hard Drives 


Right click on hard drives and select propities.Then go to tools tab click on Defregment.


5. Errors in registry 


Use advanced systemcare or any other simillar software to slove this


6. damaged system files




7. Memory Dumps on hard


Upgrage your ram


8.law speed of Processor


Most of time these are the main reasons that make your computer slow.You can easily slove most of these problems by using software like advanced systemcare.

Saturday, February 11, 2012

Hilight Admin Cmments On Your Blog

By adding this The commnets which were put by the admin will be hilighted with a colur.So readers can easily find your comments and it will add little beauty to your blog.Let's see how to add it to your blog.

First login to your blogger account and go to design>>>edit html
Now put a tick for expand templates widget.
Then press ctrl + f and search for ]]></b:skin> code.
After that paste the below code just above it.

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text 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; /* Posotion*/
}

Now save your template.
Then search again  for <data:comment.author/>
After few lines you will see a </dt>
Add below code after that(</dt>)


<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/> 




After few lines you will see a </dd> tag
Add </b:if> after that.( </dd> )


Now save your template again.You are done now.


If you got something don't forget to leave a comment.

Wednesday, February 8, 2012

Add Digg Top News Widget With Jquery Hover Effect

In my previous posts I have shown the way to add facebook like box,twitter followers box and google plus add to circle widget with jquery hover effect.If you not seen them read it here.



Add Google Plus Add To Circle Widget With Jquery Hover effect

Statick popout twitter followers box with hover effect 





In this post I'm going to show the way to add digg top news widget with jquery hover effect

First log in to your blogger account and go to design>>edit html
Now press ctrl+f and search for </head> tag
Copy the below code and paste it just above </head> tag

<style> /* dude, this plugin by freddie@kakinetwork.com */ img, a { border: 0; } #on {visibility:visible;} #off {visibility:hidden;} #anywidget_div {width:196px;height: 353px;overflow: hidden;} /* right side style */ #anywidget_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:196px;height: 353px;position: fixed;right: -200px;} #anywidget_right img {position: absolute;top: -2px;left: -35px;} #anywidget_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;} /* left side style */ #anywidget_left{z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:196px;height: 353px;position: fixed;left: -200px;} #anywidget_left img {position: absolute;top: -2px;right: -35px;} #anywidget_left iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;right:-2px;top:-3px;} .box-title1 { border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:10px; margin: 10px 0; } .enteryouremail{ background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0px; } .submitbutton{ background:#F66303; border: 1px solid #F66303; text-shadow: 1px 1px 1px #333; box-shadow: 3px 3px 3px #666; font:bold 12px Arial, sans-serif; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}</style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery(&quot;#anywidget_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#anywidget_right&quot;).stop(true,false).animate({right: -200}, 500); }); }); </script>


Now save your template and go back to design
Click on add a gadget and select html javascript.
Paste below code on it.

<div id="on">
    <div id="anywidget_right" style="top: 18%;">
        <div id="anywidget_div">
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimI9VsTqd-u8W2pS1KdcDyaEhmU012nXisgZgFj-dsn8fqw8trJc8XpM63f2SAd0Tby1ah_h3wdxzBKpyiRB2AtfmEz6JOf1XPqUrr9hy-iyAWS2zEJ7sdqsa4Q4jJyyoCmLO-T9kL7K4/s1600/digg.png" alt="" />

<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#848484;" href="http://www.tech-cave.com/2012/01/add-google-plus-add-to-circle-widget.html">Get This</a></p>


<div id="digg-widget-1328709961080">
<a href="http://digg.com/all">See more top stories on Digg.com</a>
</div>
<script type="text/javascript">
(function() { var s, s1, diggWidget = {id: "digg-widget-1328709961080", layout: 1, colors: {hdrBg: "#1b5790", hdrTxt: "#b3daff", tabBg: "#4684be", tabTxt: "#b3daff", tabOnTxt: "#d41717", bdyBg: "#fff", stryBrdr: "#ddd", lnk: "#105cb6", descTxt: "#999999", subHd: "#999999"}, title: "Top Stories", width: 300, requests: [{t: "Top", p: {count: "5", method: "story.getTop", container: ""}}], hide: {}}; if (window.DiggWidget) { if (typeof DiggWidget == 'function') { new DiggWidget(diggWidget); } else { DiggWidget.push(diggWidget); } } else { DiggWidget = [diggWidget]; s = document.createElement('SCRIPT'); s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/widgets.js'; s1 = document.getElementsByTagName('SCRIPT')[0]; s1.parentNode.insertBefore(s, s1); } })();
</script>


        </div>
    </div>
</div>

Now save it.You are done.


If you got something.Don't forget to leave comment 

Twitter Delicious Facebook Digg Stumbleupon Favorites More