=[|FOR-CHEAT|]=

Bisa dipastikan robot Google sekalipun tidak mungkin bisa menentukan keaslian suatu artikel, yang mungkin bisa tentu saja hanya penulis artikel itu sendiri. Tapi dengan hadirnya fasilitas untuk menampilkan gambar Profile Anda dalam hasil pencarian tentu ini akan menjadi cerita lain, selain terlihat bahwa Anda adalah penulis sebenarnya dan itu juga menjadi kesan profesional buat Anda. Coba saja Anda mencari artikel yang menarik di Google, Anda tentu akan melihat 10 hasil pencarian pertama dan bisa dipastikan semuanya mempunyai judul yang hampir mirip bahkan sama persis, lalu bagaimana jika di antara 10 hasil pencarian tersebut terpajang wajah tampan Anda, tentu si pencari akan melirik Anda terlebih dahulu walapun artikel blog Anda sendiri hanya berada pada urutan ke 6, itu karena halaman Google sering berisi penuh dengan teks dan dengan demikian orang mungkin akan tertarik lebih ke arah hasil yang memiliki beberapa elemen visual (foto penulis) yang melekat padanya. Asalkan bukan artikel COPAS aja ya tar malah malu2in, udah copas nampang pula hehehe

Cara menampilkan gambar Profile dihalaman hasil result Google:

CARA I:

1. Pertama, silahkan buat satu halaman "About me" di blog Anda, untuk pengguna blogger Anda bisa membuatnya melalui halaman Statis Page atau bisa juga menggunakan halaman Standar Post. Agar lebih mudah Anda bisa melihat halaman "About me" milik saya disini.

2. Buat satu Text Link yang mengarah ke halaman URL Profile Google+ Anda dan jangan lupa menanamkan satu Tag rel="me" (ingat hanya satu tag saja) dalam link tersebut.

<a href="https://plus.google.com/ID_Anda" rel="me">Agus Ramadhani</a>

3. Ini sangat penting, pastikan semua artikel diblog Anda terkait kehalaman "About me". Caranya sangat mudah, Anda tinggal memasang saja link "About me" di menu, saya sendiri memasangnya di halaman About dalam widget saya (lihat paling bawah di blog ini ditandai dengan text link Read more ), dan pastikan Anda memasang Tag rel="author" pada link tersebut.

<a href="http://www.blog-Anda.com/p/about-me.html" rel="author">About me</a>

4. Langkah terakhir silahkan masuk ke halaman profile Google+ Anda disinihttps://plus.google.com dan tuju ke tombol "Edit Profile" kalau sudah silahkan tuju ke pengeditan "Profile lainnya", biasanya Anda diminta untuk memasukan alamat blog Anda, nah disini Anda tinggal memasukan Link "About me" saja beserta URL-nya.

Sampai tahapan ini sebenarnya sudah selesai dan biarkan google merayapi halaman Anda terlebih dahulu. Perlu juga diketahui bahwa tidak ada jaminan gambar anda akan tampil, semua tergantung analisa google itu sendiri setelah merayapi halaman anda.

CARA II:Cara yang kedua jauh lebih praktis dimana Anda tinggal menambahkan satu badge icon profile saja, caranya silahkan langsung menggunakan Profile Button Creator dialamat inihttp://www.google.com/webmasters/profilebutton
Pastikan cara kedua ini tidak berlaku jika Anda sudah menggunakan cara pertama, jika tidak akan terjadi duplikat Profile Author.

Verifikasi Author
Agar gambar Profile Anda bisa tampil dan berjalan dengan sempurna sebaiknya Anda perlu melakukan verifikasi dengan mengujicobanya terlebih dahulu.
1. Silahkan buka Rich Snippets Testing Tool

2. Masukan salah satu link artikel (posting) Anda yang terbaru.
3. Jika tidak ada masalah maka gambar profile beserta nama Anda akan muncul dan ditandai dengan nilai verifikasi yang bener.

Tips jika ada kesalahan
1. Pastikan Anda hanya menggunakan kedua tag rel="me" danrel="author" diatas satu kali saja jangan sampai ada duplikat.
2. Pastikan Anda benar-benar memasukan gambar Anda pada Profile Google+, sebaiknya termasuk dengan Isi biodata Anda secara lengkap.
3. Pastikan halaman profile Google+ Anda benar-benar terkait dengan halaman blog Anda, termasuk halaman About me tadi.
4. Google akan memilih thumbnail gambar dari halaman Profil Google+ Anda, sebaiknya gunakan gambar yang sebenarnya dari diri Anda sendiri (bukan ikon). Gambar harus terlihat baik bahkan ketika dikompresi menjadi gambar thumbnail 50x50.

Silahkan baca dokumentasi selengkapnya disini

Semoga tutorial diatas berguna :)

Membuat Rating Bintang di Search Engine Google

Ingin tampil beda pada pencarian google ? Memasang Rating Bintang Rich Snippets Di Blog. Pasang rating Bintang di Blog

Tutorial Cara Pasang rating Bintang Rich Snippet di Blog.Hadehhh repost lagi gara gara ke yang kemaren nggak keindex - Cara Membuat Blog Berbintang Di Google

Lanjut saja mengenai rating bintang(stars). saya akan memberikan tips singkat mengenai Cara Memasang Rating Bintang Rich Snippets Pada Blog. Tips ini saya dapat dari beberapa blogger terpercaya yang sudah memposting sebelumnya tentang Rich Snippet di Blog. dan saya hanya mengulasnya sedikit.

Apa itu Rich Snippet?
Pengertian Rich Snippet itu sendiri adalah data tambahan dari blog/postingan kamu yang akan ikut ditampilkan pada halaman mesin pencarian (SERP). Berbagai data yang bisa dimasukkan seperti rating bintang(stars), vote, author, tanggal, dan banyak masih bnyak lagi yang lainnya.

Berikut adalah contoh rating bintang hasil pencarian google sendiri :

Cara Memasang Rating Bintang Rich Snippets Pada Blog

Cara Memasang Rating Bintang Rich Snippets Pada Blog

Tertarik membuat Rich Snippet untuk diterapkan di blog kamu?
Pertanyaannya adalah,Bagaimana cara memasang rating bintang di blog ?
Berikut Tips Cara Memasang Rating Bintang Rich Snippets Pada Blog :

1. Syarat Harus Sudah Mempunyai Akun Google Plus (G+)
Disini tidak akan ditulis cara untuk membuat akun Google plus (silahkan sobat cari sendiri tutorial cara membuat akun google plus).

2. Menghubungkan Page Google plus dengan Blog
Tempatkan kode Berikut Dibawah <head>

<link href='https://plus.google.com/102400748417331170384' rel='publisher'/>

Kode yang warna merah diatas diganti dengan kode halaman google plus sobat sendiri.untuk contoh halaman blogger google plus Ageboy disini.(lihat kode link addres nya)

Setelah selesai melakukan 2 cara diatas, cek lah salah satu link postingan di blog kamu di Rich Snippet Testing Tools. Jika menampilkan data "publisher" sebagai verified, maka kamu sukses memverifikasi blog.Lihat Contoh gambar Rich Snippet bawah ini :

Cara Memasang Rating Bintang Rich Snippets Pada Blog

Untuk Cara mengecek rating bintang halaman posting sobat masuk disini.

Langkah selanjutnya Cara Memasang Rating Bintang Rich Snippets Pada Blog :

1. Buka halaman Edit HTML Template (centang Expand Template Widget).

Masukkan kode dibawah ini setelah tag <body> :
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

Cari lagi kode </body> lalu masukkan kode :
</div></div>
tersebut tepat diatas tag </body>

2. Cari dan temukan dimana letak judul postingan sobat di HTML template blogspot kita.pasang kode dibawah ini :
<span itemprop='itemreviewed'><span itemprop='description'>
Disini Html Posting sobat
</span></span>

Karena saya menggunakan H1 sebagai halaman posting,kira-kira akan menjadi seperti gambar dibawah ini :

Cara Memasang Rating Bintang Rich Snippets Pada Blog

Setiap template berbeda-beda jenis tempat kode judul posting tersebut seperti H1,H2,H3,untuk itu silahkan sobat mencari sendiri kode tersebut.

3. Author untuk Rich Snippet. Poin ini mungkin agak susah, bahkan sebagian template tidak ada sama sekali. Post author ini biasanya ditulis seperti, "Posted by ...", "Ditulis oleh...", "Diposkan oleh..." dan sebagainya. Jadi langkah yang harus kita lakukan pertama-tama adalah menemukan script di template kita dimana "post author" itu diletakkan.untuk kode author template saya seperti ini <data:post.author/> mngkin ada sebagian sobat yang sama denganku. Jika sudah menemukan, kode rich snippetnya adalah sebagai berikut:

<span itemprop='reviewer'>Nama Penulis</span>

Lihat Contoh gambat berikut :

Cara Memasang Rating Bintang Rich Snippets Pada Blog

Nah sekarang saatnya Memasang Rating Bintang Rich Snippet di Blogger ini harus diisi dengan MANUAL dari rentang 1 - 5 (sesuai jumlah bintang). Untuk mempermudah cara ini, kita sematkan saja ke "Template Entri" agar setiap kita hendak posting, kita bisa memasukkan nilai rating saat itu juga.

Caranya adalah:
Masuk ke Dashboard Blogspot. Pilih Setting/Setelan -> Format. Lihat tulisan paling bawah ada "Entry Template / Templat Entri"
Masukkan kode rich snippet ini: Rating: <span itemprop="rating">4.5</span>
Simpan setelan / Save

Setiap kamu membuat postingan, ubah angka "4.5" tersebut sesuai keinginan. Jumlah pada rating ini adalah jumlah bintang yang akan ditampilkan di pencarian (SERP), dengan nilai terendah adalah "0.5" hingga tertinggi adalah "5".

Jangan lupa untuk Mengecek di Rich Snippet Testing Tools Disini untuk mengetahui apakah rich snippet di blogmu bekerja dengan baik.

Nah itulah ulasan panjang dari saya.capek banget gan nulisnya ampe panjang gitu..:(.
semoga tutorialnya bisa di pahami dengan baik Cara Membuat Blog Berbintang Di Google.

Membuat Link's Aktif Lebih Menarik

Membuat Scroll Bar Blog Berbeda

Menambah Efek Saat Mouse di Gerakkan

au aksesoris-aksesoris blog lainnya.., ini agak berbeda, biasanya kan efek ini langsung dengan sendirinya, tapi disini efek ini akan muncul jika mouse digerakkan.., efeknya itu seperti salju yang berjatuhan.., mau lihat seperti apa efeknya ?? klik Disini Coba gerakkan mousenya di blog tersebut.., muncul kan ??..,
Mau gak efek seperti itu ?? Ikuti cara berikut kalau mau :

Copy kode berikut :

// <![CDATA[

var colour="white";

var sparkles=100;

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var tiny=new Array();

var star=new Array();

var starv=new Array();

var starx=new Array();

var stary=new Array();

var tinyx=new Array();

var tinyy=new Array();

var tinyv=new Array();

window.onload=function() { if (document.getElementById) {

var i, rats, rlef, rdow;

for (var i=0; i<sparkles; i++) {

var rats=createDiv(3, 3);

rats.style.visibility="hidden";

document.body.appendChild(tiny[i]=rats);

starv[i]=0;

tinyv[i]=0;

var rats=createDiv(5, 5);

rats.style.backgroundColor="transparent";

rats.style.visibility="hidden";

var rlef=createDiv(1, 5);

var rdow=createDiv(5, 1);

rats.appendChild(rlef);

rats.appendChild(rdow);

rlef.style.top="3px";

rlef.style.left="0px";

rdow.style.top="0px";

rdow.style.left="3px";

document.body.appendChild(star[i]=rats);

}

set_width();

sparkle();

}}

function sparkle() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<sparkles; c++) if (!starv[c]) {

star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";

star[c].style.clip="rect(0px, 5px, 5px, 0px)";

star[c].style.visibility="visible";

starv[c]=50;

break;

}

for (c=0; c<sparkles; c++) {

if (starv[c]) update_star(c);

if (tinyv[c]) update_tiny(c);

}

setTimeout("sparkle()", 40);

}

function update_star(i) {

if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";

if (starv[i]) {

stary[i]+=1+Math.random()*3;

if (stary[i]<shigh+sdown) {

star[i].style.top=stary[i]+"px";

starx[i]+=(i%5-2)/5;

star[i].style.left=starx[i]+"px";

}

else {

star[i].style.visibility="hidden";

starv[i]=0;

return;

}

else {

tinyv[i]=50;

tiny[i].style.top=(tinyy[i]=stary[i])+"px";

tiny[i].style.left=(tinyx[i]=starx[i])+"px";

tiny[i].style.width="2px";

tiny[i].style.height="2px";

star[i].style.visibility="hidden";

tiny[i].style.visibility="visible"

}

function update_tiny(i) {

if (--tinyv[i]==25) {

tiny[i].style.width="1px";

tiny[i].style.height="1px";

}

if (tinyv[i]) {

tinyy[i]+=1+Math.random()*3;

if (tinyy[i]<shigh+sdown) {

tiny[i].style.top=tinyy[i]+"px";

tinyx[i]+=(i%5-2)/5;

tiny[i].style.left=tinyx[i]+"px";

}

else {

tiny[i].style.visibility="hidden";

tinyv[i]=0;

return;

}

else tiny[i].style.visibility="hidden";

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sdown;

x=(e)?e.pageX:event.x+sleft;

}

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

window.onresize=set_width;

function set_width() {

if (typeof(self.innerWidth)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height+"px";

div.style.width=width+"px";

div.style.overflow="hidden";

div.style.backgroundColor=colour;

return (div);

}

// ]]></script>

Agak banyak ya ?? hehehe.., lalu copy kode diatas dikotak HTML/ Java Script di Rancangan..,
Sudah deh.., lalu liat blog kamu, gerak-gerakan mousenya sesukamu.., efek tersebut tidak akan pernah habis.

Begitulah akhir dari cara Menambahkan Efek Saat Mouse di Gerakkan.., Jangan lupa komentarnya., Semoga bermanfaat saja bagi kalian ya !!

Ҳ× ĈђËąŤέ®'z™ ×Ҳ

Membuat Tooltip Keren Blog

Falisav Icon Maker, Software Pembuat Icon

Menampilkan Gambar Profile dihalaman Hasil Pencarian Google

Membuat Rating Bintang di Search Engine Google

Membuat Link's Aktif Lebih Menarik

Membuat Scroll Bar Blog Berbeda

Menambah Efek Saat Mouse di Gerakkan

Pengikut

Total Tayangan Halaman