Saturday, November 19, 2011

Menampilkan Gambar Profile dihalaman Hasil Pencarian Google

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 disini
https://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 ini

http://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" dan rel="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 :)

Friday, November 18, 2011

Cara Memasang Tombol Google+ di Blogger


Saya yakin pembaca setia blog ini tidak kesulitan untuk memasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang baru
belajar ngeblog. Selain itu disini saya juga  mencoba menjelaskan secara
rinci dari beberapa masalah yang kadang membuat tombol Google+ tidak bekerja
sebagaimana mestinya. Jadi silahkan luangkan waktu sejenak untuk belajar
tutorialnya dibawah ini:




Langkah memasang tombol G+ sangat mudah silahkan ikuti tutorial dibawah
ini




Silahkan memasang Script dibawah ini atas Tag </body>


<!-- Tempatkan tag ini di bagian head atau tepat
sebelum tag body penutup -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


 


Kemudian anda bisa memasang tombol G+ dimana saja dengan menambahkan kode
dibawah ini.




<!-- Tempatkan tag ini di tempat yang Anda inginkan untuk menampilkan tombol +1
-->

<g:plusone size="small"></g:plusone>




Cara memasang tombol G+ diatas sebenarnya sudah selesai, tapi jika anda ingin
menambahkan kode yang lebih rinci anda bisa mencoba beberapa script dibawah ini:




Tombol G+ dengan ukuran Standar (24 piksel)


<g:plusone></g:plusone>




Tombol G+ dengan ukuran Kecil (15 piksel)


<g:plusone size="small"></g:plusone>




Tombol G+ dengan ukuran Sedang (20 piksel)


<g:plusone size="medium"></g:plusone>




Tombol G+ dengan ukuran Tinggi (60 piksel)


<g:plusone size="tall"></g:plusone>




Tombol G+ Untuk HTML5


<div class="g-plusone" data-size="standard" data-count="true"></div>



Anda juga dapat membuat custom tombol G+ sendiri


<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{"parsetags": "explicit"}
</script>
<script type="text/javascript">
function renderPlusone() {
gapi.plusone.render("plusone-div");
}
</script>
<body>
<a href="#" onClick="renderPlusone();">Render the +1 button</a>
<div id="plusone-div"></div>
</body>

 

Custom Tombol G+ dengan URL khusus


<!-- customized for a specific address -->
<g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>

Untuk customize tombol G+ saya menyarankan anda memasukan url dari Google+ profile atau halaman (page) G+ yang sudah ada buat, lihat tutorialnya disini


 


Cara pasang Tombol G+ disebelah Tombol Facebook (dalam halaman posting)


<span style='float:left;
width:65px;'><!-- Place this tag where you want the +1 button to render -->

<g:plusone expr:href='data:post.url' size='medium'/>

</span>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.pjumpjhp?href=&quot;
+ data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px;
height:30px;'/>

</div>





Kode standar Google+ tidak bekerja pada postingan dalam lingkup halaman
home (index).


Pada halaman Posting dengan menggunakan kode

<G:Plusone
/>

biasanya tidak terjadi masalah, tapi saat kalian mencoba memasang tombol G+ yang
ditujukan pada halaman post yang letaknya berada dalam halaman utama ini
biasanya bermasalah karena G+ setahu saya tetap akan mendeteksi sebagai halaman
index bukan sebagai halaman post. Untuk mengatasi masalah ini silahkan mencoba
menggunakan kode ini <g:plusone expr:href='data:post.url'/>

 


Sebenarnya G+ sendiri sudah menyedian Custom Badge yang bisa anda coba
langsung di alamat ini
disini atau
anda bisa melihat informasi Full API selengkapnya
disini


 


Jangan lupa bergabung dihalaman G+ saya:



Halaman Resmi Agus Ramadhani



Halaman Resmi o-om.com


Halaman Resmi
Zoomtemplate.com


 

Wednesday, November 16, 2011

Bagaimana Membuat Halaman di Google+

Google plus page button

Seperti Facebook yang sukses membuat halaman Page khusus selain halaman
profile, Google+ (G+) beberapa waktu lalu juga kembali merilis halaman page yang
khusus dibuat untuk tujuan halaman penggemar seperti website, merek, bisnis dll. Dan tidak diragunakan lagi halaman ini sangat berguna untuk membuat saluran trafik dengan cara mempromosikan blog atau website. Jika anda sudah pernah membuat halaman
page untuk facebook saya rasa anda tidak akan bertanya lagi dengan page pada
G+ karena cara kerjanya sangat mirip dan hampir sama :)




Ada kelebihan yang di miliki Page pada G+ jika dibandingkan Facebook,
dimana Page pada G+ dalam waktu dekat akan terintegrasi dengan hasil pencarian
pada Google Search Engine, kita cukup memberi tanda (+) saja sebelum melakukan
pencarian, misalkan kita mengetikan +pepsi atau +angry bird maka secara
otomatis Google akan memberikan hasil result tertentu yang terkait dengan Page
pada G+. Bayangkan jika itu adalah halaman anda yang tampil pertama, tentu BOOM
trafik tidak akan diragukan lagi. Tapi ada tapinya, halaman yang muncul mungkin
adalah halaman yang populer dengan jumlah penggemar terbanyak :) jadi berusahalah
untuk membuat halaman G+ anda Populer, asalkan jangan buka halaman Salon ++ aja ya
wkwkwkkwk.




Tutorial Cara Membuat Halaman di Google+




Prosesnya gak ribet dan sangat sederhana yang penting anda sudah terdaftar
disana.




1. Langsung tuju ke halaman ini

https://plus.google.com/pages/create


2. Pilih halaman yang ingin anda buat, Saya sendiri memilih tab (Lainnya)
atau anda bisa memilih halaman tertentu misalkan blog atau website jadi terserah saja.


3. Silahkan masukan judul halaman dengan alamat blog yang ingin dipromosikan.
Jangan lupa beri tanda centang bahwa anda setuju dan tekan tombol (Buat)



4. Masukan slogan halaman minimal 10 kata dan tambahkan photo biar manis.



5. Selesai, tinggal di promosikan saja linknya :)


 


Jangan lupa bergabung dihalaman G+ saya:



Halaman Resmi Agus Ramadhani



Halaman Resmi o-om.com


Halaman Resmi
Zoomtemplate.com


 

Saturday, November 12, 2011

Launching Zoom Free Video Tutorials


Rasanya kurang lengkap kalau saya hanya menyajikan materi
Blogger Tutorials dan membagikan
Blogger Templates secara gratis saja,
untuk melengkapinya, hari ini saya coba mengembangkan blog yang khusus
menampilkan semua
Free Video
tutorials
secara visual. Walapun saat ini semua
tutorial video
yang saya publikasikan hanya video milik orang lain, saya rasa itu tidak
jadi masalah :) yang penting semua video tersebut bisa jadi media cara mudah belajar ngeblog. Semoga saja untuk kedepannya saya juga memiliki video buatan sendiri :)







Kalau rekan punya video tutorial buatan sendiri atau memiliki
referensi tutorial video menarik lainnya..tidak ada salahnya
mengirimkannya kepada saya biar bisa di publikasikan dan kita pelajari
bersama. Silahkan sambangi aja langsung blog video tutorial terbaru saya disini