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

Tuesday, April 13, 2010

Easy Steps To Create Possibly Related Article in Blogger


1st Step
Open Layout -> Edit HTML.Before editing your template, you may want to save a copy of it. Download The Full Blogger Template
 
2nd Step
Check the Expand Template Widget.
3rd Step
Find this code in template (Edit Template) :
<data:post.body/>


4th Step
Copy-Paste this code after
<data:post.body/>


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>
<h3>Possibly Related Article</h3>
<div id='data2007'/><br/><br/>

<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;

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;data2007&#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>
</span></div>

</b:if>


Done and Save Template.
We also can change "Possibly Related Article"to another word such as Related Article.

Sunday, October 11, 2009

100 Blog Follower

Blog Follower
Cukup lama mendapar 100 Follower..tapi akhirnya dapat juga...
Terima Kasih Bagi Follower..

Saturday, July 25, 2009

Fifth Year Anniversary of Blogging

It is hard to believe that this is my Fifth year anniversary of the AssistiveTek Blog which started back in July 2004. Little did I know that this experiment would survive all of these years, and as I close in on my 500th blog post some time this summer I can say thank-you, to all the readers out there that keep me going. It has been a very exciting trip being able to share information and my ideas about mind mapping, assistive technology, project management and Web 2.0 technologies. Along the way I have met some incredible people who have the same passion for the technologies that I speak about. And while others may speak about social networking in the abstract, I would have to say that because of my blog I have enriched my life by meeting so many wonderful people that I keep in touch with on a weekly basis. So as I reflect on the Fifth Anniversary of the AssistiveTek Blog it has been a great road trip and one that I'm sure will continue for another million miles or so. If you have a chance I would enjoy your comments as I celebrate the 5th Anniversary of this blog.

Thursday, July 16, 2009

List of Do Follow Blog or Website --> Ask Here

Alexa Rank <500.000
You...

Alexa Rank > 500.000
1. Picas PR 2, ALR 530.000


Please Comment to becoming list in table. I also check if your blog Do Follow or No Follow. Please also the feedback. PR and Alexa Rank is Optional but please provide.

Still confuse about this table
Info :
  1. Article 1 (Make our Blog Do Follow)
  2. Article 2 (Check any blog or site Do Follow or not)

Make our Blog in Blogger Become Do Follow



Look at the picture above. There are 3 red elips, mean there are three steps to Make our Blog in Blogger Become Do Follow.

1. Choose Blogger Layout --> Edit HTML, Click Expand Widget Templates.
2. Find text

rel="nofollow"

then delete all of the rel="nofollow" .

note: if you use follower gadget, this rel="nofollow" cannot be delete after we save the template changes.

So, you can only delete about 2 rel="nofollow" in the post and the comment.

3. Save the template, Now your blog support Do Follow. Use Do Follow symbol to show to people visiting your site that you have change the HTML Layout in your site.

Example: image or text only can be used.

How to Check Do Follow or No Follow Blog..?

Many of Blogger's care about Do Follow or No Follow, because Do Follow can give a automatic backlink if some link inserted into a website or Blog from Comment.

Figure 1. Image or Text that shows a blog support Do Follow.


My Blog [Picaswrite]
is support
Do Follow.

How can we check
Do Follow or No Follow..? I will give a brief explanation about the way by few image below.

1. Block any link that give comment in our post and then Right click, choose View Selection Source


Figure 2. Block any link that give comment in our post and then Right click, choose View Selection Source [In Mozilla Firefox]. It will produce new browser window like Figure 3 (a) or (b)

Figure 3 (a)

Figure 3 (b)

3. View the difference in Figure 3 (a) and 3 (b). Blog that support Do Follow do not have tag rel="nofollow".

That's all
the difference of Do Follow or No Follow Blog..? But with Do Follow, A site can give free backlink to site url that comment.



How can we make our blog or site Do Follow..? Click here. The way to do this is very simple.

Monday, June 29, 2009

Addthis Online Bookmarking

Social Bookmarking is Important to Improve our Blog Reader Quantity and Search Engine Optimation


how we can do that..? In this Link you can get the Step by Step.


Thursday, May 21, 2009

Ping-o-Matic, service to ping your blog

Ping-o-Matic is a third party service provide by wordpress.com. Ping-O-Matic is a service to update different search engines that your blog has updated.

Tuesday, April 14, 2009

YM status on you wordpress sidebar

This is a Do-It-Yourself instruction on adding a YM status on you wordpress sidebar.
Steps:

1. Login to your admin area on your wordpress blog.
2. Click Presentation
3. Click Widgets
4. Add a Text Widget
5. Drag the widget to the sidebar area
6. Config The Widget
7. copy and paste this code

<a href="ymsgr:sendIM?YAHOO_ID"> <img src="http://opi.yahoo.com/online?u=YAHOO_ID&m=g&t=2&l=us"/></a>

8. Repace YAHOO_ID on the code with your ID

Example :

<a href="ymsgr:sendIM?picas_line"> <img src="http://opi.yahoo.com/online?u=picas_line&m=g&t=2&l=us"/></a>

9. Click Save changes
10. Your YM Status is now ready!


This also work for YM status in Blogger with HTML / JAVASCRIPT Gadget

Wednesday, April 1, 2009

Write A link In Blogger Post

My friend ask me how to write a link to another site, blog, or posting's link in blogger. Sometime we must know the html tag, but there easy way in blogger..

1. Write a word.

Picas

2. Block this word (i'm using image to show it was blocked)


3. Click the icon here



4. Paste the link there


5. OK and save if you finish.


Below the result

Monday, March 23, 2009

Posting Source Code In Blogger

I Actually new in blogger, so i'm confuse how to post my source code in blogger.
After i search in Google, I found it's quitely simple to Posting Source Code In Blogger.

Here is the way we can do that..


<pre>
<code>


Your Source Code Here....



</pre>
</code>

wanna example click here

Friday, March 20, 2009

Increase our blogger Total Page Visited (TPV)

One of the manner that we can do to Increase Total Page Visited (TPV) in our blogger is one of the blogger.com advice to increase blog loading.


I think we just decrease number of post in index page. The little number of post cause the visitor do more browsing in our blog. The little number of post also affect good blog loading.

But do you know what the advantages of increase Total Page Visited (TPV) in SEO for...? I still don't get it.

Saturday, March 14, 2009

Adding Alexa Widged in Blogger Gatget

Welcome back with me..

Below tutorial Adding Alexa Widged in Blogger Gatget

There are few simple step to do this
1. Click http://www.alexa.com/site/site_stats/signup
2. choose widget

3. copy the generate code in our new HTML/Javascript Gadget
4. Paste in Blogger's HTML or Javascript Gadget
5. Done.. View Blog..

Memunculkan chat box gadget di blogger (ShoutMix)

Tutorial ini tidak bermaksud menggurui para senior blogger..hhe.. namun bagi pemula semoga bermanfaat.

ShoutMix adalah Sebuah tool untuk chat di blogger widget / gadget

Cara untuk memunculkannya salah satunya :
Pada website
ShoutMix
1. Klik SignUp pada website ShoutMix.
2. Isikan form secara lengkap terkait email, dan lain-lain.
3. Pilih tipe chat box, dalam hal ini ada inputnya diatas atau dibawah. lalu getcodes


4. Generate code untuk blog kita.



Pada blogger kita
1. Siapkan layout berupa gadget HTML atau javascript.
2. Isikan Judul misalnya Chat Box
3. Paste generate code dan save.
4. view blog dan
ShoutMix sudah dapat digunakan.

Mudah bukan..?
Selamat mencoba.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Sweet Tomatoes Printable Coupons