Monday, 28 May 2012

automatically remove the underline beneath all text links in a document.

Description: The below code will automatically remove the underline beneath all text links in a document.

Example: Just look at the text links in this document!

Directions: Simply copy the below into the <head> section of your web page

Saturday, 26 May 2012

How to Add Popular Post Widget With Hover Effect In Blogger

Now again i have made a new popular post widget which shows rotation effect on mouse hover. This widget is made using pure css, no script is used in it.

Popular Post Widget With Hover Effect Demo

How To Add Popular Post Widget With Hover Effect Widget To Blogger

Go to Blogger Dashboard --> Design --> Edit HTML
Backup your Template before making any changes to your blog
Now Expand Widget Templates
Find the code shown below using Ctrl+F

]]></b:skin>

Now Paste the Code shown below just above/before it

#PopularPosts1{max-width:300px}
#PopularPosts1 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0}
#PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradientundefinedlinear, left top, left bottom, fromundefined#eee), color-stopundefined0.5, #ddd), color-stopundefined0.5, #c0c0c0), toundefined#aaa));background: -moz-linear-gradientundefinedtop, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgbaundefined0,0,0,.7);-moz-box-shadow: 0 0 3px rgbaundefined0,0,0,.7);box-shadow: 0 0 3px rgbaundefined0,0,0,.7);}
#PopularPosts1 img:hover{-moz-transform: scaleundefined1.2) rotateundefined-350deg);-webkit-transform: scaleundefined1.2) rotateundefined-350deg);-o-transform: scaleundefined1.2) rotateundefined-350deg);-ms-transform: scaleundefined1.2) rotateundefined-350deg);transform: scaleundefined1.2) rotateundefined-350deg);-webkit-box-shadow: 0 0 20px rgbaundefined255,0,0,.4), inset 0 0 20px rgbaundefined255,255,255,1);-moz-box-shadow: 0 0 20px rgbaundefined255,0,0,.4), inset 0 0 20px rgbaundefined255,255,255,1);box-shadow: 0 0 20px rgbaundefined255,0,0,.4), inset 0 0 20px rgbaundefined255,255,255,1);}

Now Find the code shown below using ctrl+F

<b:section class='sidebar' id='sidebar' preferred='yes'>

Now Paste the Code Shown Below just below/after it

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<dd>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<b:if cond='data:post.thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='60px' width='60px'/></a>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img alt='no image' height='60px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggOQgEbNjEGU_v882lyDXE2lPDM7ryCpXTXy-R5RWIaPt6fOEIkABjIaOra8jkuJ8Nf4SwqvFUfs2JhipY8hK_a08LHGGy3Fo_FWd2-0i-N-gM4xH6DdgH6uF6rhQo1YMn1-5mLlq4pyQ/s1600/defaultimage.jpg' width='60px'/></a>
</b:if>
</b:if>
</b:if>
</dd>
</b:loop>
</ul>
<div class='clear'/>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Now save your template (Click on )

You Also Like: TOOLTIPS RELATED POST WIDGET FOR Blogger WITH THUMBNAIL

Thursday, 24 May 2012

How to Add Dynamic 3D Labels Gadget to Free Blog Blogger for Better SEO Tips

Summary: This article display about 3D Labels Dynamic Widget to help find the way to your free blog blogger contents to move your blogger labels categorically with best look and nice pattern and also better for SEO tips

By this useful article you teach that how to add Dynamic 3D Labels Widget to your Free BlogBlogger sidebar for professional 3D look and good pattern and also for better SEO Tips. I have checked lot of blog's, it showed Cloud Tag Widgets on their sidebars but this article teaches you very different from other blogs simply and easily. Now follow thefollowing procedure with carefully.

1. Go to your blogger Dashboard, Design and then Edit HTML and Tick Mark on Expend Widget Templates find the following code with Ctr+F Command.

2. Now this is very simple that paste the following code below of above code line with carefully for best result.

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'><br /> <b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2></b:if><br /> <div class='widget-content'><script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Created by <a href='http://rnhckr.blogspot.in'>RN Hckr</a> </div><script type='text/javascript'> var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "180", "205", "7", "#FF0000"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0xFF0000"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script><br /> <b:include name='quickedit'/><br /> </div></b:includable><br /> </b:widget>

In view of the above code code change Font Size 12, Width 180, Height 205 according your wish and also change Color code FF0000 then view your blog and enjoy for better SEO Tips.

Wednesday, 16 May 2012

Scrolling Text Generator

Scrolling Text Generator

Now, You can create Stunning, Scrolling text widgets with many features with this awesome tool..with Preview Option.
Generate your Scrolling text Click Here

Thursday, 10 May 2012

Send Private note that will self-destruct after being read

Have you ever wanted to send confidential information within your work environment, to family or friends, but were afraid to do so over the internet, because some malicious hacker could be spying on you?

Privnote is a free web based service that allows you to send top secret notes over the internet. It's fast, easy, and requires no password or user registration at all.

Just write your note, and you'll get a link. Then you copy and paste that link into an email (or instant message) that you send to the person who you want to read the note. When that person clicks the link for the first time, they will see the note in their browser and the note will automatically self-destruct; which means no one (even that very same person) can read the note again. The link won't work anymore.

You can optionally choose to be notified when your note is read by leaving your email and a reference for the note.

Give Privnote a try!

Tuesday, 8 May 2012

Tutorial of Ethical Hacking

visit

Tutorial of Ethical Hacking

Sunday, 6 May 2012

Add An Awesome Fixed Position Slide Open Heart Bookmarking Gadget To Blogger

In this post i want to show you a cool new way to have visitors sharing your blog posts.Share This has always been my Bookmark tool of choice and recently they added a cool new interactive Bookmarking gadget.The gadget in question is a love heart with the share this logo and on hover the heart splits to reveal a selection of bookmarking buttons.It looks awesome and the slide effect is very cool while still being practical.When the heart opens it reveals icons for Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.I think this gadget fixed in the corner of the page on your blog will grab the attention of visitors and generate lots more shares.So below is a tutorial showing you just how to do that,

Live Demo

Add The Split Heart Bookmarking Gadget Top Your Blog

Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In Your Blogger Dashboard Click Design > Edit Html

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

Step 3. Copy and Paste the following code Directly Above </head> Before

<!-- Start Heart Bookmarking Gadget Code From http://www.rnhckr.com/ --><br />
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script><br />
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><br />
<!-- End Heart Bookmarking Gadget Code From http://www.rnhckr.com/ -->

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

Step 5. Now Copy And Paste This Code Directly Above </body> Before

<!-- Start Heart Share Code From http://www.rnhckr.com/ --><br />
<div style='position: fixed; bottom: 2%; left: 2%;'>
<br />
<div class='shareEgg' id='shareThisShareHeart'/>
<br />
</div>
<br />
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href='http://www.rnhckr.com/2012/05/add-awesome-fixed-position-slide-open.html'>Get this</a><br />
<!-- End Heart Share Code From http://www.rnhckr.com/ -->

Important, Move The Position Of The Gadget :
The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this.In yellow above you can see bottom: 2%; left: 2%;.You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page.You can also change the percentages to have it further from the bottom/top and left/right.

Thursday, 3 May 2012

How To Add Energy Saving Mode For Blogspot or Wordpress

Do you know about screensaver? Screensaver active when we are not moving our cursor. And, with screensaver we also save some electric energy, so with screensaver we alsosave our earth. If screensaver usually only exist in operating system (OS), I found how to add screensaver on our blog. If you are curious, follow the steps below

When your visitors are inactive, this engine launch a standby screen, with the text "Energy saving mode".

Note: Plese Don't Move Your Mouse at liest 2 minute.

This is very easy to add to your website or blog with in few seconds.

Follow This Stapes:

Login to your Blogger dashboard --> Design --> Edit HTML.

Press Ctrl+F and Search for </head> in your template.

Now copy below code and paste it just before the </head> tag.

<script language="javascript" type="text/javascript" src="https://rnhckrdotcom.googlecode.com/svn/bloggerwidget/savetheenvironment.js"></script>

This standby engine uses the jQuery Javascript library, so if you are using other Javascript libraries or code, add below code instead of above code :

<script language="javascript" type="text/javascript" src="https://rnhckrdotcom.googlecode.com/svn/bloggerwidget/savetheenvironment.js"></script> <script>jQuery.noConflictundefined);</script>

Time of inactivity

Also you can easily define how long time your visitors have to be inactive, for the engine to launch the standby screen, by adding ?time=X where X should be replaced with the number of seconds you would like to define the time interval. An example could be:

<script language="javascript" type="text/javascript" src="https://rnhckrdotcom.googlecode.com/svn/bloggerwidget/savetheenvironment.js?time=120"></script>

... which will set the time of inactivity to 2 minutes (120 seconds).

This can be configured to display in any of the supported languages, if you add ?lang=code, where code is one of the language short codes below.

Supported languages

ak - Akan
da - Danish
de - German
en - English
es - Spanish
fr - French
fi - Filipino
gr - Greek
hr - Croatian
id - Indonesian
jp - Japanese
it - Italian
nl - Dutch
pl - Polish
pt - Portuguese
bpt - Brazilian Portuguese
ro - Romanian
sl - Slovenian
se - Swedish
sk - Slovak
sw - Swahili
tr - Turkish
vi - Vietnamese

The following example will be using Spanish for the standby screen:

<script language="javascript" type="text/javascript" src="https://rnhckrdotcom.googlecode.com/svn/bloggerwidget/savetheenvironment.js?lang=es"></script>

If you are using WordPress, just download their plugin, activate it and everything should work instantly.

Injoy...

You Also Like:
How To Host File On Google Code? For Blogger [Include MIME Type] Tutorial

Speedup Your Blogger Blog With Image Lazy Loading Script

Make Headline News In Blog

As we know, headline news is a feature in TV stations wich usually located at the bottom. Usually, that's display some latest news. But in this case, because it's about blog, so the headlinenews display the recent posts of your blog. So, the visitors can watch the newest post of your blog. Now, if you want to add it into your blog, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose HTML/Java Script
4. Copy the code below, and paste into the place

<script type="text/javascript"> var hn_url_blog = "http://rnhckr.blogspot.in";
var hn_jumlah_post = 5;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="https://sites.google.com/site/rnhckr/javascript-sama-edit-html/headlinenews.js?attredirects=0&d=1">
</script>

=>Change rnhckr.blogspot.in with your blog address
=>Change 5 Number of posts to that you want to display
5. Save now

Tip: Use Over Live HTML Editor for edit code with Live Preview!

Wednesday, 2 May 2012

Access any other computer over the internet

(For google chrome users only)

Download Chrome Here!

Access other computers or allow another user to access your computer securely over the Internet

Chrome Remote Desktop Beta enables you to enlist the help of a trusted resource for help in diagnosing and resolving problems with your computer through the internet. Using Chrome Remote Desktop you can share access to your computer with an individual you trust, who will then be able to view your computer screen and control your computer remotely, just as if they were sitting beside you helping in person. Sharing is fully secured, access is given only to the specific person you identify, and only on a one-time basis. If you are an IT helpdesk professional, Chrome Remote Desktop provides you with a simple and secure means to troubleshoot and resolve problems with your users' systems without having to leave your desk.

Chrome Remote Desktop is fully cross-platform, so you can connect any two computers that have a Chrome browser, including Windows, Linux, Mac and ChromeOS machines.

Get Chrome Remote Desktop Beta

I hope you guys enjoy it :)