Apa itu Alexa Rank?

Apa itu Alexa Rank? - Pada pembahasan ini kita akan mempelajari tentang alexa rank, apa itu alexa rank?. Nah oleh karena itu di posting ini kita akan membahas tuntang tentang pengertian dari alexa rank.

Banyak dulu yang bertanya-tanya kepada saya tentang apa itu alexa rank, yah saya sendiri sebenarnya dulu belum tahu tentang alexa rank. Mungkin dengan coretan  yang berhubungan dengan alexa rank kali ini bisa menambah wawasan sobat tentang alexa rank.

Apa itu Alexa Rank?

Banyak definisi yang beredar tentang alexa rank, namun kita akan membahasnya lebih dalam langsung dari sumber aslinya, lihat kutipan berikut dari sumbernya langsung:

The traffic rank is based on three months of aggregated historical traffic data from millions of Alexa Toolbar users and data obtained from other, diverse traffic data sources, and is a combined measure of page views and users (reach). As a first step, Alexa computes the reach and number of page views for all sites on the Web on a daily basis. The main Alexa traffic rank is based on a value derived from these two quantities averaged over time (so that the rank of a site reflects both the number of users who visit that site as well as the number of pages on the site viewed by those users). The three-month change is determined by comparing the site's current rank with its rank from three months ago. For example, on July 1, the three-month change would show the difference between the rank based on traffic during the first quarter of the year and the rank based on traffic during the second quarter.

Intinya bahwa alexa rank adalah sebuah peringkat atau website yang dibuat oleh Alexa.com untuk website atau blog untuk website atau blog berdasarkan banyaknya trafik atau kunjungan terhadap website atau blog tersebut, dan data trafik atau kunjungan tersebut adalah berdasarkan informasi dari jutaan pengguna internet yang memasang Toolbar alexa pada browser internet mereka.

Bagaimana Cara Penilaian Alexa Rank Terhadap Suatu Website?

Sesuai definisi di atas, pengukuran/penilaian terhadap suatu website atau blog diukur dari jumlah traffic dan pageviews yang ada. Dengan terpasangnya alexa toolbar pada browser yang kita pakai, maka alexa.com akan mengetahui berapakah jumlah pengunjung serta page view (jumlah halaman yang di lihat) pada website atau blog. Setelah data terkumpul maka mesin alexa akan secara otomatis membuat ranking atau peringkat pada website atau blog tersebut.

Intinya alexa akan menilai dengan bilangan yang lebih kecil untuk blog dengan tingkat kunjungan ke blog atau website tersebut, jadi jika blog kamu memiliki kunjungan yang besar setiap harinya pasti nilai alexa kamu akan naik. Nilai atau ranking alexa berbeda dengan google pagerank, nilai atau ranking pada alexa rank semakin kecil maka semakin bagus, jika google pagerank semakin besar maka semakin bagus pula.

Seberapa Pentingkah Alexa Rank Bagi Suatu Website atau Blog?

Bagi anda pemilik suatu website atau blog yang tidak menjadikan website atau blognya sebagai mencari uang di internet / web bisnis, maka alexa rank tidak terlalu berguna. Namun meskipun tidak terlalu berguna, alexa rank membuat gengsi tersendiri. Karena kebanyakan blogger lain menggangap bahwa semakin bagus nilai alexanya maka akan semakin bagus pula nilai suatu website atau blog.

Berbeda dengan pemilik web atau blog yang tidak menjadikan web atau blog miliknya sebagai tempat untuk mencari uang di internet, alexa rank penting sekali bagi anda yang menjadikan web atau blog sebagai tempat untuk mencari uang di internet. Kenapa sangat penting? karena tempat-tempat mencari uang di internet seperti Teks Link ads, Sponsored Review, ReviewMe, ask2link serta web-web penghasil uang lainnya menjadikan alexa rank sebagai tolok ukur. Semakin bagus alexa rank yang anda miliki, maka akan berbondong-bondong pula para pemasang iklan atau adverstiser yang mau memasang iklan di web atau blog anda, ini artinya  $ akan sangat mudah untuk masuk ke kantong anda.

Apakah Google Index Ada Hubungannya Dengan Alexa Rank?

Ini yang banyak menjadi permasalahan khususnya bagi yang baru mengenal alexa rank. Mereka beranggapan bahwa semakin kecilnya angka alexa maka semakin bagus pula blog kita di google, ini tidak benar adanya.

Google dan alexa tidak ada hubungannya. Alexa yang merupakan anak dari amazon hanyalah sebuah website yang memperhitungkan nilai ranking berdasarkan dari situsnya sendiri, bukan dari search engine lain seperti google, yahoo, dll. Google index hanya berpengaruh pada seo onpage dan seo offpage, silakan baca artikel-artikel saya mengenai seo. Jadi, dapat dikatakan bahwa alexa rank tidak ada hubungannya dengan google dan search engine lainnya, situs ini hanya mengambil ranking dari situsnya sendiri.

Bagaimana Cara Meningkatkan Alexa Rank?

Karena alexa rank begitu penting bagi pemilik website atau blog yang mengkhususkan ke bisnis, pasti akan sangat memaksimalkan rank pada alexa ini. Ada banyak cara yang dilakukan untuk meningkatkan alexa rank, namun sepertinya Deny tidak akan membahasnya pada posting kali ini, nanti kepanjangan. Salah satunya yaitu dengan cara memasang alexa widget atau cara memasang alexa widget, silakan klik saja.

Mungkin cukup sudah pengenalan tentang apa itu alexa rank? pada postingan kali ini, semoga anda semakin mengerti tentang dan tidak salah fungsi terhadap alexa rank dan yang membaca artikel ini bisa mengerti dengan coretan amburadul ini.

Semoga Bermanfaat ^_^

Membuat Navigasi Breadcrumb Di Blogspot

Membuat Navigasi Breadcrumbs Di Blogspot, Navigasi Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Banyak breadcrumbs memiliki laman yang paling umum (biasanya laman dasar) sebagai tautan pertama dan paling kanan dan memuat bagian yang lebih spesifik keluar ke sisi kanan.

Menu ini sering ditemui di blog/website berplatform WordPress, dimana urutan navigasinya dimulai dari Home > Parental Category > Subcategory > Posting. Di Blogger/Blogspot, kita juga dapat melakukan hack navigasi breadcrumbs dengan berdasarkan pada label: Home > Label > Posting. Menu ini akan muncul pada halaman posting, label, arsip, dan tidak muncul di bagian homepage.

Ada 3 manfaat/kegunaan dari navigasi breadcrumb, yaitu:

• Memperindah tampilan halaman/artikel.
• Memudahkan pengunjung dalam menelusuri blog.
• Mengoptimalkan halaman di search engine (mesin pencari).

Yang terpenting dari 3 hal di atas tentu adalah "mengoptimalkan halaman di search engine" atau sering disebut SEO. Bagi yang belum mengetahui mengenai SEO, silahkan lihat artikel apa itu SEO. 

Cara Membuat Navigasi Breadcrumbs di Blogspot:

1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML. 
2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut di ATAS-nya:

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

3. Cari (Ctrl+F) <b:includable id='main' var='top'>, lalu hapus kode tersebut dan ganti dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

4. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu save.

Selamat Mencoba!

Membuat Navigasi Ala Google di Blogspot

Jika kemaren saya membuat tutorial mengenai cara membuat navigasi breadcrumb di blogspot, maka kali ini kita akan membahas cara Membuat Navigasi Ala Google di Blogspot. Sebenarnya navigasi ini seperti biasa, namun ini khas ala google, tau kan? Kalo masih belum tahu, lihat gambar di bawah ini:

Sudah paham kan? Jika sobat berminat untuk membuatnya, silahkan ikuti tutorial berikut:
1. Login ke akun blogger sobat.
2. Pergi ke tab rancangan, lalu edit HTML.
3. Cari kode ]]></b:skin>, kemudian taruh kode berikut ini TEPAT di atasnya:

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
 .mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
 #nav td{padding:0;text-align:center}

4. Sekarang cari lagi kode </body>.
5. Jika sudah ketemu, copy dan paste kode berikut TEPAT di atasnya:

<script type='text/javascript'>

var home_page_url = location.href;


var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';


function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';



htmlMap[htmlMap.length]='/';
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {


var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&amp;max-results='+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};


for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
upPageHtml = '&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}else{
upPageHtml = '&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}

fFlag++;
}

if(p==(thisNum-1)){
if(p==0){
html += '&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}else{
html += '&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}
}else{
if(p==0){
html += '&lt;td&gt;&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;';

}else{
html += '&lt;td&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+ (p+1) +'&lt;/a&gt;&lt;/td&gt;';
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = '&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;'+ downPageWord +'&lt;/a&gt;&lt;/td&gt;';
eFlag++;
}
}
}

if(thisNum&gt;1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page ('+(postNum-1)+') &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;';
html3 = '&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;';
html = html2+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}else{
html += '&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;';
}



if(postNum==1) postNum++;
html += html3+ '&lt;/div&gt;';


var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html ='';
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&amp;&amp;pageArea.length&gt;0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}


}


function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';



var labelHtml = '&lt;a href=&quot;/search/label/'+thisLable+'?&amp;max-results='+pageCount+'&quot;&gt;';
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);


var title = post.title.$t;

if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&amp;max-results='+pageCount;

itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){



if(thisNum==2){
upPageHtml = labelHtml +'&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}else{
upPageHtml = '&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}

fFlag++;
}





if(p==(thisNum-1)){
if(p==0){
html += '&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}else{
html += '&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}
}else{
if(p==0){
html = '&lt;td&gt;'+labelHtml+'&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;';
}else{
html += '&lt;td&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+ (p+1) +'&lt;/a&gt;&lt;/td&gt;';
}
}


if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = '&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;'+ downPageWord +'&lt;/a&gt;&lt;/td&gt;';
eFlag++;
}
}
}




if(thisNum&gt;1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html2 = '&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page ('+(postNum-1)+') &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;';
html3 = '&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;';
html = html2+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}else{
html += '&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;';
}

if(postNum==1) postNum++;
html += html3+ '&lt;/div&gt;';

var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html ='';
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}


}


</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){
if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));
}
}

var home_page = &quot;/&quot;;
if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){
if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){
document.write('&lt;script src=&quot;'+home_page+'feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')
}else{document.write('&lt;script src=&quot;'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')
}
}
</script>

6. Save template, dan lihat hasilnya!

Begitulah Kiranya Step by Step Membuat Navigasi Ala Google di Blogspot

Semoga Bermanfaat!

Membuat Efek Daun Berjatuhan di Blog

Membuat Efek Daun Berjatuhan di Blog | Tutorial Blog

Seperti halnya Memberi Efek Hujan Salju di Blog, efek daun jatuh ini juga menambah daya tarik buat pengunjung blog, trik ini menggunakan kode javascript, jadi sedikit memperberat loading blog.
Sebaiknya jangan tambahkan efek ini kalau di blog sobat sudah menggunakan efek video slide, pemutar music mp3 online atau penggunaan script animasi yang lain. Jadi pertimbangkan baik-baik sebelum menggunakan sebuah efek javascript.

Berikut Cara Membuat Efek Daun Berjatuhan :

• Login ke dashboard blogger anda.
• Klik Template >  Edit HTML.
• Lalu klik Proceed dan centang Expand widget template.
• Cari kode </head>  pada template dengan menggunakan Ctrl+F.
•  Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>.
  
  <script src='http://wadah-tutorial.googlecode.com/files/leaf.js' type='text/javascript'/>
• Save template anda dan lihat hasilnya.

Segitu aja Sob, selamat mencoba Membuat Efek Daun Berjatuhan di Blog.

Cara Manipulasi Jumlah Komentar di Blog

Komentar merupakan sesuatu yang berharga bagi kita. Setetes komentar pun pasti akan sangat senang jika ada yang berkomentar di blog kita, karena itu merupakan suatu kebanggaan tersendiri bagi kita (baca: pentingnya berkomentar).

Nah pada tutorial kali ini kita akan belajar cara manipulasi jumlah komentar di blogger/blogspot. Yang disetting merupakan angka/jumlah komentar di blog, jadinya pengunjung pun bisa mengira komentar yang terdapat di blog kita.

Untuk mengaplikasikan trik ini Anda hanya perlu menambah sedikit CSS yang diletakkan sebelum kode </b:skin>

Kode CSS nya adalah seperti berikut:

a.comment-link:before{content:"1";}

Jika Anda ingin membuat juga angka jumlah komentar di atas list komentar Anda menunjukkan angka yang sama, maka tambahkan juga kode berikut:

#comments h4:before{content:"1";}

Dengan kode tersebut, maka setiap jumlah otomatis akan ditambahkan angka 1 di depannya. Misal komentar Anda berjumlah 2, maka akan menjadi 12. Jika komentar Anda berjumlah 25 berarti akan menjadi 125. Silahkan Anda ganti angka 1 jika ingin membuat pengunjung lebih geger.

Dengan trik ini, pengunjung pun akan merasa tertarik dengan melihat jumlah komentar artikel anda dan langsung menuju artikel tersebut. Selamat mencoba.

Begitulah Kiranya Step by Step Cara Manipulasi Jumlah Komentar

Cara Membuat Reply Komentar di Blog

Membuat reply komentar di blog anda sangat perlu. Karena akan memudahkan komentator terutama anda sebagai pemilik blog untuk menjawab komentar-komentar yang muncul di artikel anda. Reply komentar ini juga berfungsi untuk menjawab komentar secara otomatis sehingga tidak perlu repot menuliskan nama si pemberi komentar terlebih dahulu jika ingin merespon komentarnya itu. Nah lihat gambar berikut di bawah ini untuk lebih jelasnya:

Bagaimana? Jika berminat untuk membuat Membuat Reply Komentar silahkan ikuti cara berikut di bawah ini :

1. Login ke akun blogger sobat.

2. Klik menu rancangan, kemudian pilih tab edit HTML.

3. Centang expand template widget.

4. Cari kode seperti di bawah ini:

<b:include data='comment' name='commentDeleteIcon'/> 

5. Jika sudah ketemu, maka copy paste-kan kode di bawah ini persis berada dibawahnya:

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Blog ID anda&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'><img alt='Reply To This Comment' src='Url Image Reply Anda'/></a>

Blog ID anda ? Silahkan ganti dengan Blog ID (nomor id blog) anda.

Url Image Reply Anda ? Silahkan ganti dengan Url gambar reply anda.

6. Klik Simpan Template.

Jika sobat belum mempunyai Url Image Reply, silahkan gunakan Url gambar di bawah ini:

Catatan: Bagi anda yang kesulitan untuk mencari blog ID silahkan pergi ke menu rancangan > edit HTML. Lihat ID Blog anda, atau lebih jelasnya lihat gambar berikut:

Selamat Mencoba

Submit URL Blog Ke Google Webmaster

Selain mementingkan meta tag dan optimasi lainnya di SEO on-page, kita juga perlu untuk melakukan optimasi di luar blog, salah satunya dengan cara submit url blog ke google. Cara ini sudah terbukti ampuh dan pastinya akan meraih posisi yang layak di SERP.

Langsung saja tanpa basa-basi berikut cara Submit URL Blog ke Google:

• Pertama � tama silakan anda ke http://www.google.com/addurl/ untuk menambahkan URL anda ke Google dan silakan anda sisi kolom URL dengan Link URL anda, dan pada kolom komentar silakan isi dari website anda
• langkah selanjutnya yaitu silakan anda buka Webmaster Google  [ www.google.com/webmasters] dan silakan mendaftar bila anda belum mempunyai account webmaster pada google
• jika sudah selesai mendaftar, silakan anda masuk atau Sign in ke Google Webmaster
• setelah masuk silakan anda tambahkan baru url website anda dengan cara Add a Site lalu masukan alamat Url anda
• lalu silakan anda mem- Verified website anda
• pada saat Verified website ada dua cara untuk Verification yaitu dengan Meta Tag yaitu dengan meletakan atau meng-copy code ke halama website anda sesudah <head> dan sebelum <body> dan opsi Verified kedua yaitu dengan Upload  HTML file anda cukup mendowload file tersebut lalu upload ke dalam root hosting anda
• jika anda sudah memilih dan laksanakan silakan anda klik Verify 

Nah bagaimana? Mudahkan.

 

Untuk mempercepat proses di index oleh google, segera pasang meta tag dan submit artikel ke situs jejaring sosial seperti Digg, Lintas berita, Stumbleupon, Delicious & Reddit dan situs-situs lainnya.

Begitulah Kiranya Step by Step Submit URL Blog ke Google Webmaster

Semoga Bermanfaat

Cara Menambah Emotion Pada Kolom Komentar

Cara Menambah Emotion Pada Kolom Komentar - Bagi anda penggemar chating, pasti anda tidak asing lagi menggunakan emotion. Emotion adalah karakter ekspresi lucu berbentuk gambar yang sering digunakan dalam berchating ria atau dalam postingan forum, mungkin dalam yahoo sudah biasa kita menggunakan emotion. Tapi kali ini saya akan memberikan  kode emotion untuk ditambah di kolom komentar agar blog sobat bertambah cantik dan elegant dengan emotion ini. Berikut cara-cara yang harus anda lakukan jika ingin Menambah Emotion Pada Kolom Komentar:

1. Login ke akun blogger kamu.

2. Pergi ke Menu Rancangan, pilih Edit HTML.

3. Centang Expand Widget Templates.

4. Cari kode </body>, lalu paste kode di bawah ini di atas kode </body>:

<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>

5. Cari kode ini: <p class='comment-footer'>                          
                         <b:if cond='data:post.embedCommentForm'>

6. Kopy kode di bawah ini, lalu paste di bawah kode <p class='comment-footer'>:

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> 
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> 
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> 
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> 
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> 
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> 
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> 
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> 
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> 
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> 
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> 
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> 
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> 
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> 
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> 
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> 
=))</b>

7. Save, dan lihat hasilnya!

Cara Membuat Widget Top Komentator

Cara Membuat Widget Top Komentator - Banyak cara dilakukan untuk memancing orang lebih sering berkomentar. Salah satunya adalah dengan membuat widget top komentator terbanyak. Dengan adanya widget top komentator ini, si pengkomentar juga akan untung karena namanya dan bonus link ke blognya akan tampil di halaman utama. Bagi pemiliki blog ini menguntungkan karena widget ini memacu blogger-blogger lain untuk terus berlomba menjadi yang terbanyak berkomentar guna mendapat tempat di widget.

Selain itu widget top komentator ini juga berfungsi menampilkan daftar link komentar pengunjung yang paling banyak berkomentar di blog kita secara berurutan, sesuai dengan jumlah komentarnya. Selain itu widget ini juga memberikan keuntungan bagi kedua belah pihak (kayak timbal balik aja), yaitu si komentator dan si pemilik blog. Link Si komentator akan ditampilkan pada widget tersebut jika berkomentar paling banyak, Sedangkan Si pemilik blog dapat mengukur baik tidaknya posting tersebut, sehingga lebih mudah untuk memperbaiki posting-posting berikutnya.

Bagi yang ingin memasangnya, instalasi sangat mudah. Ikuti cara di bawah ini:

1. Login ke akun blogger sobat
2. Klik menu Rancangan
3. Klik Add Gadget/Tambah Gadget
4. Pilih HTML/Java Script, masukkan kode berikut ini:

<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=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fkutu-blogspot.blogspot.com&num=5&filter=synasmedseo" type="text/javascript">
</script>

Keterangan :
- Ganti kode yang berwarna hijau dengan url blog Anda
- Ganti kode yang berwarna biru dengan jumlah komentator yang ingin ditampilkan
- Ganti kode yang berwarna merah dengan nama Anda (fungsinya untuk mem-blok nama anda untuk ditampilkan di widget ini)
5. Simpan, dan lihat hasilnya!

Mudah kan? Semoga dengan adanya artikel ini bisa memacu pengunjung untuk berkomentar di blog Anda!

Kiranya Begitulah Step by Step Cara Membuat Widget Top Komentator

Semoga Bermanfaat

Membuat Kotak Berlangganan Via Email

Membuat Kotak Berlangganan Via Email - Blog yang mempunyai banyak pengunjung pasti menggunakan widget berlangganan via email di blog anda. Widget berlangganan via email/subscribe via email ini memudahkan pengunjung agar dapat berlangganan artikelnya setiap hari melalui email. Setelah pengunjung berlangganan, maka tiap ada artikel terbaru dari blog itu akan dikirimkan langsung melalui email.

Selain itu, blog yang mempunyai fitur berlangganan via email ini terkesan menarik dan mempunyai kemampuan tinggi dalam mengelola blognya. Mengapa tidak, karena dia selalu mengutamakan kenyamanan pengunjung dalam blognya (baca: buatlah pengunjung blog anda nyaman), bukan mempercantik blog dengan widget-widget yang tidak penting, seperti jam dan tanggal serta tidak akan memberatkan berat blog.

Cara membuatnya mudah sekali, untuk itu jika sobat mau membuatnya silahkan ikuti cara di berikut:

1. Masuk dan Login ke Situs feedburner.com menggunakan akun google kamu

2. Setelah masuk kamu harus mengisi alamat feed blog kamu terlebih dahulu misalnya
http://kutu-blogspot.blogspot.com/feeds/posts/default
Ganti  kutu-blogspot.blogspot.com dengan alamat blog kamu

3. Check Box Im a Podcaster! kamu centang bila blog kamu isinya video

4. Tekan tombol Next terus hingga muncul gambar berikut yang menandakan kita telah sampai pada Dasboard Feeds kita:

5. Kemudian tekan menu Publicize lalu pilih Menu Email Subscribetions

6. Dan Kemudian tekan Activate

7. Jika kamu menggunakan blogspot, ubah type nya menjadi blogger

8. Jika sudah, kopy kode pada kolom yang terdapat pada gambar, lalu Taruh Codenya di blog kamu dengan cara ke menu Layout--->Page Elements lalu Add a Gadget dan pilih HTML/JavaScript kemudian paste code-nya

Mudahkan? Sudah kubilang :D. Kamu juga bisa memodifikasi kodenya untuk tampilan yang lebih bagus. Sekian dulu postingan dari saya, semoga dengan membuat kotak berlangganan via email ini blog anda semakin ramai dan banyak pengunjungnya. Semoga bermanfaat

Memberi Efek Hujan Salju di Blog

Memberi Efek Hujan Salju di Blog | Tutorial Blog

Rasanya udah lama saya ga post, baru sekarang bisa update blog, jadi pada kesempatan ini saya akan berbagi salah satu cara untuk mempercantik blog, tutorial singkat kali ini tentang Memberi Efek Hujan Salju di Blog. Efek ini akan sangat bagus jika ditampilkan  pada background(latar belakang) blog berwarna gelap. jika background blog sobat berwarna terang atau mungkin putih, maka efek hujan saljunya akan tidak jelas malah mungkin tidak terlihat.

Langsung aja sob, berikut tutorialnya :

1. Login ke dashboard blogger sobat.
2. Pilih Layout > Add gadget > HTML/JavaScript.
   
   Spoiler :

   
3. Letakkan script dibawah ini pada gadget.
   
   <script src='http://wadah-tutorial.googlecode.com/files/snow.js.txt' type="text/javascript"></script>
4. Save dan lihat hasilnya.
   
   Spoiler :

   

Ok sob, sekian dulu tutorial tentang Memberi Efek Hujan Salju di Blog.

Memaksa Pengunjung Datang dengan Social Bookmarking

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.