LearnFre

How to Break RAR File Password Using RAR Password Unlocker

2014-10-31T20:09:00.001+05:00

RAR Password Unlocker contains three Modes to Recover Password.

I will discuss all three Steps one by one.

YOU CAN DOWNLOAD THE RAR FILE UNLOCKER SOFTWARE FROM HERE.!

Method 1 - Brute-Force Attack

In Brute-Force Attack, Software tries all Possible Combinations.

The Password may contain a-z, A-Z, 0-9, All Symbols so Software tries all Possible Combinations in Order to get the Password.

Screenshot 7

This method takes a lot of Time.

But if you know how many Characters your Password contains than Method 2 will be Helpful for you.

Method 2 - Brute-Force with Mask Attack

In this Method you can give some Details related to your Password to the Software like if your Password contains 5 Characters then you can Specify that your Password has 5 Characters so the Software will take less time to Recover your Password.

If your Password only contains Letters then you can Specify that to the Software and it will take less time to Recover Password.

Screenshot 8

Screenshot 9

That's how you can Recover Password you Method 2.

But if you think that Password assigned to the File has Some Meaning like "Dog" or "cat" or Something like that, then you can use the Method 3.

Method 3 - Dictionary Attack

This Method can be used when the Password is a Meaningful Word like "Dog" or "cat" or Something like that.

In this Method the Software compares all the Meaningful Words that are Stored in its Database with the Password String and if some Word matches then Software will show that word and it will be your Password.

Screenshot 10

This method takes a lot of time to Recover Password.

That were all three Methods that you can use to Recover your Password from RAR File using RAR Password Unlocker.

YOU CAN DOWNLOAD THE RAR FILE UNLOCKER SOFTWARE FROM HERE.!

Turn off Auto Update in Google Chrome

2014-10-05T10:47:00.002+05:00

Google Chrome was created to silently update every six weeks. This measure ensures that the internet browser carries the most recent technology and stability, without your need to allow or download each update.

However, it is possible at times that the newer versions of Chrome are more unstable than previous versions. These new versions may contain bugs that make it incompatible with your tasks.

A good way to prevent this is to disable auto-update. There are several ways to stop your Chrome from auto-updating its version. Outlined below is the easiest way to do so.

Read This Tutorial Also - How to use Old Version of Google Chrome

A. On your Chrome browser's address bar, type in 'about:plugins' and hit ENTER.

B. Find the plugin called 'Google Update' and click disable.

C. Restart your browser for the changes to take effect.

Other procedures to disable auto-update are also available, including disabling it from "msconfig" and "Task Scheduler" in Windows.

How to Use Old Version of Google Chrome (Turn Off Auto Update)

2014-10-05T10:43:00.000+05:00

If you want to revert your Chrome internet browser to an older version, follow the steps below.

How to Uninstall Chrome

Close all open Chrome browsers.

Go to Start, find Google Chrome in the list of programs, and click Uninstall. After it uninstalls, restart your computer for the changes to take effect.

How to Install an older version of Chrome

Look for an older version of Chrome from download websites. One such website is http://HamariApps.blogspot.com We recommend Chrome 19 or 17.

After you download the installer, run it, and the installation begins.

After the installation completes, please remember to stop auto-update, so you can retain the version you just installed.

How to use Jetpack Photon Without Jetpack Installed - Wordpress

2013-11-15T21:22:00.002+05:00

How to use Jetpack Photon Without Jetpack Installed

If you have used Jetpack before, you may already know it has a great feature called Photon which is a free CDN service for your images. By caching your image and served from WordPress.com, your site could be running faster.

Important Note: Photon is a free image CDN service but it doesn’t mean you can abuse or violate WordPress.con TOC.

So, how to use Photon without Jetpack installed?

add_filter( 'the_content', 'wpse39167_replace_image',9999 );
function wpse39167_replace_image( $content )
{
 $content = preg_replace_callback( "@<img.+?src=[\"'](.+?)[\"'].+?>@", 'wpse39167_maybe_replace_image', $content );
 return $content;
}

function wpse39167_maybe_replace_image($matches){
    if(!$matches[1])
  return $matches[0];

    $counter = wpse39167_static_counter( $matches[1] );
    $wp = 'http://i'.$counter.'.wp.com/';
 $url = str_replace(array('http://','https://'),$wp,$matches[1]);
 return str_replace($matches[1],$url,$matches[0]);
}

function wpse39167_static_counter( $url ) {
        srand( crc32( basename( $url ) ) );
        $static_counter = rand( 0, 2 );
        srand(); // this resets everything that relies on this, like array_rand() and shuffle()
        return $static_counter;

}

Put these in your theme’s functions.php and you are done. To learn more how to make your site faster

6 Future Algorithms Updates by Google

2013-10-03T22:23:00.000+05:00

How to Disable Right Click on Blogger

2013-10-03T14:43:00.001+05:00

You might have noticed that in some websites or blog right click is disabled . Now you can also add "Disable Right Click on Blogger"widget on your blog and protect your copyright content from being used in any other website.

Follow these steps to Add "Disable Right Click on Blogger"

Log in to Blogger Dashboard --> Layout --> Page Elements
Click on 'Add a Gadget' on the sidebar
Select 'HTML/Javascript' and add the code given below and click save.

<script language="JavaScript"></script>

Useful Tip: If you want to protect your images/pictures, then our suggestion is to add a Watermark (logo) on images

Don't duplicate content on your site (AVOID)

2013-10-01T03:05:00.000+05:00

One trick that spammers like to use is to create one page and then post it in numerous locations, both on one domain and on others. The idea is that if there are enough copies of the page, it will get seen by more people. But search engines don't like duplicate content as it's a waste of space on their servers and does not provide good information to their customers. If a search engine suspects your site is spamming them with multiple copies, your site could be banned.

How To Display Read More Link in Blogger Post Summaries

2013-10-01T01:40:00.002+05:00

To make your site load faster, to prevent your site from duplicate content and for a better SEO score many bloggers suggests using summaries (excerpts).

Post summaries provide a tiny-description of your content which usually consists of four to five sentences, which is there to give an idea to the reader about the whole story in just a few lines. To see a live example, check our homepage where you might notice a read more link present towards the bottom of post excerpts. In this article, we will show you how to automatically add a Read more Link in Blogger Post summaries.
First and foremost you need to login into your blogger account. After that go to Settings >> Template >> Edit HTML >> and search for the <data:post.body/>. After finding the tag just below it paste the following piece of coding.

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Remember: In case it does not works or, your template has too many <data:post.body/> tags then search for <div class='post-footer'> instead, and above it paste the code. Once everything is done, press "Save Template" button present on the top of your screen.

Congratulations: You have successfully added Read More Links in Blogger Post summaries. Now go check your site and see if it works perfectly. You can also Stylize the outlook of you link through #readmore{} CSS.

We Hope You liked This Post, We Will Add New Amazing Blogger Tutorial in Some Days, So Stay Tune...! :)

How to Remove Hyperlinks from Post Images in Blogger

2013-10-01T01:26:00.001+05:00

If you are using a custom Blogger template, then you probably have noticed that few of the third-party developed templates does not supports Lightbox functionality, which causes images to be opened in a new tab window whenever they are clicked by the users. Recently, one of our users asked us that How to Remove Hyperlinks from Post Images in Blogger? The easiest way to remove hyperlinks for post images in blogger is to simply revert to the HTML Tab in the blogger post editor and remove the hyperlink. However, what if you have to edit gazillion posts? Today in this article, we will show you How to Remove Hyperlinks from Post images in blogger.

Since, Blogger use Picasa web album to host your blog’s images, so whenever user clicks on an image present on your site it ultimately takes them to a different destination, which causes increase in the bounce rate and decrease in the ad sales because your users are not converting they are coming from one end and leaving from the other.

WordPress users have a slight edge because the images they host are uploaded on their own domains like example.com/img/test.png but in blogger you have to use Picasa that provides URLs somewhat like b.blogspot.com/asdasd1600/test.png which is bad for SEO.

The Solution:

The first thing you need to do is to login into your Google account. After logging in, go to Blogger dashboard >> your site >> Template >> Edit HTML and search for the Skin tag. After finding the skin tag, just above it paste the following chunk of CSS code. Once everything is done, Save the template by pressing “Save Template” button present on the top right side of your computer screen.

.post img, .post img a{
position: relative;
z-index: -100; }

.post img, .post img a{
position: relative;
z-index: -1; }

.post-outer{
position: relative;
z-index: 1 !important; }

.entry{
position: relative;
z-index: 1; }

.hentry img, .separator{
position: relative;
z-index: -1; }

.post{
position: relative !important;
z-index: 10 !important;
}

.hentry img, .separator{
position: relative !important;
z-index: -1 !important;
}

Congratulations: You have successfully removed Hyperlinks from post images in blogger. :) Now whenever, users will click any of the images present in the posts it would not open them in a new tab which may result in decrease of bounce rate.

How do 'NOODP' and 'NOYDIR Meta Tags Help in SEO?

2013-09-30T16:01:00.003+05:00

Meta tags like 'NOODP' and 'NOYDIR' are mostly used by the webmasters who have a DMOZ or Yahoo listing. Dmoz is an open directory project which is overlooked by thousands of people and have a lot of influence on Google's search results. Say if some one searches for something, Google would display the keywords and description for that particular search results with the keywords that are listed with DMOZ library.

The problem and drawback with this can be that you are not sure when DMOZ updated their description or keywords for that particular site in the past and thus that old content would be used by Google bots. And that's what you don't want. Its a goal of every blogger or webmaster as a whole to have his site updated with the search engines. These tags allows you to opt out of the DMOZ or Yahoo directories keyword and description override. In case you have old description and keywords that Google takes from these directories than your rankings would fall tremendously and you wont be able to compete with your opponents.

So looking forward to these issues, webmasters use these two tags in the HTML of their blogs. So if you have a DMOZ listing or in Yahoo directory then you may want to apply these tags to your blog as well. So lets get into it and see what meta tags we have to enter.

Step 1:

Go to Design >> Edit HTML and search for the following code :

<head>

and enter the following meta tags just below the <head> tag

<meta name=”robots” content=”NOODP,NOYDIR” />

and now click save template.

Once you have done this, any search results that point out towards your blog would have description and keywords that you have used in your site and not from these directories.

Hope that helped.

Google Explains The NOINDEX, NOFOLLOW, NOARCHIVE & NOSNIPPET META Tags

2013-09-30T15:57:00.000+05:00

The Google Blog has a basic but clear explanation of the robots exclusion protocol.
In this Post, Google explained how the NOINDEX, NOFOLLOW, NOARCHIVE and NOSNIPPET META tags function.

In Short:

NOINDEX tag tells Google not to index a specific page
NOFOLLOW tag tells Google not to follow the links on a specific page
NOARCHIVE tag tells Google not to store a cached copy of your page
NOSNIPPET tag tells Google not to show a snippet (description) under your Google listing, it will also not show a cached link in the search results

(Working) Create a Blank Facebook Page without any Name

2013-09-27T23:32:00.002+05:00

Earlier I published a trick to create a Facebook page without any name, that trick worked for few months but Facebook made some changes in to their system and that older trick works no longer. I have found a new way to create a Facebook page without a name. A few people asked what is the benefit to create a page without a name. Well, to put it simple, I would say its just cool to have a page without any name. Lets move to the trick and know the method to create a nameless Facebook page.

Go to Create a new Page from your Facebook (I applied this trick using Firefox browser)
Select any category
In page name box, paste the code shown below and a give space. (click in the box shown below, select all, copy)

Tick I agree to Facebook page terms and press Get Started. Now, you will be navigated to the page for additional information. Input the necessary information or simply keep on pressing skip option until you reach to admin page.
Go to Edit Page > Update Info and click on Edit button shown near to Name field and remove the name using backspace key.
Save settings, that's it!

I created a test page on September 12, 2013 using this trick and it worked fine. I even renamed my old page that had less than 200 likes by editing the name, pasting the code and again removing the code using backspace and it worked, so you can use this trick to make your existing pages nameless.

Secure Your Facebook Page By Adding Hidden Manager

2013-09-27T22:49:00.001+05:00

I'm Back with New Facebook Trick. :) I got a new Working Method on Facebook To Protect Your Page From Hackers or You Can Say We Can Recover our Facebook Page After Getting ripped :D

In this method We Will Make Invisible Hidden Page Manager For Security Purpose ( It's Not a Bug It's Just a working Trick ).

Steps To Hide Page Manager :

First Make any New Email ( remember email should be fresh and shouldn't be attached with any Facebook Profile ). Recommended - Yahoo, Gmail etc...
Then Go To Your Page Admin Roles : and Add The Email and Save It as Manager of Your Page! The Email will be added Automatically But Not will be on Screen ( Just Hidden )...
Now Lets Suppose Your Page Got Hacked or Someone cheated you! You Completely Lost Your Page Admin Access What To do Now... ??
Yes, Go to the Email there should be Email From Facebook About Your Invitation of That Page Which You added Accept It as Manager of Page, now Make New FB account with that Email and Go to Message there will be invitation open it and You are Now Manager! KICK the Scammer/Hacker/Cheater Out of Page and Add New Email Again For Security Reason Again Like this... :)

ADD SEO Meta Tags Title, Description and Keywords in Blogger

2013-09-24T14:49:00.006+05:00

SEO Meta tags are very important for any blog so we give you how to ADD SEO Meta Tags Title, Description and Keywords in Blogger. Meta tags give all about documents and crawl by Google crawler in their search engine. Meta tags not display on the page but its show in search engine results of your website. Meta elements are show page description, keywords, author, author email and other metadata. Google bots read Meta tags of blog and give this information to Google search engine to show your website in Search Engine results Pages (SERP).

How to Put Meta Tags in Blogger

We give you tutorial of Meta tags inserting in blogger template. You can put Meta tags in Blogger template for better ranking in search engine with follow easy steps.

Step 1:

Step 2.

Go to <head> section in Template. You can search this from Ctrl+F

Step 3.

After <head> section put following code in your template.

<meta content='Your Blog Description' name='description'/>
<meta content='Keyword1,Keyword2,Keyword3' name='keywords'/>
<meta content='Author Name' name='Author'/>
<meta content='Author Email Address' name='Email'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='Language Name' name='language'/>
<meta content='Country Name' name='country'/>
<meta content='blogger' name='generator'/>

Step 4.

Change you original data to demo data as your need.

Step 5.

Save your template and Go to your blog, view page source to see your description and keyword.

7 Killer Blogspot SEO Tips

2013-09-18T19:14:00.000+05:00

As you may have noticed this blog mostly focuses on Blogger.com and SEO for beginners nowadays. This is because I personally know there are many guys asking me for SEO Tips and Blogger blogs setting. I have been asked questions on Mobile Phone, Email, Comments and on Facebook that how to do the correct SEO setting for a Blogger Blog. So today, I made a quick video tutorial on this topic. I already have published the complete Blogger SEO Pack 2012 in Urdu on this blog. You should also check out my previous lessons about Blogger's SEO. But for now lets start what to do when we start a new blog with blogger.com? Read top 7 tips and implement them ASAP.

1. Optimize Post Titles

This is very simple logic and by default Blog's title appears first in search results and then post title appears. so this makes confusion for the searcher. Because what he/she is searching for is not showing exactly. So, to avoid this and to promote post title first do follow below steps:

Login to Blogger >> Template >> HTML >> Proceed
Search this code: <title><data:blog.pageTitle/></title> (Tip: Use CTRL+F)
Replace the above code with below codes

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>

2. Change Headings

Headings are the most precious HTML tags which are used to determine the value of a text in a paragraph. So in SEO terms we use H1 for blog's post title. But the problem is with blogger; blogger adds H3 to post title in default templates. So we must at least promote the headings for post titles from H3 to H2. To do this task follow given tips below:

Go to Blog Template and then HTML >> Proceed.

Search for H3 and from the CSS to HTML change all 8 or 9 H3 tags to H2. That's all and save template.

3. Optimize Blog Lables

Oh, this is already discussed on this blog but. once again I would tell you about Blogger labels links. The Lable links are the tags which used in Blogger. For a better user navigation we use these tags in Blogger. They most often create problems for search engines crawlers. So we need to change them to their respective HTML attributes. Here is how?

Go to Blog Template > HTML >> Proceed

Search for This piece of Code:

<a expr:href='data:label.url'

Replace it with this:

<a expr:href='data:label.url' rel='tag'

Save Template and that's all for Labels.

Note: If rel='tag' is already exists then don't change anything, leave it as it is.

4. Optimize Comments

Comments are good for every blog and website. But if they are irrelevant then they destroy the search ranking. So you must keep comments' external links as nofollow or external nofollow. To do this do this:

Go to Blog's Template >> HTML >> Proceed

Search for this piece of Code

expr:href='data:post.createLinkUrl'

Replace above with this one below

rel='external nofollow' expr:href='data:post.createLinkUrl'

Save Template and that's all about comments.

5. To Optimize Blog Archives

This is another problem with blogger blogs. Archives pages (if they are shown in home page) make problems for search robots. So if you want to get rid of this problem then just follow given steps below:

Go to Blog's Template >> HTML >> Proceed

Search for this piece of Code

<a class='post-count-link' expr:href='data:i.url'>

Replace above code with one below:

<a rel="archives" class='post-count-link' expr:href='data:i.url'>

Save template and that's all done about Archives.

6. Enable Meta Description & Post Search Description

Now with new blogger interface, we can write a description for our blog home page and for every single post as well. But first of all we will have to enable this option in new blogger interface. So to do this quickly go to your Blog's Setting >> Search Preferences >> Meta Tags >> Enable >> Yes and write maximum of 150 letters meta description for your blog and save it.

Don't Miss: What are Meta Tags in Urdu

Now below the page find custom robots header tags. and enable it with this setting showing in picture below:

Save Changes and that's all for meta description tags. By enabling this option you will be able to write meta description for each of your new post. This is called search meta description. Having enabled this option you will see a small box named [search description] next to every new post side bar, so you can write 130 to 150 characters unique search description for every individual post. This should be unique from the post title.

7. Change the Static Meta Description

In Blogger new interface, you can see some new added SEO options including dynamic meta description for single posts and blog description. But Blogger all templates have the old static meta description code. So to make things correct we need to change the old code with the new one. Follow given steps to do this:

Go to Blog's Template >> HTML >> Proceed
Just below the <head> tag insert below code

<b:if cond='data:blog.metaDescription != ""'>

<meta expr:content='data:blog.metaDescription' name='description'/>

</b:if>

3. Save template and that's all for changing meta tags.

8. Add Custom Robot.txt file

This is a bit advance option. Carefully use this option, if you can't use it correctly then don't use it. Because it can destroy your blog's ranking in minutes. However, the correct usage of this option is beneficial for everyone. To add a Custom Robot.txt file to your blog's template just follow given tips:

Go to Blog's Setting >> Search Preferences >> Below the page find Custom Robot.txt as showing in below image.

First enable this option and the yes, so the box will appear. Copy below code and paste it in that box.

User-agent: Mediapartners-Google

Disallow:

User-agent: *

Disallow: /search?q=*

Disallow: /*?updated-max=*

Allow: /

Sitemap: http://www.learnfre.blogspot.com/feeds/posts/default?orderby=updated

Save the changes and must change the sitemap URL with your own blog address. That's all for Custom robot.txt. and finally you have done all the necessary SEO steps for your blog. Now if you did everything perfectly then see the change in visitors. :)

Avast Professional Antivirus 3 Years License (Giveaway)

2013-09-18T00:31:00.001+05:00

LF (LearnFre) Proudly Presents their First Giveaway.!

[ Avast Professional Antivirus 3 Years License ]

Just Join the Giveaway Content and Get Points as much as You Can to Win the Prize. :)

a Rafflecopter giveaway

Why You Should Use Blogger

2013-09-17T15:37:00.005+05:00

Blogger is the only free and robust content management platform but in spite of getting the credit and appreciate people always degrade it for its sluggish and rusty behavior.
Have you looked at blogger lately? 7 years ago it had just 250,000 active users, but today it is the only platform which has over 400 million active users. That’s more than the entire population of South America. Over the past couple of years, Blogger has evolved as a versatile CMS platform. We have seen that many top industries like Twitter is using blogger platform to host their content. It is not just an ordinary a platform. It is a powerful tool with robust features. We have collected a few reasons that why you should use Blogger, What are its key features, And Why Blogger is better than others.

Why You Should Use Blogger?

Blogger a Free-to-use Platform:

Blogger is an open source platform, it other words we can say it is free. Unlike others there is no need to purchase hosting because blogger sites are hosted at Google Servers. It can be used for any purpose either personal or industrial without any cost.

Who would wish to pay thousands of dollars in buying a CMS platform which almost has the same features as Blogger? Why a person would hire a developer if he knows all the skills himself? Many CMS companies require a yearly license which means you have to pay them a hand full of money every year. On the other hand, Blogger is free from such limitations. It even does not force you to put their backlink in footer. However, some die-heart fans like us link back to show our appreciations

Professional Templates Support:

You would never feel difficulty in finding a Free Template for your site. Blogger has a wide range of free themes collection. However, if you still did not find a free theme then you can hire us to develop a robust theme for your site at reasonable rates.

Comprehensive Widgets:

Blogger uses widgets and plugins that help you to build a better and healthier site. It has a wide range of free Widgets inventory that enables us to add more spark to our site. There are some reputable developers like us who keeps on developing new widgets to keep this platform alive.

Almost ZERO Downtime:

Pingdom quotes once “Since Blogger was the only service with zero uptime at all. We skipped the chart here. We hope you did not mind. It simply would not have that interesting”. We do not have to prove that it is the only platform which has zero downtime. It gives to stability and you can always relay with your eyes close.

User friendly Interface:

You do not need any developing skills to use blogger on your site. The whole interface is not complicated at all. From the dashboard to the setting panel everything is arranged in a systemic manner so that a beginner would not feel any difficulty while using it. Aside from basic use tweaking and modifying the skins is fairly straightforward as well. MyBloggerLab has tons of free tutorials so users can learn every bit of it.

Create a line separator using only CSS

2013-09-17T15:25:00.005+05:00

Today LF (LearnFre) will tell you how to convert it into CSS without using a single image . so Let's get Started. :)

HTML CODE

<div class="line-separator"></div>

CSS

.line-separator{
height:1px;
background:#717171;
border-bottom:1px solid #313030;
}

Whats up with .line-separator CSS

Firstly we are creating a Line of height 1px and color #717171 . Here DIV ( .line-separator ) acts as a line so we are using background property to fill the color . After creating the line we need to create the line shadow of size 1px and color #313030 which we are doing it with the help of border-bottom property .

Height and background properties are for Line and border-bottom property is for Line shadow .

If you want to change the color of Line then replace #XXXXXX with your hex color codebackground:#XXXXXX; , border-bottom : 1px solid #XXXXXX; for Line Shadow .

Hope you liked it . Any feedback is appreciated . Have a Good Day :)

How to Make Your Links Change Colour When the Mouse Hovers Over It (Using CSS)

2013-09-17T13:11:00.003+05:00

If you were to move your mouse over the links on learnfre.blogspot.com, you would notice that they are highlighted with a different colour. This article explains how you can achieve such mouseover or hover effects with links on your site.

Cascading Style Sheets (CSS) Code to Highlight Links on MouseOver

The default style in most browsers for a link can be described as follows:

a:link {
  color: blue ;
  background-color: transparent ;
  text-decoration: underline ;
}

The a:link portion basically indicates that the block following, enclosed in the curly brackets, is to be applied to links. Each line in the block gives a rule. The line beginning color tells the browser that the anchor text of the link is to be blue. The "transparent" value given to background-color means that whatever was in the background will be visible underneath the link text (including its existing colour). The text-decoration value of "underline" causes the browser to render the text with an underline.

To style the link when the mouse is hovering over it, simply add rules for a:hover. Take the following for example.

a:hover {
  color: black ;
  background-color: #def ;
}

How to Create the Hover Effect Only for Certain Links

If you only want certain links to exhibit the mouseover highlighting effect, you can do it by applying those effects to certain classes.

a.specialeffects:hover {
  color: black ;
  background-color: #ff0 ;
}

The above code will cause links of the class "specialeffects" to have black text against a yellow background when the mouse is over it. To use it make your links like the following:

<a class="specialeffects">this link will turn yellow</a>

That is, give links that you want the highlighting effect the "specialeffects" class.

You can of course name your classes anything you want, and not just "specialeffects". Whatever name you choose, make sure the name you use in your HTML link matches that in your CSS rules.

How to Remove the Underline from Links

If you don't want your links to be underlined, add the following to your rules:

text-decoration: none ;

For example, if you don't want any of your links to be underlined, your code might look like the following:

a:link {
  color: blue ;
  background-color: transparent ;
  text-decoration: none ;
}

However, before you rush out to remove the underlining from all your links, be aware that links that are blue and underlined are well-established as a standard on the Internet. Just about everyone who sees blue underlined text on a site automatically knows that it denotes a clickable link. If you change the colour of your links and remove the underlining, your visitors may not even realise that they can click the link for more information, mistaking it for an attempt at creating a colourful page. Even if you put a cute graphic beside the link to try to indicate that it is a link, most people will just regard it as a decorative picture and not realise what it symbolizes. This is because there is no universally recognised method of graphically depicting a link other than using blue underlined text.

Conclusion

That's it. Adding such mouseover effects to your links is fairly easy. Simply add the code given above, customize it to suit your site's design, and your links will now have a different appearance or colour scheme when the mouse moves over it. Feel Free to Ask Any Help About This Tutorial. :)

Hover effect on images in posts

2013-09-16T18:04:00.002+05:00

This is an easy trick but an amazing one too, bring the photos in your post to life with this hover effect trick.

You may have seen this on many big websites, these types of hover effects keeps the reader engaged with your blog and if they are getting bored they can simply play with it. If you haven't seen it before then check the demo below... :)

DEMO

So, how's it ? You can also do it vice-versa

Don't it look great with this elegant hover effect. The code implementation is easy and you after reading the code specification you can make your own effect out of it. The whole thing we have to add is CSS. So read further to achieve this.
The CSS for this hover effect

This effect looks like that it must be created with heavy codes but with CSS3 generating this effect is easier than ever. The CSS below is actually for Blogger, but with little edits WordPress users can also use it on their website or blog

.post-body img {

opacity:1.0;

-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

-ms-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

}

.post-body img:hover {

opacity:0.7;

}

To add this CSS into your blogger blog : Log into your Blogger Dashboard -> Template -> Customize -> Advanced -> Add CSS -> Add the CSS into the custom CSS box and hit Apply to Blog.
Now refresh your blog with CTRL+F5 and check the effect on your images !

But what if you want it in opposite order ?
Vice-Versa

Then try this CSS, this keeps the image untouched faded and when you hover it you will see it in normal state.

.post-body img {

opacity:0.7;

-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

-ms-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

}

.post-body img:hover {

opacity:1.0;

}

The adding procedure is same as above one. Here opacity is the main property creating this effect, so changing it's value may bring some versatility into the effect. You can change it's value from 0.0 to 1.0

Your views and opinions

How is the effect working on your blog ? I guess its great but if you are having any difficulties in applying this effect at any point contact us by drop your comments. :)

Show Todays Date And Current in Blogger

2013-09-15T18:59:00.001+05:00

Here's a simple JavaScript to show the current date anywhere in the blog. You can place this code either in any HTML/JavaScript widget, or anywhere else in the template as per you wish.
The output will be like this:

Today is Sunday, September 15.

And the required code, to be added is this:

<script language="Javascript">

</script>

There's an even simpler code, to display date(like this):

15/8/113

Here's the code:

<script language="Javascript">

</script>

And to show current time in text format, like this:

6:57:51 PM

Add this code:

<script>
atoj = new Date();
atoj1= atoj.getHours();
atoj2 = atoj.getMinutes();
atoj3= atoj.getSeconds();

if(atoj1==0){atoj4=" AM";atoj1=12}
else if(atoj1 <= 11){atoj4=" AM"} else if(atoj1 == 12){atoj4=" PM";atoj1=12} else if(atoj1 >= 13){atoj4=" PM";atoj1-=12}

if(atoj2 <= 9){atoj2="0"+atoj2} document.write(""+atoj1+":"+atoj2+":"+atoj3+""+atoj4+""+"");
</script>

How to Force All Blog Post Paragraphs to Be Justified in Blogger Through Template Editing

2013-09-01T17:25:00.000+05:00

In Previous Tutorial we Were Talking about how to Allign text as JUSTIFY in blogger posts with Blogger's Advanced Customised Menu, but in this tutorial, we are going to teach you, how to Allign the Text JUSTIFY in Blog Post through Template Editing. So Let's get Started. :)

1st:

Open the Blogger website and log in with your username and password.

2nd:

Click the "Design" link under the title of the blog you want to customize on your Dashboard.

3rd:

Click the "Template Designer" link at the top of the Design page.

4th:

Click the "Advanced" link at the left side of the Template Designer page.

5th:

Scroll down in the middle column and click the "Add CSS" link.

6th:

Copy and paste the following text into the Add Custom CSS Styles box:

.post {

text-align: justify;

}

7th:

Click the "Apply to Blog" button at the top right corner of the Blogger Template Designer page. :)

How Do I Justify Posts in Blogger?

2013-09-01T17:17:00.003+05:00

Hi It's LF (LearnFre). In this tutorial, we are going to teach you, how to Allign the Text JUSTIFY in Blog Post through the Blogger Advance Designer. So Let's get Started. :)

Step 1

Launch your Web browser and log into your Blogger dashboard.

Step 2

Click on the blog you want to edit.

Step 3

Click “Template” on the left menu.

Step 4

Click the “Customize” button.

Step 5

Click “Advanced” on the left menu.

Step 6

Click “Add CSS” in the Advanced column.

Step 7

Add the following code to the “Add custom CSS” input box: .post{ text-align: justify; }

Step 8

Click the “Apply to blog” button at the top right corner of the screen.

Custom JavaScript and CSS in Blogger posts

2013-08-30T13:46:00.003+05:00

Right, here's a very simple tip (or trick?) that I half-expected wouldn't work, but it does. How does one add custom post-specific style (as in CSS) and logic (as in JavaScript) to Blogger posts? This could be useful for inserting examples right into your articles.
You just do it (and I am not even affiliated with Nike!)

First thing to do it switch to the HTML composing mode:

You will see your article (if already typed) in all its gory glory — HTML code and all!

Here you can insert your custom HTML element, in my case I add a DIV that will serve as a custom button:

<div id="custom-button">Button</div>

In order to add custom style to it, insert your CSS code between the <style> tags, as you do:

<style>
#custom-button {
    color: white; 
    font-weight: bold; 
    background-color: #06a; 
    margin: 2em auto; 
    text-align: center; 
    line-height: 70px; 
    height: 70px; 
    width: 70px; 
    -webkit-border-radius: 100%; 
    -moz-border-radius: 100%; 
    border-radius: 100%;
}
</style>

Then, if you need to include an external library, which in my case happens to be jQuery, you can add it by inserting:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">
</script>

You'll notice I've linked it from Google's CDN (Content Delivery Network), it is more than adequate for smaller sites (such as your humble servant's).

And, to finally add your custom JavaScript logic, insert the code between <script> tags:

<script>
$('#custom-button').click(function() {
    alert('It works!');
});
</script>

Download Dailymotion Videos Online Easily

2013-08-28T23:50:00.000+05:00

Downloading is Easy.!

Now You can easily Download DailyMotion Videos Online From This Website.

Visit This Site
SaveVideo.Me Put Your DailyMotion Link in Box and Hit Download Button, in few seconds your download link will appear. enjoy. :)