Riset Tentang PageRank
doni septu 03/11/2012 2

Pagerank adalah peringkat yang diberikan kepada situs atau blog. Peringkat ini berkisar antara 0 - 10. Semakin besar nilianya maka semakin baik. Jadi Peringkat pertama itu justru sangat rendah kualitas nya. Untuk mengecek google pagerank kunjungi situs www.prchecker.info.

sumber : wikipedia


Google Pagerank lebih mengedepan kan kualitas blog setelah itu quantitas. Berbeda dengan pemeringkat situs lainnya seperi alexa yang mengukur peringkat situs dari jumlah kunjungan harian. Hal ini dapat di buktikan dengan melihat peringkat alexa ranknya kecil (menandakan trafik tinggi) tapi Pageranknya masih 1. Saya pernah membandingkan blog A dengan peringakat alexa  300ribuan dengan blog B dengan peringkat alexa 5jutan namun yang mengejutkan ternyata pageranknya sama yaitu 1.

Hal ini justru tidak sesuai bukan? lalu saya menelusuri kenapa hal tersebut bisa terjadi. Hasilnya Blog A memilki artikel-artikel yang serupa dengan blog yang lain. Saya tidak tau pasti berapa jumlah artikel yang serupa namun saya berkesimpulan pasti jumlahnya sangat banyak. Hal merupakan salah satu penyebab Pagerank nya begitu rendah tidak berkorelasi dengan jumlah pengunjung hariannya yang mencapai ribuan.Jadi kesimpulan pertama adalah artikel-artikel serupa menjadi penyebab rendahnya pagerank semakin banyak artikel serupa maka page rank semakin berat untuk naik.

Pagerank akan menunjukkan progres lebih cepat jika artikel tersebut original diiringi dengan meningkatanya jumlah pengunjung. Dan yang tidak kalah penting adalah backlink dari situs dengan pagerank yang tinggi sangat membantu meningkatkan pagerank

Temuan ini masih akan terus di kembangkan apa saja hal lain yang menyebabkan pagerank tidak naik-naik.

Bersambung.

Verifikasi Technorati : 7BZFD4M3R4X8
doni septu 29/10/2012 0

Menarik juga membaca postingan teman blogger gaptek32 tentang Technorati. Kemudian coba-coba meng clime blog di Technorati. Setelah melalui proses pendaftaran dan akhirnya mendapatkan emile balasan dari Technorati  isi nya

This is an automatically-generated email.
Thank you for submitting your blog claim on Technorati. Technorati will need to verify that you are an author of the site http://www.abangbloger.blogspot.com by looking for a unique code. We have just assigned the claim token 7BZFD4M3R4X8 to this claim. Please visit http://technorati.com/account/ for more details, including how to use the claim token.
Thank you.

Mengikuti petujuk Technorati  akhirnya saya buatlah postingan ini. karena untuk dapat di verifikasi harus ada postingan yang berisi kode token dari Technorati. Seperti halnya yang di sarankan oleh blogger gaptek32 yang menulis

" untuk mendapatkan kode claim technorati yang harus sobat lakukan adalah mendaftarkan situs web/blog sobat ke direktory technorati ini. setelah situs web/blog telah didaftarkan juga mengisi isi claim blog ke technorati, bukalah email (GMAIL atau YMAIL yang sobat gunakan) sobat. seperti pada postingan ini yang telah mendapatkan kode klaim 7BZFD4M3R4X8 oleh technorati melalui Email,. Nah yang harus sobat lakukan adalah membuat postingan/artikel seperti gaptek lakukan pada postingan ini dengan tujuan memverifikasikan blog ini ke technorati"

Sumber gambar :universal.hermantan.com

Script Membuat Komentar Bertingkat
doni septu 22/10/2012 1

Script Membuat Komentar Bertingkat berikut cukup simpel diterapkan. Namun perlu ketelitian dalam mengaplikasikannya pada template blog. Komentar bertingkat membuat tampilan komentar menjadi lebih menarik dan jelas, sehingga orang dapat membedakan antara komentar dan balasan. ada banyak cara yang dapat di gunakan namun cara ini sudah saya gunakan dan berhasil seperti pada kolom komentar di blog ini.

Berikut script nya:

<!--komen replay-->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
<!--komen replay-->

Kode ini dapat diterapkan langsung pada template blog anda
Caranya :

1. Masuk ke template HTML blog

2. Centang : Expand Template Widget

3. Letakkan script di atas dibawah kode berikut

<b:include data='post' name='comments'/>
      </b:if>

Selamat berkreasi......

Widget Recent Posts Scrolling Untuk Blogger
doni septu 20/07/2012 0


Gadget recent posts Scrolling adalah widget terbaik untuk menampilkan recent post dari sabuah blog dengan efek jQuery scroll, yang dapat menarik perhatian pengunjung blog. Pada widget ini berisi judul, gambar thumbnail, snipet, tanggal, dan komentar. Semua fitur di atas dapat di ubah sesui dengan keinginan dan tampilan blog.


Bagaimana membuat widget scroll

Langkah 1 :-
Widget ini bekerja dengan jQuery spy effect jadi jika anda sudah punya atau sudah menempatkan jQuery pada template abaikan langkah ini. Namun jika tidak ikuti langkah berikut.

1. Login ke Blogger Dashboard > Template
2. Pilih  Edit HTML
3. Proceed
4. Cari kode di bawah ini pada template

</head>


Tambahkan code di bawah ini di atsanya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>


Langkah 2 :-

1. Pada Dashboard > Pilih Layout
2. Tambahkan gadget
3. Pilih HTML/JavaScript
4. Paste kode di bawah ini
<style type="text/css" media="screen">
<!--

/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */

#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}

#helperblogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjzK6wIC1Su4jK6oyr-r0nApwi_nIbTmkxZq0DLqLA0vZV7u9fdDDAqp6QHZVSYlec_YGi7rpB31HkIFj8F6zDFgquAJUfWjesDZjC9APeS2UeFBGr8EydvIqzZX5S3jzyaO5cZgGFPRQ/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}

#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}

#helperblogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}

#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
}

.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
}

/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */

-->
</style>

<script language='JavaScript'> 
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeSMGse8_9NdARil_ZYz7xax8heK5ZvVryAJfNmR8KlLjsZsbe6iRmzCMxLFuSsXkJOl2oJO1u7gvxeGt9vmmiJvqR1mp05f0caOmbllH93kYhoot1izgwnXDu5DgCz09PIjVCPZbPLh8/s1600/no-thumbnail.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeSMGse8_9NdARil_ZYz7xax8heK5ZvVryAJfNmR8KlLjsZsbe6iRmzCMxLFuSsXkJOl2oJO1u7gvxeGt9vmmiJvqR1mp05f0caOmbllH93kYhoot1izgwnXDu5DgCz09PIjVCPZbPLh8/s1600/no-thumbnail.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeSMGse8_9NdARil_ZYz7xax8heK5ZvVryAJfNmR8KlLjsZsbe6iRmzCMxLFuSsXkJOl2oJO1u7gvxeGt9vmmiJvqR1mp05f0caOmbllH93kYhoot1izgwnXDu5DgCz09PIjVCPZbPLh8/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeSMGse8_9NdARil_ZYz7xax8heK5ZvVryAJfNmR8KlLjsZsbe6iRmzCMxLFuSsXkJOl2oJO1u7gvxeGt9vmmiJvqR1mp05f0caOmbllH93kYhoot1izgwnXDu5DgCz09PIjVCPZbPLh8/s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeSMGse8_9NdARil_ZYz7xax8heK5ZvVryAJfNmR8KlLjsZsbe6iRmzCMxLFuSsXkJOl2oJO1u7gvxeGt9vmmiJvqR1mp05f0caOmbllH93kYhoot1izgwnXDu5DgCz09PIjVCPZbPLh8/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.abangbloger.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="helperblogger-widget">
<script src='http://abangbloger.googlecode.com/files/recentpostscroll.js' type='text/javascript'></script>
</div>


Costumize
  • Ganti http://www.abangbloger.blogspot.com/ dengan URL blog anda.
  • numposts berarti jumlah posts yang di tampilkan
  • numposts = 10; Total post yang di scroll
  • limitspy=4; Jumlah post yang muncul pada widget
  • intervalspy=4000; kecepatan scroll semakin kecil semakin cepat

Fitur Baru Google Costom Permalinks (Tautan permanen)
doni septu 19/07/2012 4

Ketika kita menulis atau posting di blog. Blog secara otomatis blog menentukan link untuk tulisan blog kita. Permalink atau tautan-permanen adalah sebuah URL atau tautan menuju laman posting yang biasanya menggunakan judul dari blog. Dengan menggunakan fitur Tautan-Permanen (permalink) kita dapat membuat nama sendiri untuk link tersebut.

Dengan fitur permalink(tautan permanen) ini kita dapat mengontrol link pada tulisan di blog. Fiitur ini akan memberikan informasi yang lebih akuran pada search engine.


Bagaimana membuat Custum permalink

atau



Untuk membuat ULR sendiri cukup dengan mengganti CustomURL dengan format:

www.nameofblog.blogspot.com/2012/06/customURL.html

CustomURL ini dapat diganti dengan apa saja, Namun dibatasi pada penggunaan karakter standar a-z, A-Z, 0-1 dan beberapa karekter khusus sperti strip garis bawah dsb.


Keuntungan menggunakan CustomURL

Dengan menggunkan customURL akan membuat URL atau Link lebih akurat. Karena google secara otomatis membuat URL dari judul blog, jika judul tersebut terlalu panjang maka pada link atau URL post judul blog akan terpotong dan ini akan mempengaruhi informasi pencarian google.

Contohnya :

Judul Blog ini Adalah "Google perkenalkan Fitur baru Costom Permalinks (Tautan permanen) "URL otomatis menjadi "http://abangbloger.blogspot.com/2012/07/fitur-baru-google-costom-permalinks.html" namun pada link posting "http://abangbloger.blogspot.com/2012/07/Manfaat-Permalink-atau-Tautan-Pernamen.html"

Menampilkan Posting Berdasarkan Label Pada Blog
doni septu 18/07/2012 0


Untuk memaksimalkan tampilan pada blog diperlukan beberapa pengaturan agar tampilannya lebih menarik. Salah satunya dengan menampilkan posting berdasarkan label. Metode ini memudahkan blogger memilih dan menentukan label mana saja yang ingin di tampilkan. Dengan cara ini tampilan posting akan lebih maksimal dan kelebihan cara ini dalah tidak perlu pengaturan pada template cukup dengan menambahkan Gadget HTML/JavaScript.

Bagaimana menampilkan posting berdasarkan label?

1. Login ke blogger
2. Pada layout tambahkan Gadget pilih HTML/JavaScript
3. Copy Paste Code Dibawah ini
4. Kemudian terakhir pengaturan lihat pada Costumize di akhir postingan
<style>
/*** Recent Labels Gadget Css ***/
img.label_thumb{
float:left;
padding:3px;
border:1px solid #8f8f8f;
background:#fff;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height:0px;
background:;
margin: 0px 10px 2px 0px;
padding: 5px;
}
ul.label_with_thumbs li {
padding:5px 0;
min-height:0px;
margin-bottom:5px;
list-style:none;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU2_0It0PFGX8-jiqo9FVeHtlxGs3jEOG7rDhC5aBMz-kY1RKoOetrdTk9-bepVLen-3C3WE8DN-l-5D2QmxHmdkwMcDScoTvFDtiRBUsv_4BwYrMQIZG0mdO7-f8k13tR29eR9vG7FPHd/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
<script type='text/javascript'>var numposts = 2;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 130;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Viva?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Costumize Standard

  1. Warna Biru ganti dengan nama Label
  2. Warna merah ukuran gambar
  3. Costumize lainnya bisa anda eksplore lagi

Membuat Related Post yang Cantik
doni septu 15/07/2012 1


Related post adalah artikel terkait yang berhubungan dengan tulisan atau posting yang sedang dibaca. Related post sangat membantu dalam meningkatkan page view pada blog. Kalo kita mencari di google dengan kata kuncul misalnya " membuat related post pada blog" maka akan muncul puluhan bahkan lebih artikel yang memberika cara membuat related post . Namun yang perlu diperhatikan adalah selain artikel tersebut menarik  juga penempatan related post dan desain related post itu sendiri sehingga orang lain tertarik untuk membacaya.


Bagaimana membuat related post yang menarik

  1. Login ke Blog Dashboard.  > Layout > Edit HTML
  2. Jangan lupa Back up template anda untuk berjaga-jaga 
  3. Langan lupa centang "Expand Widget Templates"
  4. Cari tag </head>
  5. Tambahkan code di bawah ini sebelum tag </head>


<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrEYFvWrCrHqtrqVXam4XNMdl67zYReSmxlliT7mqO3X6jxo_sTqLRoRyHfWzm8-0uYv0HJoNG4NKcvRexFMj_mK-vlP5-VGYOMk2orPh9mMvWhh1ZVFYTqPwjhDHIcMVu62Qb6q-xh5o/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yourjavascript.com/10121340032/btsnts_related_posts.js' type='text/javascript'/>

6. Cari  kode <data:post.body/> dalam template ( tips : tekan CTRL + F lalu paste
<div class='post-body>  untuk memudahkan pencarian) 
7. Tamabhakan code di bawah ini dibawah  <div class='post-body>

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot;   data:label.name   &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

8. Save template
Costumized

Untuk mengatur jumlah post yang muncul pada related post ubah nilai pada  max-results=5 nilai 5 bisa di ganti sesuai keinginan.


Terimakasih atas kunjungan anda