Bung Fajrin

O-OM.COM | Blogger Tutorial Plus Blogger Templates

2011-11-20T14:02:00.001-08:00

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Menampilkan Gambar Profile dihalaman Hasil Pencarian Google

Posted: 20 Nov 2011 07:28 AM PST

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 :)

O-OM.COM | Blogger Tutorial Plus Blogger Templates

2011-11-19T14:06:00.001-08:00

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Cara Memasang Tombol Google+ di Blogger

Posted: 18 Nov 2011 09:43 PM PST

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>

<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.

<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)

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

O-OM.COM | Blogger Tutorial Plus Blogger Templates

2011-11-17T08:07:00.001-08:00

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Bagaimana Membuat Halaman di Google+

Posted: 16 Nov 2011 07:29 PM PST

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

O-OM.COM | Blogger Tutorial Plus Blogger Templates

2011-11-12T08:10:00.001-08:00

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Launching Zoom Free Video Tutorials

Posted: 12 Nov 2011 07:55 AM PST

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 dalam bentuk Video. 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 belajar bersama. Semoga 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-sama. Silahkan sambangi saja langsung blog video tutorial terbaru saya disini

O-OM.COM | Blogger Tutorial Plus Blogger Templates

2011-10-22T09:16:00.001-07:00

O-OM.COM | Blogger Tutorial Plus Blogger Templates

SERP SEO Tool Khusus Untuk Kontes SEO

Posted: 22 Oct 2011 07:17 AM PDT

Search Engine Results Page (SERP) Tool ini merupakan SEO Tools yang dirancang khusus untuk memudahkan sobat melacak kata kunci target di Search Engine Google. Ini sangat berguna buat sobat yang sedang ikutan kontes atau sekedar hanya untuk melacak posisi keyword target di Google.

Cara melacak:
1. Untuk mencobanya silahkan Langsung ke Sini
2. Masukan Kata Kunci (keyword) yang sedang di ikutkan dalam Lomba SEO Kontes.
3. Masukan Alamat URL Blog yang sedang di lombakan (bisa url saingan atau url sendiri).
4. Pilih target URL Google misalkan lomba diadakan pada Google.com atau Google.co.id (Indonesia).
5. Selalu pastikan memilih YES untuk membersihkan Cache Browser agar hasil pencarian Maksimal.
6. Jika target ditemukan, hasil Pencarian dilacak per 10 result dan ditandai dengan pada nomor halaman.
Semoga Tool diatas bermanfaat :)

O-OM.COM | Blogger Tutorial Plus Blogger Templates

2011-10-04T09:55:00.001-07:00

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Blogger Templates 2012: Blogger Store V2

Posted: 03 Oct 2011 09:03 PM PDT

This is Blogger Store v.2 the best blogger templates 2012 ever made. Comes with more elegant, simple and fresh fresh design. Its beauty can you see in the background pattern on the body and main content combined with appropriate background color.

Download | Live Demo
What the features of Blogger Store v2 ?

I added some new features that do not exist in previous versions, and here the features you can find on this template.

1. SimpleCart.js v2.2.2.

This template still using SimpleCart.js v.2.2.2 by The Wojo Group as ShoppingCart framework. Since I did some editing on this script, now you can using Indonesian Rupiah (IDR) for the currency. But it's just a fake because Indonesian Rupiah currently not listed on Paypal.

2. Animated ShoppingCart

I added a little animation effects on shopping cart, at default position he would not be visible and show only the total item and the total price and will be visible if you click on shopping cart menu. It will further reduce the use of space on your blog page

2. Superfish Menu.

I've added 2 pieces of dropdown menu, Top Secondary and Primary menu. I use superfish for it because I think superfish is better and give a softer effect than jQuery sliding menu on blogger store old version.

3. Automatic Featured Content with jQuery Carousel Fred.

As my framework i always using automatic methode for all of my template. and specially for Blogger Store v2.0 I'm using Automatic featured content from jQuery Crausel Fred v.4.5.2, this is automaticly work to displaying product by label or recent product also can display from another source, just need a several setting.

4. Grid and List Style post integrated with jQuery Plugin.

This is a great one !! you will see two view style on this template, default is Grid style and will be change to List style if you click switcher button. This feature is integrated with jQuery Cookie Plugin, so the visitor can see style of the last time they visited.

5. Advanced Blogger Template Designer Support

This feature gives you flexibility to customize the background and color of template on Template Designer, so you can get unlimited color and unlimited font for your template, available for :

Body Background Color
Main Text Color
Font Style and Size
Text Link Color
Background Menu Color
Background and border for Shopping Cart Color

This template also have several additional features:

6. Social Bookmark Icon

7. Search Form

8. Ads Space

9. Animated Sponsors Logo

10. Pattern Background.

I hope you like this template..

O-OM.COM | Blogger Tutorial Plus Blogger Templates

2011-09-12T09:47:00.001-07:00

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Cara Meningkatkan Traffic dan Visitor via Plipeo.com

Posted: 11 Sep 2011 07:57 PM PDT

Plipeo.com

Mungkin rekan blogger belum banyak yang mengetahui cara meningkatkan traffic dan Visitor dengan Mudah dan cepat serta sedikit menghilangkan kejenuhan bahkan ketergantungan berharap mendapatkan traffic yang hanya datang pada search engine atau blogroll dari blog lain, dan itu pun jarang karena adanya beberapa faktor lain.

Sekarang sobat blogger tidak perlu khawatir, karena sudah adanya Layanan Social Traffic Exchange yang dikhususkan untuk para blogger yaitu Plipeo.com. Plipeo menghubungkan Blog sobat ke blog lainnya yang sudah menjadi jaringan dari Plipeo.com dan sudah banyak yang menggunakan layanan ini karena mampu meningkatkan Traffic hingga 300%! serta mendatangkan Real Visitor atau pengunjung yang benar-benar tertarget ke blog anda.

Oke deh sekarang langsung saja saya akan menjelaskan cara mendaftar agar cepat mendapat Traffic dan Visitor dari Plipeo.com atau layanan Traffic Exchange untuk para sobat blogger sebagai berikut:

Silakan sobat persiapkan blog yang akan di daftarkan lalu silakan buka halaman Plipeo.com untuk mendafar atau bisa langsung mengunjungi link berikut http://plipeo.com/webmaster/signup.

Klik Daftar

Jika sudah pada halaman daftar silakan sobat isi data yang sesuai seperti Website di isi dengan Url blog, Nama, Email serta Traffic Harian dari blog sobat. dan Plipeo tidak membatasi traffic jadi semua blogger bisa mendaftar dan mendapatkan traffic.

Daftar Plipeo.com

Jika sobat sudah mendaftar maka akan langsung di terima menjadi member dari plipeo, dan langkah selanjutnya yaitu sobat wajib Memasang Widget dari Plipeo dengan mengunjungi halaman Widget Anda ambil code widget tersebut lalu pasang di Blog sobat, bisa di sidebar atau tempat lainnya dan jangan lupa untuk memilih kategori yang ingin di munculkan pada widget serta sedikit memodifikasi Widgetnya agar terlihat indah pada blog sobat

Halaman Widget

Setelah memasang Code Widget pada Blog sobat silakan sobat kirim artikel sobat dengan memilih Tambah Posting Anda, silakan isi Url, Judul ( Usahakan semenarik munkin dan berbeda pada blog sobat, deskirpsi artikel, Tag, lalu Url gambar agar artikel yang sobat masukan terlihat menarik lalu klik submit menyatakab artikel sobat itu original dan tidak sama dengan yang lainnya.

Kirim Artikel Sobat

Bila sobat sudah kirim artikel sobat maka team dari Plipeo.com akan mereview postingan serta widget yang ada di blog sobat, jika sudah benar artikel Tidak hasil dari Kopas ( Copy Paste ) dan widget terpasang maka artikel sobat akan langsung disebar ke jaringan plipeo.

itulah beberapa langkah untuk bergabung, mudah bukan. :) . Layanan seperti ini sudah banyak di Eropa dan Plipeo.com satu-satunya penyedia layanan Traffic Exchange serupa di Indonesia. dan lihat gambar dibawah salah satu contoh blog yang menggunakan Plipeo mendapatkan traffic hingga 277%.

Traffic Hingga 277%!!

dan tambahan buat sobat blogger, saat ini plipeo sedang mengadakan sebuah kontes Review Plipeo.com jadi sobat hanya menulis artikel tentang mereka atau tutorial terserah sobatlah lalu masukan artikel sobat ke plipeo dengan memasukan ke kategori Support Us dan Total hadiah yaitu sebesar $100 untuk 2 pemenang. kabarnya akan ditambah hadiahnya. silakan lihat pengumumannya di http://blog.plipeo.com untuk keterangan lebih lanjut.

Salam Blogger Indonesia :)

O-OM.COM - Aktifkan Segera Berlangganan Feed Via Email

2011-09-07T23:36:00.001-07:00

Hallo Sobat,

Kamu baru saja meminta email berlangganan ke O-OM.COM melalui FeedBurner.
Agar bisa segera berlanggan silakan konfirmasi terlebih dahulu dengan
mengklik Link dibawah ini:

http://feedburner.google.com/fb/a/mailconfirm?k=3nivp0IQI2iuI-RW3NhAQ3ExbiM

(Jika link di atas tidak muncul ketika diklik atau tidak membuka jendela
browser ketika Kamu klik, Silahkan copy dan paste ke Lokasi bar di web
browser kamu ya.)

Salam saya,
Agus Ramadhani
http://www.o-om.com

--
This message was sent to you by FeedBurner (feedburner.google.com)
You received this message because you requested a subscription to the feed,
O-OM.COM | Blogger Tutorial Plus Blogger Templates.
If you received this in error, please disregard. Do not reply directly to
this email.

O-OM.COM - Aktifkan Segera Berlangganan Feed Via Email

2011-09-07T23:35:00.001-07:00

Hallo Sobat,

Kamu baru saja meminta email berlangganan ke O-OM.COM melalui FeedBurner.
Agar bisa segera berlanggan silakan konfirmasi terlebih dahulu dengan
mengklik Link dibawah ini:

http://feedburner.google.com/fb/a/mailconfirm?k=3nivp0IQI2iuI-RW3NhAQ3ExbiM

(Jika link di atas tidak muncul ketika diklik atau tidak membuka jendela
browser ketika Kamu klik, Silahkan copy dan paste ke Lokasi bar di web
browser kamu ya.)

Salam saya,
Agus Ramadhani
http://www.o-om.com

O-OM.COM - Aktifkan Segera Berlangganan Feed Via Email

2011-09-07T23:31:00.001-07:00

Hallo Sobat,

Kamu baru saja meminta email berlangganan ke O-OM.COM melalui FeedBurner.
Agar bisa segera berlanggan silakan konfirmasi terlebih dahulu dengan
mengklik Link dibawah ini:

http://feedburner.google.com/fb/a/mailconfirm?k=3nivp0IQI2iuI-RW3NhAQ3ExbiM

(Jika link di atas tidak muncul ketika diklik atau tidak membuka jendela
browser ketika Kamu klik, Silahkan copy dan paste ke Lokasi bar di web
browser kamu ya.)

Salam saya,
Agus Ramadhani
http://www.o-om.com

Bung Fajrin

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

Download | Live Demo What the features of Blogger Store v2 ?

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM | Blogger Tutorial Plus Blogger Templates

O-OM.COM - Aktifkan Segera Berlangganan Feed Via Email

O-OM.COM - Aktifkan Segera Berlangganan Feed Via Email

O-OM.COM - Aktifkan Segera Berlangganan Feed Via Email

Download | Live Demo
What the features of Blogger Store v2 ?