..............................................................

Tuesday, October 14, 2014

Add Google Fonts into Blog

web fonts/ custom fonts in blogger
Millions of blogs are in internet and most of them use default fonts but if you want to make your blog different and take visitors into your blogs, then you should keep something extra in your minds and should think how to make your blog's look different than others. You should take various things to change your blogs. Among them, Use of custom fonts can be one.

The only best way to use web-fonts/custom fonts into a blog is using of google web fonts but this is not last way. There are various web-fonts sites but google fonts are mostly used.

How to add web fonts/ custom font into a blogger blog?



1st Step: Choose a font From google webfonts. Too find, just go to www.google.com/webfonts. You can see almost 650 more fonts in the collection of google web fonts.
Picture 1

Picture 2


2nd Step:  Now hit on quick use tab and just shown in the above picture. Then you will see like the second pic where you will see following two lines' code.

Line 1 code: It is the link of google web fonts which you are going to use.
--------------------------------------------------------------------------
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Line 2 code: It is the integration of css into your webpage.
--------------------------------------------------------------------------
font-family: 'Open Sans', sans-serif;
3rd Step: Now just copy the line 1 code. And then go to your blogger dashboard. Click on template>>edit html. Just below the <head> tag paste this code.
Picture 3

4th Step: Then copy line 2 and paste it into every tag where you want to put this font. Such as
h3.post-title
{
font-family: 'Open Sans', sans-serif;
 }
Picture 4

5th Step: Now you just press on Save Template button.
Read More »

Friday, September 26, 2014

Script Hosting in Google Drive

Script hosting in google drive
Hosting and choosing hosting of a site is too important. Likewise script hosting for a site is also important. If you want to use any script in the blogs and sites, then you should either write those script into the blogger template and site's template or you also can host your script into other platform. But if you want to host, then you need memory or space for which you should pay. But here I just wanna tell you a simple and free way to host any script.

You may not know that you can host script freely in Google drive. And this platform is not only easy and free way but also very flexible and hosting in Google drive makes your site faster than hosting in other platforms.

How to Host Script into Google Drive?


Learn step by step way to host script into Google Drive:-
Step 01: Login into Google Drive.
Step 02: Click on Create>>Script.
Step 03: Write your script in there.
Step 04: Click on run whether it is ready to use or not.
Step 05: Finally click on Publish.

After clicking publish, there you can get web app URL. That URL you can use in your blogs and sites. If any error occurs, just contact us. Thank you. 
Read More »

Monday, September 15, 2014

Meta Description in a Blogger Blog

Many bloggers do not know how to add meta description in the blogger blog but it is not the aspect that you should worry. Because blogger has already made a search description box to add meta description into your blogger blog. But it is disabled in default by the blogger. You should just enable it and put description on your all the posts. Lets just see the below process to enable the blogger meta description and put the description each post.
Meta Description not shown
Before Enable Meta Description

How to Put Search Description in Blogger Blog?



How to enable meta description on blogger

Step 01: Go into your blogger account and select one of your blogger in which you should want to put meta description.
Step 02: Now click on Setting >> Search Preference. Then click on edit link of meta tags. and then choose Enable search engine description? 'yes'. 
Step 03: Save it. 

Now you will be able to put search description in your each posts.
Enabled meta description in blogger


  
Read More »

Sunday, September 07, 2014

Add Customized URL on Every Blog Post

Custom Blogger post url
By the way, in earlier, blogger used to generate posts URL automatically, but now it generates automatically as well as gives you to choose your custom URL. There would usually be post's title long and which could possible to be broken. So that type of broken link can be unfriendly for Google search engine and other search engines. This kind of problems would occur in earlier but now you have been provided an option where you can choose your own URL structure. This option has been very useful for niche blogger. Here is the process that you can apply to customize your post URL.

How to add custom URL on blogger posts?


Step 1: Log in to your blogger
Step 2: Create a new post
Step 3: Write some articles and there you see right side bar name post setting. You just click custom permalink.
Step 4: Put you own URL structure. And click on done.
Step 5: Publish it.

You've perfectly customized your blog posts URL. Now you can see your URL in the URL bar of your post article. 

Read More »

Monday, August 25, 2014

Add a Gadget Above the Blogger Header

Ads above the blogger header
Here I got another way to increase the CTR of your adsense ads. If you are getting fraustrated with low CTR on your adsense, then I got another way to get high CTR. Its a tips to put adsense ads above the header part. It is very effective method which obviously does because most of the people whom I know used this method and they get more money from adsense. So just put your ads above the header and get more money.
But blogger does not let you to add anything above the header defaultly. Blogger locks the gadget not to add any other thing above the header. So you have to unlock that gadget and put the quantity of gadget how many you want to add.

Note: After adding this gadget you can also put your adsense ads in that gadget to increase CTR.

How to add Gadget Above the Blogger Header


Here I tell you step wise to add the gadget above the blogger header

Step 1: Just log in into your blogger dashboard
Step 2: Once your get logged into, then go to the template and then click on edit html.
Step 3: Now just find below code
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
Step 4: Then change the maxwidgets="1" into maxwidgets="4" and showaddelement="yes"

Step 5: Click on Save template to save your changes. 

Now you will be able to add gadget just above the blogger header. To add gadget, just go to layout and there you will see gadget section just above the header. 

Read More »

Monday, August 18, 2014

CSS 3 Mega Menu For Blogger

CSS stands for Cascading Sheet Style. CSS gives the style to the HTML tags. In earlier phase of web, there had not been developed the CSS 3. Now CSS 3 has reduced the long and vague and more difficult codes of javascript and jquery. CSS 3 is the latest version of CSS.

By the way making mega menu using jquery and javascript is very hard to understand. Most of the designers just copy and paste to use the mega menu. But using CSS 3 is very easy to make mega menu. Here I am just showing tips to create mega menu using CSS 3. Follow the bellow steps and make a mega menu for your blogger and your html/css website.
CSS 3 mega menu

How to make mega menu using CSS 3?

Step 1: Open any platform like Notepad or Dreamweaver.
Step 2: Put the below code into the middle of <style> </style>.
.main_menu{ background:#006;}
.main_menu ul li a{ font-size:15px; font-weight:bold; text-transform:uppercase; color:#fff; padding-right:25px !important; padding-left:25px !important;}
.main_menu ul li a:hover{ background: #008821;}
a.focus{ background:#008821;}
/*mega menu*/
#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*
#menu {
   margin: 20px 0px 0px 0px;
    border: 1px solid rgba(85, 78, 27, 0.25);
 background-color: #033;
    background-image: linear-gradient(#444, #111);
  border-radius: 6px;
  box-shadow: 0 1px 1px #777;
}
*/
#menu:before,
#menu:after {
    content: "";
    display: table;
}
#menu:after {
    clear: both;
}
#menu {
    zoom:1;
}
#menu li {
    float: left;
/*    border-right: 1px solid #777;
*//*    box-shadow: 1px 0 0 #444;
*/    position: relative;
}
#menu a {
    float: left;
    padding: 12px 30px;
    color: #fff;
    text-transform: uppercase;
    font: bold 14px Arial, Helvetica;
    text-decoration: none;
/*    text-shadow: 0 1px 0 #000;
*/}
#menu li:hover > a {
    color: #fff;
}
*html #menu li a:hover { /* IE6 only */
    color: #fff;
}
#menu ul {
z-index:999 !important;
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;  
background:#006 !important;
/*    background: #033 !important;
*/ /*background: linear-gradient(#444, #111);
*/
/*   box-shadow: 0 -1px 0 rgba(255,255,255,.3);
*/    border-radius: 3px;
    transition: all .4s ease-in-out;
}
#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#menu ul ul {
    top: 0;
    left: 130px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
/*    box-shadow: -1px 0 0 # FFF;    
*/}
#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
/*    box-shadow: 0 1px 0 #777, 0 2px 0 #999;
*/}
#menu ul li:last-child {
    box-shadow: none;  
}
#menu ul a {  
    padding: 10px;
    min-width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
#menu ul a:hover {
/*    background-color: #0186ba;
*//*    background-image: linear-gradient(#04acec, #0186ba);
*/}
#menu ul li:first-child > a {
/*    border-radius: 3px 3px 0 0;
*/}
#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
/*    border-bottom: 6px solid #444;
*/}
#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid  #066;
}
#menu ul li:first-child a:hover:after {
/*    border-bottom-color: #04acec;
*/}
#menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3;
    border-bottom-color: transparent;
}
#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}
/*mega menu*/
#menu-trigger { /* Hide it initially */
    display: none;
}
/*End Mega Menu*/
Step 3: Now use the below code into the <body> </body> tag.
<ul id="menu" class="main_menu">
<li><a href="#" class="focus">Home</a></li>
<li><a href="#">Nepal</a>
<ul>
<li><a href="#">Trekking</a>
<ul>
<li><a href="#">Everest Base Camp Trek</a></li>
<li><a href="#">Everest Circuit Trek</a></li>
<li><a href="#">Annapurna Base Camp Trek</a></li>
<li><a href="#">Annapurna Circuit Trek</a></li>
<li><a href="#">Langtang Trek</a></li>
<li><a href="#">Ghorepani Trek</a></li>
</ul>
</li>
<li><a href="#">Tours</a>
<ul>
<li><a href="#">Kathmandu Nagarkot Tour</a></li>
<li><a href="#">Lumbini Pilgrimage Tour</a></li>
<li><a href="#">Kathmandu Pokhara Tour</a></li>
<li><a href="#">Kathmandu Heritage Tour</a></li>
</ul>
</li>
<li><a href="#">Adventure Activities</a>
<ul>
<li><a href="#">Paragliding in Pokhara</a></li>
<li><a href="#">Bungee Jumping</a></li>
<li><a href="#">River Rafting</a>
<ul>
<li><a href="#">Trishuli River Rafting</a></li>
<li><a href="#">Kaligandaki River Rafting</a></li>
<li><a href="#">Marshyandi River Rafting</a></li>
<li><a href="#">Karnali River Rafting</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Tibet</a>
<ul>
<li><a href="#">Mount Kailash Tour</a></li>
<li><a href="#">Kathmandu Lhasa Tour</a></li>
<li><a href="#">Tibet Overland Tour</a></li>
</ul>
</li>
<li><a href="#">Bhutan</a>
<ul>
<li><a href="#">Duk Path Trek</a></li>
<li><a href="#">Chomolari Trek</a></li>
<li><a href="#">Bhutan Tour</a></li>
</ul>
</li>
<li><a href="#">India</a>
<ul>
<li><a href="#">Taj Mahal Tour</a></li>
<li><a href="#">Darjeeling Sikkim Tour</a></li>
<li><a href="#">Ladakh tour</a></li>
<li><a href="#">India Gate Tour</a></li>
</ul>
</li>
<li><a href="#">Private Day Tours</a>
<ul>
<li><a href="#">Go For Nepal One Day Private Tour</a></li>
<li><a href="#">Kathmandu Heritage One Day Tour</a></li>
<li><a href="#">Nagarjun One Day Hiking</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">About Us</a></li>
</ul>
Step 4: Now Save it.

The above code can be also used into blogger. You can also use this code to create mega menu for your blogger. So use this code into your blogger. Please contact us if any problems occur during this process.
Read More »

Thursday, August 07, 2014

Related Posts Widget for Blogger Without Thumbnail

related posts widget
More internal links on a webpage is important in the sense of SEO because when a visitors get into a page of your sites, then he/she will see there more links and click them. Sometimes they don't want to click but unwantedly they click. So that your site gets more hits and more hits might be a cause to improve your page rank high in the search engine. If your site has high page rank, then your site obviously gets more impression and visitors.  But blogger blog doesnot have default related posts widget. So you have to add the related posts widget manually. please follow the following steps to add a simple related posts widget in your blogger blog without thumbnails.





How to Add a Related Posts Widget in Blogger Without Thumbnail?


Related post widget
Sketch of related posts 
Step 1: Just sign in into your blogger account. Go to template>>edit html.
Step 2: Find the </head> tag
Step 3: Put the following code just before the </head> tag.
<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
#related-posts {
    margin: 10px 5px;
padding:5px 5px;
}
#related-posts h2 {
    font-size: 18px;
    color: black;
    margin-bottom: 15px;
}
#related-posts a {
    font-size: 14px;
    color: #999;
    text-transform: capitalize;
}
#related-posts a:hover {
    text-decoration: underline;
    color: #555;
}
#related-posts ul {
    list-style-type: none;
    margin: 0 0 0px 0;
    padding: 5px;
}
#related-posts ul {
    list-style-type: none;
    background: #e9e9e9;
    border-left: 6px solid #e2e2e2;
}
#related-posts li {
    padding: 12px;
     border-bottom: 2px dotted #E2E2E2;
}
#related-posts li:hover {
    background: #F4F4F4;
font-weight:bold;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
</b:if>
You can change all the above css code as your wish.

Step 4: Search the below code
div class='post-footer'>
Step 5: Now put the give codes before the above code.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a style="font-size: 10px; color: #bcbcbc; float: right;" href="http://allblogsolution.blogspot.com" rel="nofollow" >Get Related Post widget</a></div></b:if>   
Step 6: Now save template.

You did it. You also can change the maxresults=6 into any parameters as your wish.
Thank you. Comment us for any problems.
Read More »

Wednesday, August 06, 2014

Add Pager Link in Blogger

Page Navigation Button Link
We can display our no of posts in our blogger blog but displaying all the post can not be effective, this can be unprofessional. So often we display 6 to 12 posts in our blogger home page. But after exceeding the posts that we are displaying in our home page, there appears old and new posts link. You should click either new or old posts link to see the older or newer posts. To reach in the first posts of your blog, you should click on old link more times until your reach there. This seems so uneffective. So that page naviagation bar can be effective way to find the older and newer posts of your blog. So that now here I am going to just tell you to add pager in your blog for effectiveness of your blog. And your visitors can navigate quickly in the old posts too.

Follow the given steps to add the pager in your blogger :-

How to add pager in blogger


Step One:
First of all login to your blogger dashboard and click on template>>edit html.

Step Two:
Now just find the below code:
]]></b:skin>
Step Three:
After finding the above code, paste the given code just above them.
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: grey;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 15px;padding: 6px 14px;margin-right:4px; color: #777; background-color:#999;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#369Bde;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#369Bde;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:black;} 
Step Four:
Now you should add the script in your blog. To add the script find the </body> tag.

Step Five:
Now just paste the given code before the </body> tag.
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=6;
    var numPages=4;
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>
You did it. Now the thing you should remember is that you can also change the perPage=6; as your wish into 6,7 etc. numPages=4; into 5,9,7 etc as your wish.  
Read More »

How to Earn From Microworkers

Microworkers of the world
Microworkers is for the micro jobs. It means you can not earn more money by completing one task. But when you complete your job correctly, you will sure collect your money. Microworkers is very trustful platform, it never cheats you. There you can see no of tasks in the microworker sites, then you should complete these task. In each task has its particular money. Many task has less than $ 1 but you can do multiple task. It is very easy to complete these task but you should have patient do to them. If you are searching for long time to work and get money, microworker can be your best platform.
Microworkers provide mostly simple and click paste jobs, sign up and sign in, writing jobs, commenting, article writing, guest posting, photo liking, click and giving the impression to the sites etc.

How to get money through Microworkers.com?


You should just sign up the microworkers account. Then just log in into the dashboard. Then their you can see the microworkers tab bar tabs: Jobs, Hg jobs, Task I finished, My campaign, deposit, withdraw, account.
By clicking jobs tab you can see the varius jobs. There only appears the jobs which are available for you because microworkers reviews all your jobs. If you do better jobs in the initial phase, then microworkers offer better and more jobs to you otherwise you are penalize and there appears few and less money jobs for you. So be careful while doing the jobs. But in the initil time you are offered average jobs. Here I am going to show you the step by step process to complete and task offered by microworkers:-

Step 1: After login into your dashboard click on the Jobs tab. There you will see many jobs in category form like sign up job, click,search, bookmark, google, youtube,facebook etc.

Step 2: Choose one category like in the figure here I choose all jobs category.

Microworkers jobs

Step 3: Then choose one task among them. Here I choose Amazing work:sign up task.

Step 4: Now another link will open and there you will find the publisher's expected work from the workders.

Step 5: Read carefully the given expected info. and then do just as they said.

expected jobs from workers

Step 6: After doing this you should provide the proof of your jobs done as they say.

Step 7: Now click on confirm button.

You did it successfully but you should know where the earned money will appear.
After your confirm your job done, then your done job will appear in the task i finished page. Just click there and now there you can see your done job but in the minus sign. The sign will be green right after reviewing and accepting by the publisher, then the determined money will appear in your account.

You also should have a questions when can I get the money. You can get that money when you make $10. When your account has 10 dollars, then microworkers will sent you a address pin in your address and you should do as they advice. 
Read More »

Tuesday, July 22, 2014

How to Keep Back up and Restore Blogger template

Keep back up and restoreBloggers are for information and entertainment. Bloggers gives new information and tries to entertain the users also. By the way here I am not going to saying you about roles of blogger and etc etc. But I am just trying to telling you that Blogger blogs is one of the most using blogger platform nowadays and it also supports template made by user which suits its criteria. Actually, here I am just going to tell you that if you conduct a blog in blog then you should also know the security of that blog. If sometime crashed the blog template, you should have their back up and restore them easily. SO you should keep back up of your blogger template. Indeed this is complete post or article for beginners but this is very essential for the blogger bloggers. This becomes very important when you are going to add some extra features in your blogger manually by editing html page. In this time you should keep the back up of your blogger template for the security of your blogger. Blogger back up of restore feature is one of the most important feature provided by blogger. This is the simplest process of keeping back up of your blogger template.  Lets follow the step by step process to keep back up of blogger blog.

Method 1:

Back up of blogger template

Step 1: First of all, lets sign in into the blogger dashboard.
Step 2: Then just go to Template.
Step 3: Now at the top right of the page, you will see the back up/restore button. Click it.
Keep back up of your template
Step 4: Then their appears a pop up and their you see Download full template button, click it.
Step 5: Now your template will be downloaded.

Restore blogger template

As it is, login and go to the template. Then click on back/restore button. Then their you will see two download full template and choose file. Click on choose file and select your template file which you already have kept back up. Now click on upload.
Restore the blogger template
button

You did it.

Method 2:

Back up of blogger template

Step 1: Just Login blogger account.
Step 2: Click template>>edit html.
Step 3: Click anywhere in that page.
Step 4: Now select all by pressing CTRL + A. Then press CTRL + C to copy them. And just paste them into notepad and save it in anywhere of your computer.

Restore blogger template


To restore them. As it is, just login and go to template>>edit html. Select all the code and delete them first. Now copy the code you keep back up in your notepad and then paste them here. Now  click on save template. You completely did it.

Thank you friend. I am sure, this article will help you. Keep on blogging.
Read More »

Friday, July 18, 2014

How to Integrate Conveyor Belt slideshow in Blogger

Hello friends today here I am going to take you to integrate the conveyor slider into your blogger blogs. By the way it is not a pioneer tutorial or gadget but after integrating this I think you all absolutely become happy and cheerful. Here I am going to take you in every step to integrate this widget in you slider. Yeah this is not as difficult as you think but it is too simple and easier process. Here we are going to use a spectacular slider Conveyor Belt slideshow. It is very good and well-coded slider only using script. There you can no html and css code in this widget. Now if you are interested about this widget, you can see Conveyor Belt slideshow in dynamic drive, Lets take a look that what things we should do. Lets see this step by step process to integrate this slider.
Add Conveyor Belt Slider in Blogger

Conveyer Slider Intergrating


Step 1: In the beginning lets copy the script of this slider from dynamic drive website where you can see the script codes of conveyor slider. To copy the script, here you see select all. Click on Select All and Press CTRL + C

Step 2: After copying scripts, you just go to your web page and paste the copying codes into there wherever you want to show the sliders. But for blogger, go to you blogger dashboard>>layout. And then click on add gadget

Step 3: Choose HTML/Javascript and just paste the copied script in here. 

Step 4: Now you just need to change or few variable that in these scripts like img src, sliders speed that which you want to change there values.

Step 5: Save Template.
Click here for Demo where you can see the demo of this slider left side of the page.

I think this will help your problem which you are searching for. This script is really good. For more information, comment us. Thank you.
Read More »

Thursday, July 17, 2014

How to Remove Home Link From Blogger Template

You all might have seen the home page link from blogger default template. This home page link is rarely used. So this does not seem necessary in blogger posts. Indeed this is not useful because of its positioning. So we also can change the position of the link and we also can remove the link of the default template. If you want to remove this home page link, just follow these instructions :-

Remove or replace home link:-


Step 1: First of all go to template>> Edit HTML.

Step 2: And just press CTRL + F and find the below codes
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Step 3: Now you just delete it and Save Template.


Remove or replace home box:-


Now you have just removed the home page link but home box is still there. So to make your template absolute, you should remove home box too. Often visitors and bloggers could not have been deleted it. Now here we advise you some codes to remove this box.

Step 4: Just Press the CTRL + F to find </head> and paste the given code just above the </head> code.
<style type="text/css">  /* remove link of home box*/ #blog-pager{display:none !important;} 
</style>
Step 5: At last Save Template.

Now you have successfully did this job. Happy Blogging guys. Thank you.

Home Page Link bloggerNote: You can also change the hom text with your own desired text. So in order to edit that text, you just find <data:homeMsg/>. And then replace this with your own text. And if you want to replace with an image, just place this code <img src="img link"/>. Now you just should replace img link with your own Image Link
Read More »

Monday, July 14, 2014

Difference between White Hat SEO and Black Hat SEO

SEO is a huge in its nature. It stands for Search Engine Optimization. In order to classify SEO, we can catagorize it in two types: One White Hat SEO and another Black Hat SEO.

White Hat SEO:-

White Hat SEO is not other than recommendation tips of search engines. It means it is the techniques which are recommended by the search engines. White Hat SEO follows the following terms and conditions:


  1. It follows the guidelines of search engines.
  2. White hat conforms the web pages quality if the html and css are validated in w3 org or not.
  3. Quality and user friendly contents.
  4. If it excludes frauds and other scams.
  5. Content should be same that the search engines index and the users see.


Advantages of White Hat SEO:-
Search Engine Optimization Tips


As it is thought white is always good in various term, so as white hat SEO has more advantages than black hat SEO.

  1. Since webpages are indexed for long time, it follows terms and conditions of search engines.
  2. White hat SEO includes quality and user friendly content, so it increases new visitors and makes them reappears.
  3. More chances of appearing in the first page of search engines. 
  4. More referral sites can be increased. 
  5. Low floating of visitors. 

Disadvantages also may have in White Hat SEO. The main disadvantages of white hat seo can be the lower unrelated visitors.

Difference of white hat seo and black hat seo
SEO

Black Hat SEO:-

Black Hat SEO is out activities that are disallowed by the terms and conditions of Search engines.
It is just opposite of the white hat SEO. Black Hat SEO is also known as spam indexing. Any times this kind of indexed sites can be penalized by Search engine. Spam indexing follows these points:

  1. Redirection of users from the other pages. This is done by link building.
  2. Fake activities to increase the ranking in search engines.
  3. Indexing one page in search engine and displaying another page to users. It is a fake indexing. This is also known as cloaking tactic of SEO.
  4. Hiding the text or making them invisible. Using too small font size.
  5. Few contents in the web page but too many keywords within that page, high density in a page. These kinds of pages are known as Gateway Pages.
  6. Keywords repetition is high and long Meta tags with non-related keywords in a page which is known as Meta tag stuffing.
  7. Two or more websites having same contents using different URLs. 
  8. Copying the content of other websites which is indexed as spam by search engine. This is also known as page hijacking. 

Black Hat SEO has more disadvantages than advantages. Opposite of all the advantages of White hat is the disadvantages of Black Hat SEO.

  1. Webpages are not indexed for long time, so it does not follow terms and conditions of search engines.
  2. White hat SEO doesn’t include quality and user friendly content, so it cannot increase new visitors and make them reappears.
  3. Less chances of appearing in the first page of search engines. 
  4. More referral sites can be increased but less related visitors appear in the site. 
  5. Higher chances of floating of visitors. 
See related Post: Meta Contents
Read More »

Saturday, July 12, 2014

How to Hide Specific Posts From Blogger Blog Homepage

There might be some of the outdated posts on your blog and these posts are not ethical and obedient for visitors. They might be fooled with these kind of outdated text. So they knew these article is fooling, then they think that the whole site is fake. If they think this is a fake blog or site, the visitors can be decreased in your site. So that generally, you should avoid these outdated text from your blogs. Outdated posts can be the one of the reason of losing the visitors on your blog. So that these posts are always taken as spam by visitors and also the search engines. 
Hide Particular posts from blogger

Every bloggers should give fresh and valuable information to their visitors. So if you want to hide these kind of posts from your blogger blog's homepage without deleting them, visit the following steps carefully. Lets see the step by step process to hide specific posts from your blogger homepage.

Step 1: Lets login to your blogger dashboard
Step 2: As usual click on template>>edit html and then press ctrl+f to find the given code.

&lt;div class=&quot;date-outer&quot;&gt;
Step 3: You just now replace the above code with following code.

 &lt;div class=&quot;date-outer&quot;
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchQuery == &quot;&quot;'>
<b:if cond='data:blog.searchLabel == &quot;&quot;'>
<b:if cond='data:post.url == &quot;URL&quot;'> style=&#39;display:none;&#39;</b:if>
</b:if>
</b:if>
</b:if>
</div>&gt;
Note: Now you must replace URL with your blog's post url which your are wishing to remove from your homepage.

Step 5: Save template.

The above code only remove one post from homepage but if you want to hide more then you just need to put the following code just before the </b:if></b:if></b:if></div>&get; given above.

 <b:if cond='data:post.url == &quot; URL&quot;'> style=&#39;display:none;&#39;</b:if>
You have successfully done this tutorial. Enjoy blogging friends. Thank you. 
Read More »

Friday, July 11, 2014

Argentina Vs Germany in World Cup 2014 Final

Argentina Vs Germany in World Cup 2014
After long time, almost 24 years, there will be two renown rivals of the world of football Argentina and Germany in the final of 2014 World Cup.  The finale of World Cup 2014 is going to be held on 13 July in the Reo The Jenerio of Brasil. Germany and Argentina had met in final two times. In that time, Argentina had won once and Germany once. Indeed Argentina won the world cup trophy two time before but Germany had won 3 times. So in this time, Argentina want to lift this trophy and attach 3 stars in their jersey and Germany want to be 2nd most World Cup trophy Winner.

Argentinian Football Team of 2014
Argentina was in group F of the world cup 2014. Nigeria, Bosnia and Herzegovina and Iran was also in that group. Argentina had defeated all of them and become the winner of group stage. In pre-quarterfinal, Argentina defeats Switzerland then Argentina played with Belgium in quarterfinal and they also won that match. It was just amazing, most of the people had not thought that the result of semifinal between Argentina and Netherlands will go towards Argentina but it happens. Both the teams could not scores till 90 minutes and also in extra time. Then in tiebreaker, Argentina beats Netherlands by 4-2. Hence, the Argentinian team has reached in the final of World Cup 2014. 

German Football Team of 2014
German team is one of the most energetic team, there you can see more star players like Muller, klose, Ozil, Kroose etc. This is the first time of Germany in semifinal after 2002. In 2002, they had to had defeated with Brasil in Finale. In German's group, there were also USA, Portugal and Ghana. German defeats all of them except Ghana. They drew the match with Ghana.  In pre-quarterfinal, Germany faced with Algeria. This was the real challenge of Algeria to Germany. Till 90 minutes, Germany and Algeria could not strike any goal and then extra time is added. In extra time Germany scores one goal in 20 minutes but Algeria also returns. At last Germany scores again and then they defines their win. In quarterfinal, Germany had to had faced with the another known rival France. That match was really amazing. During the match both the teams played well but the 7th minute's goal of Germany became enough to win that match for Germany. At last Germany met with Brasil that is the team which defeat them in the final of 2002 world cup. This time Germany had the great time for their revenge. As the thought of their fans Germany played most amazing match and made the history in the world cup. They not only defeats the Brasil but also humiliates them by scoring 7 goals which was really unconditional and unbelievable scores for both the teams and also for their fans. Klose became the most scorer in the world cup all the time. He breaks the record of Ronaldo of Brasil. This match is one of the amazing match of the world cup history. 

Now this is the time for choosing the World Cup Trophy Winner of the World Cup 2014. Indeed, Argentina is thought lucky team of this world  by more people because they do not have to have faced with more strong teams. But Germany has already faced with France which is more strong team. Lets see who will win this world cup. The match is going to start in 13th July 2014 on 1:45 PM Nepali Time.
Read More »

Follow Us On Facebook

Blogger Widgets Configuration After installing, you might want to change these default settings: