Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts
| 3 comments ]

LK Magazine V2, by Lasantha Bandara, is a free premium blogger template, SEO friendly, with meta description, and meta keyword setting, and ads ready.


Template name : LK Magazine version 2

Template type : 3 Sidebar, 4 Column, 3 Column footer, Elegant, Fixed width, Featured Section, Header Banner, Left Sidebar, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Video, White, Web 2.0

Release date : 05-22-2010

Coder/Designer Name(s) : Lasantha Bandara

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://www.bloggertipandtrick.net/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2010/05/lk-magazine-v2-premium-blogger-template.html
Key Features are:
  • Column: 4 Columns/3 Sidebars/Right Sidebars/Left Sidebar
  • Fixed Width Template (1000px width)
  • 2 Horizontal Navigation Menus
  • Auto Read More Feature with Thumbnails.
  • 468*60 Header Ads banner
  • 468*60 Header Logo with the PSD file and Fonts.
  • 1 CSS Search Box
  • 3 Column Footer section
  • Social Bookmarking Buttons/Badges installed
  • SEO friendly blogger title hack installed to help you rank higher in Google
  • Blogger Default Heading Tag has Changed for better SEO
  • Meta tags installed
  • Top Bar with Feed buttons and Display Day,Month,Year
  • Hosted images on blogger. Free use forever!
  • Favicon support so you can add your own url icon
  • Compressed CSS to speed up your page load times
  • Embedded JavaScript date code showing current day
  • Built-in Related Posts Widget to show Related posts
  • Numbered Page Navigation Hack Installed
  • Breadcrumbs Navigation Hack Installed
  • Replace "Older Posts","Home","Newer Posts" Text Navigation with Images
  • Automatically highlight author comments
  • Modified Comments Section to Enable Avatars in Blogger Comments
  • Many more ......
Demo
Download

| 0 comments ]

Fearlessflyer has launched a free premium magazine style with slideshow feature wordpress theme. It haves magazine style theme, comes with updated twitter badged, two coloumn, and feature that you should love it, slideshow feature. Thanks to Fearlessflyer that launch this great theme with free. Read complete feature, and download this theme on Fearlessflyer.

| 13 comments ]

Backlink are incoming links to a web site or page. The number of backlinks is one indication of the popularity or importance of that website or page. Quoted from Wikipedia, Google's description of their PageRank system, for instance, notes that Google interprets a link from page A to page B as a vote, by page A, for page B. This factor rise many SEO company that offer paid backlinks. If you have lot of money, this can be instant way to increase your blog pagerank. But if you have no money, and patient enough, you can try others ways that need no money.

There are many ways to create backlinks using paid free services.
1. Submit To Blog Directories
Submit blog to directories with high PR can be a way to create quality backlinks. Some of them are paid, some are free. Free version usually need reciprocal link. You can submit to this list of directories with PR.

2. Comment or ask to dofollow blog or forum
Comment to dofollow blog can be used to create backlinks.

3. Submit to articles directories
Submit to articles directories can be a way to spread your blog to the world. You can submit your articles with some references to your blog.

4. Share to social network, and social sharing.
Share your blog to social sharing also can be used to create backlinks. Identi.ca is dofollow microblogging with PR 8. Just write something with your blog on it, then you get quality backlink.

| 5 comments ]

Many ways lead to Rome, many ways lead to backlinks. There are many ways to get backlinks. Backlinks is a way to increase blog pagerank. To get backlinks, you can submit site to directories, exchange links with your friends, or pay backlinks from SEO company. There is a more cheap, even free, to get backlinks.
Comment is a way to get backlinks. Not just a comment. You give a comment to a blog that has dofollow setting, and write your blog URL. Comment to dofollow blog with high PR can help increase your PR.

| 0 comments ]

Beside good content, SEO friendly blog, submit to directories with high PR can be a good way to increase pagerank.
Some directories are paid, some of them are free. Free directories usually are reciprocal, mean that you must link back to them. You can submit your blog through this list of directories with PR.

| 12 comments ]

Part of blogging is not just write on your blog. Of course you don't want only you read your blog. You want people read your blog, post comment, or click to your Adsense.
Besides write good content, you need do others thing to make your blog read by others.

1. Write good content
This could be most essential thing for a blog. Write a good content, unique, and authentic. If you can't find unique, and authentic thing, write good content for a common topic, but use your opinion, not just copy, and paste form other source.

2. SEO friendly blog
Not only good content, SEO friendly blog is essential to make your blog found by search engine. You can make your blog SEO friendly, or if you use blogger, you can use SEO friendly premium blogger template.

3. Share your blog to create backlink
Quoted from Wikipedia, Google's description of their PageRank system, for instance, notes that Google interprets a link from page A to page B as a vote, by page A, for page B. Many SEO company sell backlinks with some dollars. This is an instant way, but you must pay it. There are others ways that no need money. Use social networking, or social sharing to share your blog. Another way is to submit into blog directory. One simple way is to comment on dofollow blog with good ranking.

| 14 comments ]

No doubt that Adsense is the most ads network used by world's blogger. Using adsense blogger templates, making money with blogger can be more simple.
Combine with premium blogger templates, adsense ready templates can be a wonderful templates. I found some premium blogger templates with adsense ready widget and banner. Some of theme are Arthemia, and Bloggermint. These two templates have adsense banner ready at top of blog, and adsense widget ready.
To make these templates SEO friendly, I also add function to add meta description on each of post, change title tags using post title, and also remove blog name from post title tags. Every post title also use H1 tags. These templates are also added with related posts on every below post content, to increase pageviews of your blog. Follow my other post, SEO Friendly Premium Blogger Templates to see appearance of these templates, and download the templates.

| 23 comments ]

Blogging is started by choosing a template. Many free templates from internet, from simple to premium templates. Premium templates generally have nice looks, and more choices. Not only have nice looks, a good template also need to have SEO friendly.
SEO friendly comes from title tags, meta description, and post title. These premium templates have two column, tab menu, nice looks, adsense, and banner ready. To have more SEO friendly functionality, I added title tags using posting, meta tags on each posting using post title. To make it more relevant with search engine, and have more SEO friendly, I also change post title to use H1. Also I added related posts function placed below post content so your reader can be directed to others post on your blog.
Related posts can help your have more pageviews, especially if it's placed below post content, so at the end of the post, if readers see others post related with already read post, it gives probability to read.
You need to modify home page meta description and meta keyword setting to match with your blog. Just go to Design ---> Edit HTML, find code like this,

<meta content='Get SEO friendly premium blogger templates, blogging tips to improve SEO, and adsense revenue.' name='description'/>
<meta content='seo friendly premium blogger templates, premium blogger templates, adsense ready blogger template, adsense in blogger template, premium blogger template, improve seo, adsense revenue, infolinks optimization, wordpress theme' name='keywords'/>
Change with your own blog meta description and keyword. You no need to change meta description setting for every blogger post, because it's automatically inserted using post title.

1. Arthemia Template from ThemeLib


Arthemia template by Michael Jubel comes from wordpress theme. This 2 column template has nice looks, adsense ready, and banner ready at header. Sidebar has sub sidebar with 2 sub column to add advertisement banner. Header has tab menu can be filled with labels, or pages with easy, and search form. Download this modified Arthemia premium blogger template for free.

2. Bloggermint
Two column, two sub column on sidebar, banner at header, social sharing, and social connection ready.
Download Bloggermint template with SEO friendly function, and related post for free.

| 20 comments ]

SEO can be started by choosing a SEO friendly template.  Basic blogger templates are usually have no SEO friendly.  Beside Wordpress, Blogger is a free blog platform that majority used by world blogger. It has simple template, and easy to modify. Basically, to make it more SEO friendly, a blogger template must have title tags that match with title post, meta description that describe post content, and H1 for title to make it more relevant with search engine.  Most of basic blogger template have no SEO friendly setting, and need to modify it to have SEO friendly.

SEO friendly setting need to be modify in blogger template are:
1. Title tags
Some of blogger template have title tags like this:

Blog Title - Post Title
This setting makes post title less significant than blog title, so the title tags can be irrelevant with post content in the view of search engine. Blogger template need to be modified to change title tags using post title.

2. Add meta description tags
By default, basic blogger template setting have no meta tags setting. We need to modify template so it have meta tags for main homepage, and add different meta tags automatically for every post. Different meta tags for every post can be generated from post title. Meta description give a description about the content of your blog. Most of search engine use meta description to find relevant content.

3. Post tag
Use H1 for post title to make your posting more relevant with search engine, and SEO friendly.

| 7 comments ]

This is modified Arthemia Premium Blogger Template from ThemeLib with function for adding meta description on homepage, and every post, and show related posts below post content.
In order related posts function to run, you must create label for every post. Related post function will search label for every post, then will show post that have same label below post content.
I added some modification to make this template more SEO friendly.

1. Title tags
Title tags use post title so it's more relevant with the content.

2. Meta description
Meta description describe post content. Most of search engine use meta description to find relevant content. This help your blog better rank in search engine result.

3. Post Tag
Use H1 in post title it have more relevant with search engine, and SEO friendly.




Download modified Arthemia template.

| 4 comments ]

Floating top bar ads is an ads in the box that will be always on the top of your blog post until it is closed.  For implementation with adsense, I suppose you toread Google policy about Adsense implementation policy.
1. Login to Blogger.  Got to your blog --> Design --> Edit HTML.
2. Place the script below at position after <head> dan before </head>.  Don't forget to escape this html code so it can be implemented in blogger.

&lt;style type=&quot;text/css&quot;&gt;
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 338px;
visibility: hidden;
z-index: 100;
}
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
/***********************************************
* Floating Top Bar script- &#65533; Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 320 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos=&quot;fromtop&quot; //enter &quot;fromtop&quot; or &quot;frombottom&quot;
function iecompattest(){
return (document.compatMode &amp;&amp; document.compatMode!=&quot;BackCompat&quot;)? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + &quot;=&quot;
var returnvalue = &quot;&quot;;
if (document.cookie.length &gt; 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(&quot;;&quot;, offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie=&quot;remainclosed=1&quot;
document.getElementById(&quot;topbar&quot;).style.visibility=&quot;hidden&quot;
}
function staticbar(){
barheight=document.getElementById(&quot;topbar&quot;).offsetHeight
var ns = (navigator.appName.indexOf(&quot;Netscape&quot;) != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose &amp;&amp; get_cookie(&quot;remainclosed&quot;)==&quot;&quot;)
el.style.visibility=&quot;visible&quot;
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+&quot;px&quot;;this.style.top=y+&quot;px&quot;;};
el.x = startX;
if (verticalpos==&quot;fromtop&quot;)
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos==&quot;fromtop&quot;){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout(&quot;stayTopLeft()&quot;, 10);
}
ftlObj = ml(&quot;topbar&quot;);
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener(&quot;load&quot;, staticbar, false)
else if (window.attachEvent)
window.attachEvent(&quot;onload&quot;, staticbar)
else if (document.getElementById)
window.onload=staticbar
&lt;/script&gt;
3. Save Template
4. Click Layout
5. Click Add Gadget
6. Choose HTML/JavaScript
7. Place script below
<div id="topbar">
<a href="" onClick="closebar(); return false"><img src=" http://i729.photobucket.com/albums/ww298/trimulyawan/close.gif " border="0" /></a>
---- Paste your adsense here ----
</div>
8. Save

Source: http://www.dynamicdrive.com/

| 1 comments ]

I just tried to change my another blogger blog to dofollow.  As internet today spirit is learn and share, let me see the effect of this change.
To change your blogger blog to dofollow, go Design ---> Edit HTML.  Tick Expand Widget Templates.  Find code below,

'data:comment.authorUrl' rel='nofollow'
just delete  rel='nofollow' so the final code will be like this,
'data:comment.authorUrl'
If the result is positive, I will apply this setting to all my blogs.  Just try to comment in my blog, www.dailyconfig.com, and you will get automatic backlink.

| 0 comments ]

Sometime you want to redirect url from older blog using blogger to a new domain hosted on other hosting provider.
To create redirect page in blogger, go to Design ---> Edit HTML. Find code like this,

<b:skin><![CDATA[/*
Place this code below before that code.
<b:if cond='data:blog.url == "OLDER-BLOGGER-POST-URL"'>
<meta http-equiv="refresh" content="0; url=NEW-REDIRECT-URL" />
</b:if>
Change OLDER-BLOGGER-POST-URL with complete blogger post url, change NEW-REDIRECT-URL with your new blog post url. You can change 0 with any number to change refresh time in second.

Example your older url is http://www.ipnetconfig.com/2010/04/installing-junos-olive-in-vmware.html and new url is http://www.dailyconfig.com/2010/04/installing-junos-olive-in-vmware.html, the you write code in your blogger template like this,

<b:if cond='data:blog.url == "http://www.ipnetconfig.com/2010/04/installing-junos-olive-in-vmware.html"'>
<meta http-equiv="refresh" content="0; url=http://www.dailyconfig.com/2010/04/installing-junos-olive-in-vmware.html" />
</b:if>

| 1 comments ]

Related post is good for a blog to direct reader to others post of your blog.  It give chance to your blog to increase page view.  The best place for related post is below post content, so if reader see related post, there is a possibility to click the posts. This post will describe how to create related post for Blogger blog.
To create related post for Blogger,
1. Login to your blogger blog
2. Go to Design --> Edit HTML.  Tick Expand Widget Templates
3. Find code below, and add code in point 4 before this code,

<div class='post-tags'>

or code below for old templates, and add code in point 4 after this code,
<data:post.body>
4. Blogger related post code,
<b:if cond='data:blog.pageType == "item"'>
<div class='samelabel'>

<div class='widget-content'>
<h3>Related Posts</h3>
<div id='BloggerRelatedPost'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
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;BloggerRelatedPost&#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>
</div>
</div>
</b:if>
5. Save template .

| 3 comments ]

Besides others SEO technique that common for every blog, there are some techniques to improve SEO for Blogger Blog.
These techniques are important for Blogger blog due to default setting of Blogger blog. Some techniques are good to be implemented for Blogger blog to improve SEO.
1. Add meta tags for Blogger blog
Meta tags tell search engine description of our blog. Google give a heavy point to meta tags, especially meta description to match relevance of search query and homepage. If you see Google search result, you can see that usually search result consist of title tags and meta description. You can add meta tags, like description and keyword, to your Blogger blog homepage to increase visibility of your Blogger blog by search engine.
2. Change Blogger title tags to post title
Because Blogger blog append Blogger blog title before post title, this is not so good for SEO. You can change title tags to post title to improve SEO.
3. Add different meta tags to each blogger post
As describe in point 1, this technique help your blogger blog to improve SEO. You can use title tags to create meta tags/meta description for every your blogger blog post, so every post has unique meta tags.

| 1 comments ]

After you submit blogger blog to Google Webmaster Tools, then you need to create sitemap for your blogger blog and submit to Google Webmaster Tools to tell Google about pages might not otherwise discover.
In Google Webmasters Tools, simply clicks Site Configuration, then Sitemaps, clicks Subkit a Sitemap.

In the box below Submit a Sitemap, add the following code after your blogger blog URL,
atom.xml?orderby=updated

or

atom.xml?redirect=false&start-index=1&max-results=500
then click Submit Sitemap button.

| 5 comments ]

To submit blogger blog to Google Webmaster Tool is very simple.
Login to your Blogger account, go to Dashboard.  Look at the end of the page under Tools and Resources, click Webmaster Tools.  You will redirect to Google Webmaster Tool page.



Now in Google Webmaster Tools page,


Select your blogger blog you want to add, then Add selected site.  Your blogger blog now has been veryfied and in Google Webmaster Tools.

Adding Sitemap

Inside Google Webmaster Tools, click Site Configuration, then click Sitemaps, the click Submit a Sitemap.



You can use your atom feed as sitemap.  Add your atom feed after your blogger url in the box like in the figure above,
atom.xml?orderby=updated

Then click Submit Sitemap.  Now your blogger sitemap has been successfully submit to Google Webmaster Tools.

| 0 comments ]

First of all, login to your Blogger account, the go to Dashboard, select your blog you want to edit.
Click Design, click Edit HTML, tick Expand Widget Templates.
Find code like this,

<data:post.body/>

Parse your Adsense code with tools in Blogcrowds.



Write code below,

<div style='float: left;'>

--- Your parsed adsense code ---

</div>

If you want adsense just show in Blogger post, then add code below,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>

So the final code will be like this,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: left;'>

--- Your parsed adsense code ---

</div>
</b:if>

Paste before code below,
<data:post.body/>

| 0 comments ]

In some blogger template, the title tags will be like this --> blogger title: blogger post title.
This is not so good for SEO technique. To change the blogger title tags to blogger post, need to change some code in blogger template.
To change tihis, find in blogger template code like this,

<data:blog.pageTitle/>
Change code above with this code,

<span id="fullpost"><b:if cond="'data:blog.pageType">
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pagename/></title>
</b:if></span>
Code above will make blogger main page/homepage title tags using blogger title, and other page, ie blogger post page, using blogger post title.
Save your blogger template.

| 11 comments ]

Different meta tags for each blogger post is good in SEO point of view. It can tell search engine about the post, so it can have more visibility by search engine.
This article will describe how to add different meta tags for each blogger post based on post title.
In Blogger Dashboard, go to Design, then Edit HTML.
Find code below,

<b:include data='blog' name='all-head-content'/>
Add code below after that code,
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<meta expr:content='data:blog.pageTitle' name='description'/>
</b:if>
The code will have result that if the page is not homepage or main page, it will have meta tag description using post title.
If we combine from my previous article about adding meta tags to blogger homepage, and this article, we can add meta tags to homepage/main page hardcoded to template, and different meta tags to each post using post title. The code will be like this,
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'><meta expr:content='data:blog.pageTitle' name='description'/>
</b:if>
Code above will make static meta tags for main page/homepage, and title tags for each post.