Follow by Email

Showing posts with label Blogger Tips. Show all posts
Showing posts with label Blogger Tips. Show all posts

Free Backlink from PR5 - PR9 Website Directory

backlink Free Backlink from PR5 - PR9 Website Directory - Backlinks are the only elements to improve pagerank blog. So if you want to increase the page rank of your blog then there is no other way than to find backlinks as much as possible. 

course pagerank is not solely influenced by the quantity of backlinks but also the quality of the backlink. For example, your site got 1 backlink from a PR5 site then the result will be better than 10 backlinks from PR3 stus onwards. Well here I will submit a web directory which contains more than 100 sites PR5 to PR9 directory. 

What is interesting here is that most of these directory sites allow you to submit your blog for free on its website without giving backlinks link means that you can be one way links . 

As we know, one way link has better quality than the two-way link so as to strengthen our international position in search engine pages. those of you who are interested to get a free backlink from PR5 to PR9 directory sites simply visiting http://www.greatdirectories.org/free.html . After that, submit one site to the site directory. Congratulations collecting backlinks

How to Check Backlinks

How to Check Backlinks - For a long plunge into the world of blogging is certainly familiar with the termbacklinks . But for those who are new or do not know what backlinks. In short, Backlinks are links on our site are posted on other sites. Backlink there is one way links and two way link . 
What is meant by One way link is a link to our site posted by another site, but we did not put the link on our site, while two way link is my link on your site and you also link my site or what is often referred to as link exchange.purpose of seeking backlinks is to improve pagerank blog. On how to find backlinks and pagerank understanding.

After learning how to build backlinks. Sure you wanna know how to check backlinks and how many number of backlinks that you have successfully collected. Ok to check it out you can use the tool backlink watch the address at http://www.backlinkwatch.com How to use it very easily. 

After visiting the site. Enter the web address you want to check and click the Check backlinks . For example I put hermanblog.com and here are the results. Specification: 354 is the number of backlinks obtained figures that I circled on the OBL is the number of external links from sites that provide backlinks.The larger the value the better the backlink OBLnya you earn. flags for displaying information part follow or nofollow 

If there is information nofollow tag means that the site provides nofollow on our link, which means we do not get backlinks from these sites. To check other sites do the same. Good luck. May be useful





Sitemap for Blogger / Blogspot


Sitemap for Blogger / Blogspot - How about having a page on your blog where all your posts are organized by date? We might call this page or Sitemap Blog Archive and it can be quite useful when a visitor can not find any specific post on your blog using search or even if this visitor want to read everything you've posted.
If you want to see how well a page, take a look at what I created on my blog at this link . If you want a page equal to your blog, follow the tutorial below.


First create a new page on your blog (1) and enter the HTML editing mode (2). Copy the code below, changing the part in red the full address of your blog. Paste the code into the html page (3) and click publish now.

<script style="text/javascript" src="http://100rede.com/mapablogger.js"> </ script>
<Script
sitemap_blogger

See the result file's Blogger Tips in the image below: 

Arquivo ou mapa
Remarks:
I got this tip from the blog Abu Farhan , credits the script were kept, and I just translate the month names into Portuguese.
I do not know how Google bots can interpret this new page on your blog full of internal links, I believe it would not yield any punishment in Google search results, but I can not say such a thing with certainty.
Realize that there is a value in the URL that indicates the number of posts to be displayed, in the example above this value is set to 1000 because I wanted to show all of my blog posts on the map.Change the value as the number of posts on your blog, always put a value well above the number of posts on your blog will ensure that all are shown.

How to put a Facebook button on Blogger


How to put a Facebook button on Blogger - With the popularity of applications like Farmiville and other online games, Facebook got an explosive growth in Brazil. Stay out of Facebook is to miss the opportunity to receive thousands of visitors to your blog or site. I'll start a series of articles teaching how to integrate a blog to Facebook, and the first is how to put a Facebook button on Blogger: 




The advantage of using the "Like" button (or "Like" in English and "Like", in Portuguese of Portugal) is that whenever someone clicks on the button will be a status update on the mural with the Facebook profile link the post in question.
 The friends of this profile also will receive this update. To put this button, like the Twitter button , you do not need Facebook account. 

Integrating Facebook button on Blogger: 
The "Like" button can be inserted anywhere. I recommend that you put on the end of the post, is where the reader will perform the next action after reading it, but this is not a rule. Before making this change, make a full backup of your blog template. 

Among the Blogger dashboard, click design and then edit in HTML. Check the box to expand Widget Templates and search for: 
<data:post.body/>
Copy and paste the below code above: 
<Iframe allowTransparency = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + data: + post.urlframeborder = '0 'scrolling =' no 'style =' border: none; overflow: hidden; width: 450px; height: 40px; '/>
If you want the Facebook button appear at the top of the post, next to the title, put the code just below this line: 
<div class='post-header-line-1'/>
Optimize Facebook button: 
For the button does not appear on the home page, only the posts, please enter the code in green: 
<b:if cond='data:blog.pageType == "item"'>
<Iframe allowTransparency = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + data: + post.urlframeborder = '0 'scrolling =' no 'style =' border: none; overflow: hidden; width: 450px; height: 40px; '/>
</ B: if>
For the photos that appear to users who liked, must change the false to true, and the size of the widget to 40px 80px: 
<Iframe allowTransparency = 'true' expr: src = '"http://www.facebook.com/plugins/like.php?href =" + data: + post.urlframeborder = '0 'scrolling =' no 'style =' border: none; overflow: hidden; width: 450px; height: 80px; '/>
Another thing that can be done is to change "Like" to "Recommend", simply change it   Like (in red in the code above), recommend. 

The source of the letters can be changed, by default comes in Arial, but you can use other sources. 

Save and see if everything was correct. 

Hack "Read more" automatic and images


Hack "Read more" automatic and imagesI was looking for this hack, the request of a client -DB products and services found in and Templates for you , dear blog friend missing and Golden. 
This is a hack that summarizes the posts of the home page (home) and also automatically displays a small image ( thumbnail ) on the left side of the post. 
First of all, I recommend that you install this hack on a test blog, or if you want to install directly on the blog, do before a backup template . 

How to put the hack with images Read More 

Among the Blogger dashboard, click design and then edit in HTML. 
Check the box to expand Widget Templates and search for: 

<div class='post-body entry-content'>
<data:post.body/>

Replace the line <data:post.body/> by:
 

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" data:post.id' style='display:none;'> <data:post.body/> + </ div>
<script type='text/javascript'> createSummaryAndThumb ("summary <data:post.id/>") </ script>
<div style="clear:both" align='right' class='rmlink'> <a expr:href='data:post.url'> Read more »» </ a> </ div>
</ B: if> </ b: if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/> </ b: if>
<b:if cond='data:blog.pageType == "static_page"'> <data:post.body/>
</ B: if>


WARNING:
 For those who use my templates that come with another hack "read more" and / or break the jump from Blogger, the path is another.
 Search for: 

<b:if cond='data:blog.pageType == "item"'>
<style> # fullpost {display: inline;} </ style>
<p> <data:post.body/> </ p>
<b:else/>
<style> # fullpost {display: none;} </ style>
<p> <data:post.body/> </ p>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url "#more"'> <data:post.jumpText/> + </ a>
</ Div>
</ B: if>
<span id='showlink'>
<a expr:href='data:post.url'> Continue reading >> </ a>
</ Span>
<script type='text/javascript'>
checkFull ("post-" + "<data:post.id/>");
</ Script>
</ B: if>
<div style='clear: both;'/> <! - clear for photos floats ->


Replace it by:
 

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" data:post.id' style='display:none;'> <data:post.body/> + </ div>
<script type='text/javascript'> createSummaryAndThumb ("summary <data:post.id/>") </ script>
<div style="clear:both" align='right' class='rmlink'> <a expr:href='data:post.url'> Read more »» </ a> </ div>
</ B: if> </ b: if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/> </ b: if>
<b:if cond='data:blog.pageType == "static_page"'> <data:post.body/>
</ B: if>
<div style='clear: both;'/> <! - clear for photos floats ->

Now go in the CSS template and before the closing]]> </ b: skin> Paste this code:
 

. {Rmlink
font-size: 100%;
float: right;
margin-right: 30px;
margin-top: 10px;
font-weight: bold;}
. Rmlink a {
font-style: normal;
font-weight: bold;
font-variant: small-caps;
font-family: Arial, Sans-Serif;
color: # 24618e; / * Link color * /}
. Rmlink a: visited {color: # 649dc7;} / * Link color after clicked * /
. Rmlink a: hover {color: red;} / * Link color when mousing over * /

Then look for the tag </ head> and paste this code on top of her other:
 





Reference sources 


Hiding the footer of the post on the homepage 

To hide the date and footer of posts on the home page, look for: 

]]> </ B: skin>

Paste the following code after this tag:
 

<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>. post-footer {display: none;} </ style>
</ B: if>
<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'> h2.date-header {display: none;} </ style>
</ B: if>


To better understand the conditional Blogger, go to:
 
This last tip worked on Minimum Template and in my templates, but may not work for others, since the name of the selectors (. H2.date and post-footer-header), can vary from one model to another. 
Displaying only the text 
If you want to show only the text on the home and not the pictures, look for: 

<style type="text/css">
. Thumbnailimg IMG {
max-width: 150px;
width: expression (this.width> 150? 150: true);
max-height: 120px;
height: expression (this.height> 120? 120: true);
}
. {Thumbnailimg
float: left;
padding: 10px 0px 0px 5px;
}

Replace the whole section up by this:
 

<style type="text/css">
. Thumbnailimg IMG {
max-width: 150px;
width: expression (this.width> 150? 150: true);
max-height: 120px;
height: expression (this.height> 120? 120: true);
display: none:
}
. {Thumbnailimg
float: left;
padding: 10px 0px 0px 0px;
}

How to Make Related Articles / Related Post with scroll

How to Make Related Articles / Related Post with scroll How to Create Articles related - Perhaps the term related post or the linked article is not foreign anymore for bloggers. for who do not know it's related article is a collection of articles relating to or associated with the title of the post mate,, well for related articles this time I modified a little by adding a scroll function. By adding the scrolling function on related posts widget so visitors no longer bothered with related articles that are too long down. Moreover, related post widget is placed on the bottom of the post. nahh for my friend who already install related posts widget long without scrolling function , it must be removed first. Confused how to remove it? How did the backward flow (from bottom up) by following the instructions. Examples Related Articles I mean kaya gini nihh:



Related Articles

In the picture there appears to be a scroll that can be hung upside down to see related postings. Okay, go to  How to Create Related Articles / Related Post with a scroll  in the bottom of the post to your blog.

  1. Login to blogger with your id
  2. Click the Draft
  3. On the tab menu, select Edit HTML
  4. Check the small box Expand Widget Templates
  5. Search code <p> <data:post.body/> </ p> atau <data:post.body/>
  6. Place the following code under the code above:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
<small><p>Widget by [ <a href='http://iptek-4u.blogspot.com' target='new'>Iptek-4u</a> ]</p></small>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>




7. If so, now find this code ]]> </ b: skin>

8. Place the following code in the code above:
/ * - Modified by http://blogs-id.blogspot.com-- related posts * /
. rbbox {border: 1px solid # D8D8D8; padding: 5px;
background-color: # E0F8E0;-moz-border-radius : 5px; margin: 5px;}
. rbbox: hover {background-color: # EFFBEF;}


9. Click SAVE TEMPLATE 


10. Done 


There is a script in red Related Posts can be replaced with your favorite text. For color codes too, customize your template design. Now let's see one of your posts. Thus  Related Articles / Related Posts with scroll  will be under the posts. It looks even more beautiful with the box that surrounds this widget. Easy is not it, okay good luck. ^ _ ^







How to Make Related Articles / Related Post with scroll  
How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post How to Make Related Articles / Related Post with scroll  How to Make Related Post

Eliminating paper Blogger Showing Post With Label


When you search for content through the search box or label or category. So usually a small box will appear containing Showing Post With Label as pictured below. If you feel disturbed by the presence of the box and also to relieve loading blog. 

You may use the following ways: 
1. Go to the menu Design -> Edit HTML 
2.Tick ​​the " Expand Widgets Templates " 
3. Find the code below:


showing post with label






<b:includable id='status-message'> 
<b: if 










style = 'clear: both;' /> 
</ b: if> 
</ b: includable>
4. Replace the code above with the code below

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</ div>
<div style='clear: both;'/>
</ b: if>
< / b: includable>
5. If so click Save Template . 6. Completed. Please see the results. Hopefully useful

Changing the Author Name Or Name Author In Blog


Have multiple blogs under one account is common for every blogger. Because it's easy to create a blog and not limited in number. If you make a lot of blogs in one account then all the blog author will have the same name. For those of you who do not know what that author name, Author name is the name of the author of the content or the person who has a blog. Well sometimes there are bloggers who are reluctant to show original identity. If that means my friend had to change his name by another name. Then what can? Sure you can. 

Even very simple. Here's how: 

1.Log in to blogger 
2. On the menu Design -> Edit HTML
 3. Tick ​​the " Expand Widget Templates " 
4. Find the code below



author name







<b:if cond='data:top.showAuthor'> 
<data:top.authorLabel/> <data:post.author/> 
</ b: if>
Replace the words are printed in red with the name you want to use. Examples

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> Admin
</ b: if>
5. If so click Save Template . 6. Completed. Please see the results.

Color Link Or Make Colorful Rainbow Link Blog


Rainbow rainbow links or a link where if the mouse pointer we were directed to the link the link will flash colorful as a rainbow of colors. If you are still confused. Please visit here then point your mouse cursor to one of the links to see the results. Gmn pulled? Well to put this colorful link is very easy. You simply enter the code in the javascript his blog you then the effect will work immediately. 'll be easier. Please follow these steps: 1. As usual, log into blogger. Then on the menu Edit HTML 2.Put the code below the above code <body>







<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>
3. Click Save Template . 4. Completed. Please see the results.

How to Overcome Add Widget HTML / Javascript Untitled


Yesterday when I want to edit one of the widget HTML / Javascript without the title, I am experiencing a problem where when i press the button Save the error message that says I have to give the title of the column title. This also happens when I want to add the widget HTML / javascript new. Whereas before I could do it without a title.Initially I thought maybe this blog template that error then I try it on another blog, but the result is the same. I was trying to figure out this problem by Googling but no one has discussed it. With anxiety I was trying to ask some other bloggers. Apparently they are also experiencing the same thing. Calm had my heart because blogger.com itself that changes the system not because my account is problematic I do not know why blogger.com to do this because I think so little flexibility. What do you think?Btw, as a user I can only accept it: ( So is there any way to get this widget title does not appear? Yup after check and re finally I found one way to titlenya not appear on the blog pages by removing the code of the widget title . similar results exactly with the old look. those of you who want to add the widget HTML / javascript without a caption. following way: 1. Make first widget HTML / Javasript you want to add to your blog title any premises up. 2. If so, go to menu Design -> Edit HTML . You can check the "Expand Widget Templates." To be safe backup of your template after the title search widget that you created earlier example you give the title of " banner ads "then find the word in your template. 3. order more easily, use the Find box to search for it. Press Ctrl + F and enter a key word and then tap Next . 4. If you have found searching the code <h2 class='title'> <data:title/> </ h2> which is located several line below. Consider the figure below ( click to enlarge).

widget error




















widget title

5. Delete the code are then tap Save Template . Finish. If at any time you want to bring back titlenya stay just add code <h2 class='title'> <data:title/> </ h2> in the same place or remove the widget and create a new one. Gampangkan? May be useful. those of you who have a more effective way could share here. thanks