Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

The poll widget for blogger

It’s rare to find a poll widget on a Blogger blog. May I ask why?
The poll widget is very important and has many goals.
The first: you can know the other opinion about something.
Second: motivate your blog and make it live.
Third: If you have good traffic you’ll have many ratings and then it’s a success for your blog!
Fourth: I love polls.. Do you?

Blogger Hack : Related posts

This is another cool blogger hack that will allow you to increase your page views and also to aid your visitors.
This hack consist to show related posts for the following post!

Go to templates edit html and click on expand widget templates and copy the whole code inside a plain text editor like notepad. You might consider backing up your template if something runs wrong.

Now paste the following in the page header :

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Scroll down to the blog1 widget, and find the following:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

and change it to :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Save the code back to your template html and go to page elements and add a new HTML/Javascript widget underneath the main blog posts widget with this code :

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Now go back to Template -> Edit HTML, check the check box to expand the template code, and find the HTML/Javascript widget you just added. It'll look something like the following. Add the lines in bold:

<b:widget id='HTML13' locked='false' title='Related Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


Make a blogger Blog

Blogger, Why choose blogger?
But why choose Wordpress for example and not Blogger?
Wordpress isn't better than blogger and any thing you can do on Wordpress you can do it on blogger, even the Top commentator widget that I was thinking it can be done only on Wordpress, you can do it now on blogger.
Blogger is also customizable but if you are a good PHP programmer so don't miss Wordpress or B2evo, you'll better use them. But if you prefer AJAX and XML then blogger is much better!
I love Blogger and Wordpress each one for various reasons. Wordpress have a PHP look and blogger an XML one!
Lol that's really funny, but to be productive you can use them both, as they are the most famous on the World.
But if you want to create a blog and make earning with it (Adsense for example), so you have to choose blogger or if you decided to go with Wordpress then you have to host it on your own server, So that you can add Google Adsense widgets. However Blogger can integrate Adsense automatically for you (like I'm doing).
If you finally decided to create a Blogger one then you'd better read my tutorial, that will guide you step by step to make your blogger. Make your blogger now.

What's your blog worth

After checking my blog at http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth/ I found that my blog worth is $7,339.02!!!
And your blog worth? Try out and tell me, just post a comment!

Case of Study : My blogger

I decided in this day to make a case of study of the omarabid.blogspot.com and the closed site : barcode maker.

I started with the blogger!
The study time interval will be from the first day of the blog making to yesterday.
So from 1 September 2007 to 18 March 2008.
The case study for me is very important and I take sometimes definitive decision through it!
The first thing : How much posts we have in the blog.
I found 155 posts in the blog.
Now let’s move on.
I get 6,341 visits in the whole and with an overall of 1.18 pages/visit.
So the blog made 7482 page impression.
Now we have two thing to study for this blog : where visitors come from and traffic sources.
Traffic Sources :
Google (Organic) provided 69.92 % of the total traffic. we can say 70%!
The next one is digg with 205 visitors and only 3.32 %.
The a1vbcode.com (as I sent some code snippets) provided the blog with 186 visits.
Then groups.google.com with 158. The Bar code maker site referred 71 visitor (a good part).
Jack book hardly get the 10 position with 43 visits.
Blogtoplist is saved as it succeeded to get the position 9. ooof!
The final decision :
The blog will be completely changed. We’ll concentrate on Google and Digg.
The 155 will be almost deleted and only traffic attractor posts will survive.
The JackBook give new experience. A wide search of 15 sites like Jackbook will take place in the next days.
Think 15 * 43 will give 654 visitor (more than digg do!).
91.83 % of visitors are new, this need a case study!!! Visitors don’t return.

The statics given by Google Analytics

The commenting strategy

This strategy won’t double your visitors or make new ones, but will make them loyal and return (every week) to your site. Sure if you have the needed traffic.
What this strategy consist of?
2 widgets :

  • Last comments : Show last 10 comments and the posts where those comments where posted.
  • 5 top commentator : Show the 5 top commentator for the current week.

How this startegy will boost your traffic?

  • Visitors (interested in getting traffic from your site with their comment) will return every week to get the 5 first positions. You’ll have loyal visitors.
  • Reader will comment as much as they can increasing your page impression and then your earnings.
  • Your blog won’t be a book only for reader, but we’ll make also their interest!

You don’t have the needed traffic, support this strategy

  • Comment your self your posts
  • Make hundred of comments to tell people that you are making hundred of visitors

Where to find those sites?
I already found a fantastic one : Jackbook. I have dominated the 2 top positions.
adiestudio.com uses the same strategy but seems not having the necessary traffic.
Your site uses this strategy or you found a good site that uses it. Tell me about with a simple comment!

Me also I use this strategy so try to comment as much as you can!


Top commentators widget for blogger

I liked (in the past) Wordpress, especially for this widget.
But I searched and I found that it's also possible in Blogger!
Just create a HTML/Script element and put this code on it

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ol>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ol>");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2FBLOGNAME.blogspot.com&num=10" type="text/javascript"></script>

(merge the last two lines and replace BLOGNAME with your blog's subdomain name)

Have nice time

Blogger Hack : Add the read more for your posts

With this trick, you can choose to display an arbitrary amount of text from
the beginning of each post, as a teaser for the whole thing. Then users who want
to read the rest of the post can click a link to see the full text. This is
handy if you have lots of long articles all on one page. Note that you'll need
to have post pages enabled in order to make this feature work.


There are three ingredients that go into this feature: conditional CSS, a "read
more" link for each post, and a modification for the posts that use this feature.
So let's go through it step by step.


Conditional CSS


We're going to use conditional tags to change how posts display on different
pages. Add the following code to your style sheet, depending on what kind of
template you have:


(for classic templates)


<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>

(for layouts)


<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>

Your style sheet is usually near the top of your template, between the
<style>
and </style> tags. If you have your style sheet in a
separate file, you'll still need to add these lines in your template, so the
conditional tags will work. Just make sure you add in the <style>
tags around them.


What we did here was to define a class called "fullpost" that will appear
only on post pages (permalinks). Part of each post will use this class, as we'll
see later.


"Read More" Links


Add the following code to your template, somewhere after the <$BlogItemBody$>
or <data:post.body/> tag:


(for classic templates)


<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

(for layouts)


<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more!</a>
</b:if>

This link will only appear on the main page and archive pages, and it will
redirect your reader to the post page containing the full text of your post. You
can replace the "Read more!" text with whatever you like, of course.


Post Modifications


The final piece that we need is a little bit of code in your actual post.
Each post that you want to use this feature on will need this code:


<span class="fullpost"></span>


This part can actually go in the
post template, if
you don't want to have to type it for each post. You'll enter the summary text
outside the span tags and the remainder inside, like so:


Here is the beginning of my post. <span class="fullpost">And here is
the rest of it.</span>