Saturday, July 19, 2014

Check Page Rank Tools

To determine the PageRank or (PR) blog your website, enter the url of your blog / your website in the fields below and click Check PR, it will direct you to the website dialuhkan prchecker.info, after that you will easily how the PR value of your blog, keep in mind the higher the PR, the blog will be quickly indexed by search enggine and impact + on SEO blog.


Check Page Rank of your Web site pages instantly:
This page rank checking tool is powered by Page Rank Checker service

Color Hex Code Picker

This app is useful if you want to customize your own blog template by changing the template color, select the color you want and install on your blog in the edit HTML. you just point your mouse over the image selection and color find what you need for your blog, then you just see the results on the HEX # copy and paste the tempalte that you edit




Adsense Ad Units Responsive, Limited Advertising Space Solutions

Perhaps there are many blogger friends who are still confused with adsense advertising blog, maybe if only just put up very easily but if the ads that we put not in accordance with the existing space in which you attach to template favorite blogs for sure the result will not disturb the view ??

Therefore Google.com/adsense has prepared for the ultimate weapon, the "Responsive Ad Unit" here you do not need to think about the size of the ads that you will apply to your blog, simply by adding ad units and you plug in your blog automatically space ads will adjust to the dimensions of space blog.

For example, if a blog which has a size of 200x75 ad space pxyang using responsive ad units, the size of the dimensions iklanya was quite satisfactory, which does not interfere with the comfort of visitors and fitted with advertising space :)

Responsive Adsense Ad Unit itself is the same with other ad units that can be parsed so that we can put the advertisement below, beside, above or in the midst of posting, when we put adsense ad units responsive to automatically post size will also change when we open through desktop and mobile.

5 Advantages of Setting Up Author Rich Snippets In Blogs

Author Rich Snippets is the identity of the author is shown on search engines. By installing this Author Rich Snippets will surely make your blog become more professional. One of the appraised value of quality blogs Page Rank, Alexa Rank, backlinks and others, but did you know there are also the so-called Author Rank. Author Rank will be decisive in your article on the first page of search engines, the better the reputation of the author then it is possible your blog will be easy to sit on the first page of search engines.


  • Adding Google Search Engine Trust 
By installing the blog author rich snippets will add trust Google because Google Plus by connecting with the blog will declare that you are the legitimate owner of the blog. 
  • Get Higher Value Click
Why? You try to be a visitor, when you search for something in a search engine where the article first glance. The answer of course is on the first page no 1, both articles that have complete data such as the author's profile picture or Author Rich Snippets. Hence your articles will be possible to ogled by visitors.
  •  Allows Blog / Web Being On First Page of Search Engines 
As I've mentioned before about the Author Rank, your article will be easy on the first page if the reputation of a great writer. Therefore, the better the reputation of the author, then the easier your article is on the first page of search engines
  •  Attention Visitors 
Actually still the same with point No. 2 and 3, which your article is very easy to glance visitors. If the author of the article has a high reputation and are known by visitors who are experts in the field, of course your articles will be selected even in the No. 2 down.
  •  More Professional 
By installing this Author Rich Snippets to show that you are a professional writer and is considered to know and understand about the article you wrote. It also proves that you are serious about managing the blog.

Maybe that 5 Advantages of Setting Up Author Rich Snippets can I give. Hopefully this article can help you memahai Author Rich Snippets deeper, criticism and feedback so I appreciated. Therefore, give your comment :) 

Source : http://kang-mousir.blogspot.com

 

Thursday, July 17, 2014

Quickly Indexed By Google Yahoo and Bing Webmaster - Learn SEO Part 1

If visitors want to find something when using the first of what will they find? of course, not a search engine? therefore SEO (Search Enggine Optimization) is needed by Blogger, to optimize our blog search engine certainly like Google, Yahoo and bing should be able to find the existence of our web site.

Blogs that without the index of the search engine will look dead (empty) without visitors even though we are always updating our website with fresh content. where the function of our blog to get the indexing search engines like Google, Yahoo and bing.

Sitemap is a list of contents and a description of what is in the blog / website, sitemap here is not that such content is on the page but in the form of an XML sitemap, XML is a language that is only understood by the search engines. For WordPress users can create a sitemap plugin, and for Blogspot users usually already integrated, as in the example below.
  • http://your blog.blogspot.com/sitemap.xml
  • http://your blog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
  • http://your blog.blogspot.com/feeds/posts/default?orderby=updated  (recommendation for a blog custom domain)
After that submit your blog sitemap to webmaster
For google: Google Webmaster
For yahoo and bing: Bing Webmaster 


Tuesday, July 15, 2014

How To Give A Label Signs A New Post In Blogspot

This next article we will discuss how to give a new post label, this label will appear automatically on our page, so we do not have to bother to install and remove the label. as an example consider the following screenshot
 
Okay guys, let's try to create a new post for blogspot label, the first step is insert the css code right above ]]></ b:skin> Or </style>

     .newer-post {
    margin: 50px auto;
    width: auto;
    height: auto;
    background-color: none;
    position: relative;
    }
     
    .newer-post2 {
    font: bold 20px Sans-Serif;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -25px;
    top: 7px;
    width: 160px;
    background-color: blue;
    color: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    }
     
    .newer-post3 {
    width: 86px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -4px;
    right: -4px;
    } 
if you paste the CSS code has been like in the above command, now find code faster <b:include data='post' name='post'/> use the Ctrl + F, If you have found replace the code with the code below

     <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <div class='newer-post'>
    <div class='newer-post2'><div class='newer-post3'>NEW</div></div>
    <div class='first-post'>
    <b:include data='post' name='post'/>
    </div></div>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if> 

After all are finished click save and see the results on the template you ^ _ ^


Source : The-Anarchyta

How To Create A Loading Effect On Blogger

If you want to create the effect of loading on the blog as the blog that I use, in fact in the SEO rules loading effect on the blog does not provide added value (remember in terms of SEO) but loading the blog has another function that is busting saturation point visitors who come to visit bhlog we.

Due to the nature of this widget in the form of images .gif, therefore we also have to prepare well for the smooth image of our website at the end of this tutorial I will give some examples of loading images with the format .Gif is not too large and would make loading a blog.



okay immediately we will begin, first make sure that your blog is the jquery suport. If not copy and insert the following script before the </ head>

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 

if you already have it then ignore it

The next step copy and paste the CSS code just above the code]]> </ b: skin> or </ style>

 #page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:9999;
background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5DBdZo_mhRDE_2R9YBwgaSjxEuKejWMuedhloOjjilR49mqCGkT-C5Zk-VxW7Km4c0_I4QvU0ycKMGbkagrC9jqqSKmxylQfdMDpuGnYooodnbT1Md83E_l4ojZ14MPsg-KTAwau9xpc/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;
color:white;
padding:1em 1.2em;
display:none;
} 

I note the yellow block, that's where the image url will we can change.
 
 <script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script> 

Now you just save the template to see the results finished ^ _ ^

 Sample Image Loading Blog







How to Make Tab View On Click Event In Content Blog

This time I will discuss how to create Tab View On Click event, this article outlines the command On Click Event we will be more modest in the display of text  and not have to work hard in java script. Before we discuss how to make it pay attention to the following example :


to make it follow the steps below
to make it very simple note the HTML code below


<div id="Button1" onclick="document.getElementById('Content1').style.display='block';Content2.style.display='none';Content3.style.display='none';">Button 1</div>
<div id="Button2" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='block';Content3.style.display='none';">Button 2</div>
<div id="Button3" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='none';Content3.style.display='block';">Button 3</div>
<div id="Content1">
<p>
Enter some content here.
</p>
</div>
<div id="Content2">
<p>
Enter some content here.
</p>
</div>
<div id="Content3">
<p>
Enter some content here.
</p>
</div>
Note on Button1, there we show Content1 (display = 'block') to hide content2 and Content3 (display = 'none'). For Button2 we show content2 by hiding Content1 and Content3. So even with Button3 we show Content3 by hiding Content1 and content2.

certainly not very easy to understand?? new course for you to learn HTML code definitely can also follow this, okay the next step in order to obtain results as in the example above also copy the css code below. You can change the size of the tables that you create by clicking the edit css 

#Button1,#Button2{margin-top:-30px;padding:0;text-align:center;float:left;border:1px solid #aaa;background:#ddd;cursor:pointer;width:32%;height:25px;line-height:25px}
#Button2{margin-left:34%}
#Button3{margin-top:-30px;margin-right:-2px;padding:0;text-align:center;float:right;border:1px solid #aaa;background:#ddd;cursor:pointer;width:32%;height:25px;line-height:25px}
#Content1{display:block;width:100%;height:300px;padding:0;margin:40px auto;border:1px solid #aaa;text-align:left;background:#fff; overflow: auto;}
#Content2,#Content3{display:none;width:100%;height:300px;padding:0;margin:40px auto;border:1px solid #aaa;text-align:left;background:#fff; overflow: auto;}
#Content1 p,#Content2 p,#Content3 p{margin:10px}

for an application depends on what you want to make, you can directly apply the Tab View this on your website, in addition that the Tab View has also been responsive

Source : Kompi Ajaib