Showing posts with label Tips and Trick. Show all posts
Showing posts with label Tips and Trick. Show all posts

Home » Posts filed under Tips and Trick

Google Page Rank Update Schedule 2012-2013

Good afternoon all. Blogs instinct will allow a post dealing with a Page Rank of the latest schedule. With the schedule of this page rank we can predict or deliver the most powerful moment for our blog to get a high page rank.

With this we will explain a little about Page rank themselves. Page rank will not work on a blog that is copy and paste because Mr. Google will track blog articles are really into Google criteria. Because Google do not want in fooling by the bloggers, therefore from now on let's make a blog article Google it meets the criteria in order to get a high page rank. As an example: Blogger Sitemap Generator New Version
Blogger Sitemap Generator New Version


Here's Google Page Rank Update Schedule:
  • Update 1 - January 30 to February 2
  • Update 2 - June 30 to July 2
  • Update 3 - 30 September to 2 October
  • Update 4 - 31 December to 3 January 2013
Categories: , Read more »

How To Install Script Code When In Copy Paste


Good night all. We will make a posting articles on the subject how to post the article when in copy and paste any link sources automatically. With this we will give you tips and tricks. But blogger friends are still not aware of any behavior that does not want to us all, until now still do a lot of copy and paste articles without giving the source link that writing the original article.

Let us now together awaken the urge to do copy paste of the article to others. Let us work, write it yourself and use your common sense. All humans have the ability. If you are still committing a copy paste of the article to others. So when the Smart People.


Let us go in to a discussion on How to Install Script Code When In Copy Paste:

Step - Step is:


1. Blogger Login With Your Google Account
2. If you have the dashboard go to Design » Edit HTML
3. Insert the following script below <head> code:


<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br/><br/> Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright instingblogs.blogspot.com Under Common Share Alike Atribution"; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>



4. Do not forget to change the URL instingblogs.blogspot.com the script with your blog url.
5. After that save the template.
6. Completed.
Categories: Read more »

How To Make a Box Author Under The Posts


Author box or can also tell the admin mailbox identification is usually used as an article writer on a blog, Author Box you can fill with a thank-you to the Visitors who have visited and read articles on your blog.

If you want to apply these tips please follow the steps below:

1. Login to Blogger
2. Go to Menu Design - and select Edit HTML
3. Check the "Expand Widget Templates"
4. Paste the code below the above code ]]></b:skin>

.admin-author{
display:block;
width:auto;
background:#F5F5F5;
border:1px solid #C0C0C0;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-author .kontainer{padding:5px;}
.admin-author h1{
background:#C0C0C0;
border:none;
border-bottom:1px solid #C0C0C0;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-author h1 a{color:#FEEA83;}
.admin-author img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:0px solid #E6E6FA;
padding:2px;
background:#E6E6FA
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}


5. Still in the edit HTML, now paste the following code above the code <div class='post-footer'>


<!-- Box Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-author'>
<h1>Popularized by : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> - SEO Friendly</h1>
<div class='kontainer'>
<img height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqd3vgPp-PIyCIE4F2OZ8vObUIWsaM578Gmhfl8801RJW1SOjUMSTbxG7vtfNDyEdaq4KF_rKL-lRkZpnmSbVYBOCJYUlZ4MVEMrdjfkIfNZBchSrHGaZksRJTAF4J3tCqMLUsTyob-Y/s200/Aelke_Mariska_admin.png' width='75'/>
You are reading the article instinct blogs - SEO Friendly entitled <b><a expr:href='data:post.url'><data:post.title/></a></b>, We are sorry if you think there is a very important artike, do not forget to subscribe by entering your email in column Get Updates Via Email. If there is a question which if you think do not forget to leave a comment below. Without any spread of SPAM.. <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://instingblogs.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Box Admin -->


Important Note: Do not forget to change the URL of our admin Photo bold and red
6. If it is completed in the edit template please save your changes now, and see the results.
Categories: Read more »

How to Create a New Blogger Sitemap Generator



- Visit the site at the address http://ctrlq.org/blogger/
- Enter your blog url. Do not forget to add the slash behind.
Example: http://instingblogs.blogspot.com/






- Click Create Sitemap
- Write down the address sitemap has been created.



Submit sitemap address is the same way as you add the blogger sitemap to feed as the default when you enter into Websmaster Submit your Blog Tools.
Categories: Read more »

Blogger Sitemap Generator New Version

The XML Sitemap file is like a directory of all web pages that exist on your website or blog. Search engines like Google and Bing can use these sitemap files to discover pages on your site that the search bots may have otherwise missed during regular crawling.

The Problem with Blogger Sitemap Files

An complete sitemap file should mention all pages of a site but that’s not the case if your blog is hosted on Blogger.

The default XML sitemap file of any Blogger blog will have only the 26 most recent blog posts – see example. That’s a limitation because some of your older blog pages, that are missing in the default XML sitemap file, may never get indexed in search engines. There’s however a simple solution to fix this problem.
Generate a Complete Sitemap for your Blogger Blog

This section is valid for both regular Blogger blogs (that use a .blogspot.com address) and also the self-hosted Blogger blogs that use a custom domain (like postsecret.com).

Here’s what you need to do to expose your blog’s complete site structure to search engines with the help of an XML sitemap.

Open the Sitemap Generator and type the full address of your blogspot blog (or your self-hosted Blogger blog).
Click the Create Sitemap button and this tool will instantly generate the necessary text for your sitemap. Copy the entire generated text to your clipboard (see screenshot below).
Next go to your Blogger dashboard and under Settings –> Search Preferences, the enable Custom robots.txt option (available in the Crawling and Indexing section). Paste the clipboard text here and save your changes.

And we are done. Search engines will automatically discover your XML sitemap files via the robots.txt file and you don’t have to ping them manually.

For How to Use New Blogger Version Sitemap Generator. Have you Click Here


Source : http://www.labnol.org/
Categories: Read more »

How To Change The Navigation Buttons With Images

In this tutorial I will give a very simple tips, the How To Change Navigation Buttons With Pictures. Navigation button is located below the Post. When you see the next post navigation buttons that we will modify the image.

Let's look at this tutorial.

Step 1
Log into your blogger account
Step 2
Click the Design or Design
Step 3
Press the Edit HTML, do not forget to tick Expand Widgets Template
Step 4
Looking <data:olderPageTitle/> code after you find the code change with the code below

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ouv0JnCGhSoI_1u-_lQmKwWNTpZBM2V0ljLya7R9U3Ew-KVckE0BZyOEF1wmw08dC5t3bbKJoF8orl4Jmw8uyoJl17vTyY6EYZ3fufTvZ9ahaS5bqX7KxIBkRot4g4ZsQycu9m5tmS5d/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

Step 5
Looking <data:newerPageTitle/> code after you find the code change with the code below

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaBsiv31Ii9sszabt8HkekXDh3L_hegj5XCP0rLRohk18fZkEQ_pLCE6AUF6fH5fWr9vu3hmb5OJiW7QdTaXYmWgiuiX9eo4rcmjNRQqig1V2SjYIlFfBC5aVpzDMF13BiTt4Gx5oytOQ6/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

Step 6
Looking <data:homeMsg/> code after you find the code change with the code below

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMos3snXTGosqN4osz9vl8-SqQWsEEpelujbWVfTQmKllbVWLr_kDwrpIlOuJN7NEORAthP6idsFB1lG5W1rYgped-CnwTElUP1wh4hhxpE1xKFHKq2YMtZMh1MTMZZMqY0IXl_A0jsvjk/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>


Step 7
Save your template you just edit and view changes to your navigation buttons.
Categories: Read more »

How to Make Breadcrumbs Menu


Breadcrumbs are a part of the navigation menu that is used in the user interface. That lets visitors know where the location of the document in the blog. Breadcrumbs are also the choice of SEO master, once said the master-web-blog mater in this way is preferably the same as search engines, especially Mr.Google.

If you want to make Breadcrumbs are the steps you have to do is follow the tutorial below:

Step 1

Finding the code ]]></b:skin> after you find the code please copy and paste the code below. Position the code is right on it.

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}


Step 2
Still in search of the next code. Your search for code <b:include data='top' name='status-message'/> Sometimes this code there are two, if there are two you please also put code like this, <b:include data='posts' name='breadcrumb'/> the shape and position will be like the example below :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>


Up here first tips and tricks on Breadcrumbs, hopefully these tips useful for us all.
Categories: Read more »

How To create a Horizontal Menu at Blog

This article I will discuss about the blog menu, blog menu itself is a variety of models and a lot of blogger friends who have given tips on this, perhaps someone who knows that such a menu requires instinct blogs, blog own menu You see a lot and there are various models that use CSS, JQuery and JavaScript.

Let's look at tips this time:

Step 1
Login to your Blogger account.

Step 2
Select Layout -> Edit HTML -> check "Expand Widget Templates".

Description:
Before performing the edit template, you should download the template of your own by pressing the download button at the top corners. Because Genesis to avoid unwanted by us.

Step 3
Find the code code ]]></ b: skin> and Copy-Paste the following code in the code above ]]></ b: skin>.


/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding: 3px 5px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}


Step 4
Then look for the code as shown below


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>

... and so on ...

</b:section>
</div>


- Once you find the code that we mean.
- Next enter the following code just below the code </div>


<div id='bg_nav'>
<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://your blog address.blogspot.com/'>home</a></li>
<li><a href='http://your blog address'>Add Link</a></li>
<li><a href='http://your blog address'>Add Link</a></li>
<li><a href='http://your blog address'>Add Link</a></li>
<li><a href='http://your blog address'>Add Link</a></li>
</ul>
</div>
</div>


<div id='navright'>


<form action='http://your blog address.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
</form>
</div>
</div><!-- bg_nav --->


And the Last Save Your Template
Our first article may be useful for us all
Categories: Read more »
Page Rank

Copyright © 2011-2012 Insting Blogs - All Rights Reserved

Themes by Insting Blogs Edited by Tutorial Blog Up To Date Support by SEO Friendly