Belajar Desain Blog dengan Readmore Otomatis

Sunday, August 8, 2010

read_more_blogspot
For Blogspot users, the beautifull view of blogs is a key condition so that their blog has high traffic. One trick that makes our blog are comfortable and beautiful to looked is to use the facility "readmore", readmore can makes the view of our blog articles are simple, minimalist, beautiful and did not look too long or chaotic anymore.

On occasion this time I will explain about how to set automatic  blogger read more on your blog, the steps I will explain below

1. Login to blogger, select the "Design" -> "Edit HTML" -> check "Expand Widget Templates"
2. Search code "</head>", read on how to find the code in the template blogspot
3. Place the script below just above the code no.2


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;

</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>




4. Once completed, look for more code "<data:post.body/>"
5. If you've found, replace the code with the script below



<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

6. Click "Save Template"
7. Completed

Please see the changes on the home page of your blog
»»  read more Read more...

Belajar-Mendaftarkan Blog ke Search Engine

Who would not want their blogs indexed by search engines, of course every website or blog owner wanted it, right?

In the Internet world, search engines are important composition, therefore if we have a website or blog then it would be nice if we register our blog into the search engines.

Among the many search engines, there are several search engines that are considered most master and has many enthusiasts. One of them is the google search engine, google like a king for other search engines. At this post, according to the title, I will explain about ways to register a website or blog to the three search engines, ie: google, yahoo, and MSN.


Google

---> Go to site http://www.google.com/addurl/

      -- Fill Column URL with the name of your website or blog
      -- Fill the column comments with your keywords
      -- Type the squiggly letters shown here into the box
      -- Submit URL

Yahoo

---> Go to site https://siteexplorer.search.yahoo.com/submit

     -- Choose "Submit a Website or Webpage"
     -- Fill the box with your web/blog name
     -- Submit URL

MSN

---> Go to site http://www.bing.com/webmaster/SubmitSitePage.aspx

     -- Fill the letter of Characters into the box
     -- Then fill the under box with your web/blog URL
     -- Click Submit URL  

Just added, the site below, can be used to optimize your website / blog

There are :
  • http://freewebsubmission.com/
  • http://pingoat.com/
»»  read more Read more...

Belajar Mengecek / Mengetahui Pagerank

Anda gak tau Pagerank??

Baiklah baiklah, akan saya jelaskan ( hhaha nubi sombong )..

Pagerank itu indikator yang menunjukkan seberapa tinggi ranking blog atau website kita di search engine, website ataupun blog yang sudah memiliki traffic tinggi biasanya memiliki pagerank yang tinggi juga di search engine. Alangkah baiknya jika Pagerank website atau blog anda berkisar diantara posisi 1 s/d 10, artinya web/blog anda berpotensi nongol atau mejeng di halaman pertama search engine, wahh impian semua blogger saya kira (termasuk saya, hehee). 

Untuk mendapatkan pagerank yahut, memang gampang gampang susah, tapi saya tidak akan membahasnya disini sekarang, karena kan judulnya "Belajar untuk mengetahui Pagerank", jadi ya ga bakalan nyerempet2 ke yang lain, hhehe.


Oke sesuai janji saya, di bawah ini sudah saya sediakan kotak yang berfungsi untuk mengecek atau mendeteksi pagerank sebuah web/blog, silakan masukan URL blog anda atau blog lain yang ingin anda deteksi :




Check Page Rank of your Web site pages instantly:




This page rank checking tool is powered by Page Rank Checker service

Box di atas adalah box layanan dari www.prchecker.info yang dapat anda tampilkan di web / blog anda jika anda mau, caranya copas saja script di bawah ini ke tempat yang kamu mau, boleh di posting ataupun di widget web/blog anda, monggo :

Berhubung blog ini gak bisa di blok ( sengaja, hehe ), maka download saja langsung resepnya di script belajar deteksi pagerank.
»»  read more Read more...

  © Blogger template The Beach by Ourblogtemplates.com 2009

Back to TOP