Blog Community - SEO, Adsense, Teknologi, Binis Online, Web: Blog

2016-10-30T11:52:00+07:00

Cara Mudah Membuat Tombol Share Artikel Pada Halaman Blog

Cara Mudah Membuat Tombol Share Artikel Pada Halaman Blog - Memasang Tombol share seperti Google Plus, Facebook , Twitter dan Linkedin di halaman artikel dapat meningkatkan popularitas dan peringkat blog di halaman hasil pencarian (SERP), Cara ini salah satunya untuk mengoptimalkan SEO blog. Tombol share ini untuk memudahkan pengunjung blog untuk menyebarkan informasi dari isi kontent atau artikel. Umumnya tombol share banyak di tempatkan dibawah postingan artikel, tetapi tidak menutup kemungkinan tombol share di tempatkan paling atas postingan artikel ini tergantung selera pemilik blog.

Cara Memasang sangat mudah, caranya hanya dengan memasukkan kode script ke dalam template dengan tambahan Cascading Style Sheet (CSS). Tombol share artikel pada halaman blog saya pakai juga di blog ini, kalau anda mau lihat secara tampilan tombol share ada di bawah setiap artikel blog ini.

Berikut ini Cara Mudah Membuat Tombol Share Artikel Pada Halaman Blog seperti saya lakukan di blog ini:

Buka Template ->> Edit HTML
Cari (Ctrl+F) kode social share yang sudah dipasang, biasanya di bawah kode <data:post.body/>

Copy Paste kode HTML dibawah ini, Pastekan kode di bawah kode <data:post.body/>

<div class='spinner'>     
<li><a class='fb-ico' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url  + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/> <span class='sit'>Facebook</span></a></li>
<li><a class='twi-ico' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url  + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank' title='Tweet Tweet'><i class='fa fa-twitter'/> <span class='sit'>Twitter</span></a></li>
<li><a class='go-ico' data-title='Google+' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank' title='Share on google+'><i class='fa fa-google'/> <span class='sit'>Google</span></a></li>
<li><a class='linkedin-ico' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank' title='linkedin Share'><i class='fa fa-linkedin'/><span class='sit'>Share</span></a></li>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<li><a class='bitz' expr:data-href='data:post.url' expr:data-text='data:post.title' href='javascript:window.location=waCurrentPage();' rel='nofollow' title='Share on whatsapp'><i class='fa fa-whatsapp'/> <span class='sit'>Whatsapp</span></a></li>
</b:if>
</div>

Copy Paste kode CSS dibawah ini, Pastekan di bawah kode <style type='text/css'> kode css.... </style>

.spinner{margin:80px auto auto;}
.spinner li{list-style:none; display:inline;}
.spinner li a{color: #fff; border-radius:6%; font-size: 14px; font-weight: 600; line-height:42px; padding: 10px 12px;}
.spinner li a{margin-right:4px;}
a.fb-ico{background:#3B5998;}
a.linkedin-ico{background:#0976b4;}
a.twi-ico{background:#19BFE5;}
a.go-ico{background:#D64136;}
a.bitz{background:#23A215;}
.sit{margin-left:3px;}
.spinner li a i{font-size:15px;}
a:hover.fb-ico, a:hover.twi-ico, a:hover.go-ico{opacity:8;}
.post-snippet:before{content:attr(data-snippet)margin:0 0 10px;padding:4px 0;}
.fa-google-plus:before{content:"\f0d5"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-plus:before{content:"\f067"}
.fa-linkedin-square:before{content:"\f08c"}

Simpan perubahan template anda, Sekarang Tombol sudah terpasang di Bawah Postingan Blog. Silakan cek dengan membuka blog Anda di HP atau di laptop.

Cara Membuat Tombol Share Artikel Ke Whatsapp di Halaman Blog

Author : Unknown 4 comments

2016-10-30T09:49:00+07:00

Author : Unknown

Membuat Tombol Share Artikel Ke Whatsapp di Halaman Blog

Membuat Tombol Share Whatsapp di Halaman Blog - Tombol share artikel selama ini memang banyak digunakan oleh para blogger untuk mendukung dan mengoptimalkan Mesin Pencari (SEO) guna memudahkan pengunjung blog untuk menyebarkan informasi dari isi kontent atau artikel. Umumnya tombol share banyak di tempatkan dibawah postingan artikel, tetapi tidak menutup kemungkinan tombol share di tempatkan paling atas postingan artikel ini tergantung selera pemilik blog. Untuk tombol share yang saya bahas kali ini adalah tombol share Whatsapp, kenapa harus tombol share whatsapp. Pengguna Whatsapp Mobile menurut berita dari bbc setiap bulannya satu miliar pengguna whatsapp, dan setiap harinya terdapat 42 miliar pesan dan 250 juta video. Dari data tersebut artinya tombol share whatsapp perlu dipasang di setiap postingan artikel, Jika pengunjung blog mengeklik tombol share whatsapp maka akan semakin meningkatkannya popularitas dan peringkat blog di halaman hasil pencarian (SERP).

Cara Memasang Tombol Share Whatsapp

Cara Memasang tombol share wahtsapp sebenarnya cukup mudah, caranya hanya dengan memasukkan kode script ke dalam template dengan tambahan Cascading Style Sheet (CSS). Tombol share whatsapp dan css yang saya pakai ini menyesuaikan dengan tampilan tombol share yang lain seperti Facebook, Google Plus, Twitter dan Linkedin. Untuk melihat tombol share whatsapp ini hanya bisa bisa terlihat di versi mobile karena saya menambahkan script tambahan hanya bisa dilihat di versi mobilenya.

Berikut ini cara memasang WhatsApp Share Button di blog seperti saya lakukan di blog ini:

Buka Template ->> Edit HTML
Cari (Ctrl+F) kode social share yang sudah dipasang, biasanya di bawah kode <data:post.body/>

Copy Paste kode HTML dibawah ini, Pastekan kode di bawah kode <data:post.body/>

<div class='spinner'>     
<li><a class='fb-ico' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url  + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/> <span class='sit'>Facebook</span></a></li>
<li><a class='twi-ico' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url  + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank' title='Tweet Tweet'><i class='fa fa-twitter'/> <span class='sit'>Twitter</span></a></li>
<li><a class='go-ico' data-title='Google+' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank' title='Share on google+'><i class='fa fa-google'/> <span class='sit'>Google</span></a></li>
<li><a class='linkedin-ico' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank' title='linkedin Share'><i class='fa fa-linkedin'/><span class='sit'>Share</span></a></li>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<li><a class='bitz' expr:data-href='data:post.url' expr:data-text='data:post.title' href='javascript:window.location=waCurrentPage();' rel='nofollow' title='Share on whatsapp'><i class='fa fa-whatsapp'/> <span class='sit'>Whatsapp</span></a></li>
</b:if>
</div>

Copy Paste kode CSS dibawah ini, Pastekan di bawah kode <style type='text/css'> kode css.... </style>

.spinner{margin:80px auto auto;}
.spinner li{list-style:none; display:inline;}
.spinner li a{color: #fff; border-radius:6%; font-size: 14px; font-weight: 600; line-height:42px; padding: 10px 12px;}
.spinner li a{margin-right:4px;}
a.fb-ico{background:#3B5998;}
a.linkedin-ico{background:#0976b4;}
a.twi-ico{background:#19BFE5;}
a.go-ico{background:#D64136;}
a.bitz{background:#23A215;}
.sit{margin-left:3px;}
.spinner li a i{font-size:15px;}
a:hover.fb-ico, a:hover.twi-ico, a:hover.go-ico{opacity:8;}
.post-snippet:before{content:attr(data-snippet)margin:0 0 10px;padding:4px 0;}
.fa-google-plus:before{content:"\f0d5"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-plus:before{content:"\f067"}
.fa-linkedin-square:before{content:"\f08c"}

Simpan perubahan template anda, Sekarang Tombol Share WhatsApp sudah terpasang di Bawah Postingan Blog. Silakan cek dengan membuka blog Anda di HP. Untuk contoh script tombol share diatas anda bisa lihat tampilan blog ini versi mobilenya.

Author : Unknown 9 comments

2016-06-21T20:47:00+07:00

Author : Unknown

Cara Mendapatkan Visitor Organik Untuk Blog

Cara Mendapatkan Visitor Organik Untuk Blog - Bagi owner blog tentunya setelah melakukan Monitize Adsense adalah mendapatkan pengunjung blig sebanyak mungkin. Jika blog anda sudah mempunyai umur lebih dari 2 tahun, menarik dari segi desaign dan isi artikel sudah banyak tanpa pengunjung atau visitor maka usaha dan perkerjaan anda akan terasa sia sia. Banyak Cara Untuk Mendapatkan Pengunjung Blog, Misal cara yang umum yang banyak dilakukan adalah menaruh link di sebuah website atau blog orang lain atau di akun sosial media maka itu bisa mendatangkan pengunjung jika orang tersebut mengikuti link tersebut atau informasi yang diberikan, Akan tetapi cara seperti itu belum tentu dianggap sebagai pengunjung organik. Visitor Organik yang berkualitas adalah yang bersumber dari hasil pencarian mesin pencari seperti Google, Yahoo, Bing dll. berdasarkan pengamatan yang saya alami di blog commando98, setiap ada pengunjung yang bersumber dari hasil mesin pencari seperti google bisa mempengaruhi besar pendapatan klik google adsense. Untuk perhitungan CPC (Cost Per Click) google adsense akan berbeda nilainya antara visitor yang datang dari mesin pencarian google dengan visitor yang datang bukan dari pencarian google.

Manfaat Bagi Blog Yang Mendapatkan Visitor Organik

Bagi pemilik blog mendapatkan visitor organik sangat menggembirakan karena usaha kerasnya selama itu membuahkan hasil. Manfaat apa yang akan dirasakan blog tersebut jika memiliki Visitor Organik :

Blog yang di monitize dengan google adsense akan mendapatkan CPC ( Cost Per Clik ) sangat tinggi setiap ada klik iklan yang dilakukan oleh visitor.
Mempunyai ranking blog yang stabil di mata mesin pencari. Setiap kata kunci yang terkait dengan isi konten di blog akan selalu ditampilkan di halaman pertama di mesin pencari google.
Visitor organik yang berasal dari mesin pencari biasanya akan lebih sering melakukan kunjungannya kembali ke blog dari pada yang bukan dari mesin pencari.

Sasaran Bagi Blog Yang Ingin Mendapatkan Visitor Organik

Blog yang ingin mendapatkan Visitor Organik harus mempunya sasaran. Jika ingin berhasil seperti blog saya ini buatlah sasaran target dari semua mesin pencari. Biasanya semua hasil dari mesin pencari dari setiap kata kunci yang dilakukan akan mendapatkan hasil pencariannya tidak di jauh beda. Misal anda memakai kata kunci dari artikel di blog anda di google dan keluarnya di halaman pertama hasil pencarian maka di mensin pencari yang lain seperti yahoo atau bing harus ada di halaman pertama juga dengan kata kunci yang sama. Jadi sasarannya adalah setiap ada tambahan, perbaikan atau update sesuatu di blog maka di webmaster tools di semua mesin pencari harus update juga informasinya. Biasanya pemilik blog yang bermitra dengan adsense hanya melakukan update informasinya di webmaster google, Sekarang lakukan juga di mesin pencari yang lain.

Cara Yang Benar Mendapatkan Visitor Organik

Membuat Judul Yang menarik di Setiap Artikel Yang di Buat.

Judul artikel mempunyai peran yang sangat penting untuk ditemukan pada pencarian mesin pencari Google. Judul artikel akan mendapatkan perhatian setiap hasil pencarian karena dari situ orang akan melakukan memulai kunjungan pertamanya. Buatlah judul artikel semenarik mungkin jangan terlalu panjang dan terlalu pendek.
Membuat Deskripsi Artikel Yang Unik dan Menarik Deskripsikan artikel yang dibuat mewakili semua isi dari artikel yang dibuat. Setelah orang membaca judul artikel biasanya orang akan membaca deskripsi artikel terlebih dahulu sebelum melakukan kunjungan ke blog. Deskripsi berada tepat dibawah judul artikel, Semua pencarian yang dilakukan mesin pencari akan memuat hasil deskripsi artikel. Buatlah deskripsi yang membuat orang penasaran ingin berkunjung ke blog, akan tetapi tidak diperbolehkan isi deskripsi keluar dari pembahasan artikelnya.
Memasang Kode Google Rich Snippet atau Rating Bintang.

Pada mesin pencari google ada plugin rating bintang di hasil pencarian. Bintang review yang dilakukan oleh pencarian google akan menarik pengunjung jika ini bisa dipakai untuk sebuah blog. Orang pasti akan melihat ekspetasi yang beda jika google bisa menampilkan rating bintang dari sebuah blog. Jika ini berhasil dilakukan percayalah orang akan cenderung mengunjungi link tersebut.

Demikian Tutorial Cara Mendapatkan Visitor Organik Untuk Blog. Bagi yang ingi menambah informasi diatas silahkan beri komentar dibawah.

Author : Unknown 3 comments

2016-06-19T22:31:00+07:00

Author : Unknown

Optimalkan Halaman Blog di Versi Mobile

Optimalkan Halaman Blog di Versi Mobile - Pengguna Internet semakin bertambah. Hal ini dikarenakan pengguna internet semakin mudah untuk mengakses informasi. Banyak faktor yang menyebabkan meningkatnya pemakai internet salahtunya dikarena meningkatnya pengguna handphone. Handphone menjadi fenomena tersendiri, banyak orang sudah memiliki handphone dari harga murah sampai yang termahal. Handphone sekarang tidak hanya dipakai untuk alat komunkasi saja, melainkan digunakan sebagai media mencari informasi di internet. Perlu diketahui pengguna internet saat ini sebanyak 60% memakai ponsel dan sisanya adalah pengguna komputer PC untuk sekedar mencari informasi. Karena yang memakai internet dari smartphone semakin meningkat maka pemilik blog harus mengoptimalkan halaman blognya di versi mobile.

Mengoptimalkan Halaman Blog Agar Responsive di Versi Mobile

Bagi para Advertise dan Publishear Adsense saat ini harus menawarkan Optimaze Content untuk versi mobile supaya usaha dan bisnisnya tetap berjalan. Versi Mobile juga mempunyai keuntungan dimana pengunjung dapat kembali mengunjungi blog anda karena mereka mengakses tanpa perlu memakai PC komputer. Blog yang mempunyai versi mobile saja sebenarnya tidak cukup untuk bersaing di dunia internet saat ini. Mengoptimalkan kinerja blog agar lebih cepat dan navigasi yang lebih mudah akan membuat pengunjung kembali dan berlama lama di halaman blog anda. Blog yang mempunyai akses lama lebih dari 5 detik untuk membuka halaman akan mempengaruhi kepuasan pengunjung di setiap detiknya.

Bagaimana Meningkatkan Akses Cepat Blog di Versi Mobile

Bagi yang ingin meningkatkan kenerja situs atau blog di versi mobile berikut ini saran saya yang bisa digunakan :

Optimalkan Pemakaian CSS - Penggunaan CSS yang berlebihan akan membebani kinerja dan kecepatan akses blog. Gunakan CSS pada halaman yang dibutuhkan saja dengan menggunakan logika script anda bisa memisahkan halaman mana yang perlu ada CSS mana yang perlu dikurangi. Jadi tidak perlu di semua halaman memakai CSS yang sama padahal belum tentu digunakan.
Optimalkan gambar - Jangan memasang gambar besar untuk versi komputer ke versi mobile Anda. Sebaiknya size gambar tidak besar sehingga tidak terlalu berat untuk memuat sebuah halaman.
Mengecilkan JavaScript - Dengan pertimbangan agar halaman blog terlihat dinamis dan tetap menarik penggunaan JavaScript memang terkadang masih digunakan. Saran saya jika ingin menggunakan JavaScript sederhanakan logika dari dari JavaScript untuk penggunaan menu drop-down, galery atau menu tombol share.

Untuk memberi kenyamanan bagi para pengunjung sebaikan pertimbangkan saran saya diatas agar usahan dan bisnis anda berjalan semestinya.Demikian yang bisa saya share cara optimalkan kinerja situs anda agar berjalan lebih cepat.

Author : Unknown No comments

2016-05-21T23:03:00+07:00

Author : Unknown

w2b recent comments w gravatar not work

w2b recent comments w gravatar not work - Bagi para pencinta blogger dan komunitas blogger yang menggunakan recent comment belakangan ini dikagetkan dengan tidak munculnya gambar avatar dan isi komentar terakhir pengunjung di situs blog. Saya sebagai admin mengalami hal yang sama, seperti diketahui blog commando98 menggunakan recent comment dibagian footer atau bawah blog. Adanya recent comment di blog tentunya sangat membantu walaupun sebenarnya tidak dianjurkan karena kerja blog akan berat saat di akses. Tetapi bagi saya tetap ada manfaatnya jika ada pengunjung yang memberikan komentar bisa diketahui dengan mudah tanpa perlu masuk ke dasbord blog untuk mengecek satu-satu komentar yang masuk.

Blog yang tidak merespon komentar para pengunjungnya makan ranking dan pengunjung blog akan turun, maka jangan heran jika sang pengunjung tidak akan balik lagi karena akan dianggap si adminnya sudah tidak mengelola blog tersebut. Lalu bagaimana cara mengembalikan recent comments yang tidak muncul lagi. Setelah admin melihat script recent comment blog ini ternyata penyebabnya adalah kedua script dibawah ini.

<script src='https://my-tqarob.googlecode.com/svn-history/r132/trunk/w2b-recent-comments-w-gravatar.js' type='text/javascript'/>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>

Kedua script diatas sudah tidak tersedia lagi di server, Bagi pengguna script diatas sebaiknya diganti dengan script yang baru dibawah ini.

<script src='https://sites.google.com/site/multipaste1/w2b-recent-comments-w-gravatar.js' type='text/javascript'/>

Demikian cara mengembalikan recent comment yang hilang di blog.

Author : Unknown No comments

2015-12-24T21:07:00+07:00

Author : Unknown

Mengganti Domain Blogspot dari .Co.Id Menjadi .Com

Mengganti Domain Blogspot dari .Com Menjadi Co.Id - Pada bulan September 2015 Google mengeluarkan kebijakan perubahan domain blogspot.com di negara Indonesia menjadi blogspot.co.id. Rencana perubahan domain yang dilakukan oleh google sebenarnya sudah dimulai sejak tahun 2013 lalu, Waktu itu hanya sekitar 15 negara yang sudah mulai diubah subdomain blogger tersebut. Kini giliran Indonesia yang mengalami perubahan, Jadi sebenarnya sudah cukup lama waktu perubahan hingga terjadi pada negara indonesia.

Saya sendiri kaget karena penurunan ranking blog saya pada alexa turun sangat tajam. sekarang ranking alexa blog saya dengan domain .com sudah di angka 20 juta terjun bebas dalam 1 bulan. Saking penasarannya saya telusuri penyebabnya ternyara pergantian domain .com ke .co.id dan lebih parahnya lagi iklan adsense tidak muncul sama sekali selama beberapa hari. Lalu bagaimana cara mengganti domain .co.id ke domain .com.

Cara Mengganti domain .co.id ke domain .com

Login ke Blogger
Buka Template, Edit HTML
Copy kode di bawah ini dan letakkan di bawah kode <head>

<script type='text/javascript'> var str= window.location.href.toString(); if ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot.")); if (str1.indexOf('/')=='-1') { var str2=str1; } else { var str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script>

Save Template

Silahkan sobat akses blognya.

Author : Unknown 1 comment

2015-12-19T23:03:00+07:00

Author : Unknown

Cara Beda Mengatasi Masalah Struktur di Blog Blogger

Cara Beda Mengatasi Masalah Struktur di Blog Blogger - Bagi sobat yang pernah mencoba fasilitas tools gratis dari google untuk menguji struktur data pada website atau di Blog Blogger, Barang kali pernah menemukan beberapa kesalahan yang muncul saat Testing Tools Structured-Data. Beberapa kesalahan yang sering muncul seperti : 1. image: tidak ada dan diwajibkan 2. datePublished : tidak ada dan diwajibkan 3. headline : tidak ada dan diwajibkan dsb. Bagaimana cara mengatasi masalah struktur data yang error, di sini sobat harus meluangkan waktu untuk memperbaikannya karena jika mampu memperbaikinya akan berpengaruh pada SEO Blog di mesin pencari Google. Berikut ini saya ambil potongan script dari blog saya ini, Mudah mudahan potongan script saya ini cocok dengan template blog sobat.

1. Pertama sobat harus cari kode berikut :

<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Catatan : Jika sobat tidak menumukan script seperti di atas, coba ambil beberapa potongan script diatas misal itemscope='itemscope' itemtype='http://schema.org/BlogPosting'.

2. Langka kedua jika script sudah ditemukan, copy potongan script blog dibawah ini dan paste tepat dibawah script langkah nomor 1.

<meta expr:content='data:post.timestamp' itemprop='datePublished'/>
<meta expr:content='data:post.timestamp' itemprop='dateModified'/>

<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<b:if cond='data:post.firstImageUrl'>

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='Url'/>
<meta content='600' itemprop='width'/>
<meta content='60' itemprop='height'/> </div>
<b:else/>

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='http://i.imgur.com/bPZIOHo.jpg' itemprop='Url'/>
<meta content='600' itemprop='width'/>
<meta content='60' itemprop='height'/>
</div>

Catatan : Ganti tulisan warna merah dengan alamat URL image logo blog sobat.

Simpan template sobat, Uji kembali struktur data blog sobat di Structured Data Testing Tool. Jika masih ditemukan error silahlan comment dibawah, saya akan coba bantu mengarahkannya.

Author : Unknown 2 comments

2015-12-13T19:26:00+07:00

Author : Unknown

Bagaimana Menambah Twitter Cards di Blogger blogs

Bagaimana menambah Twitter Cards di Blogger blogs : Hallo sobat blogger pada kesempatan ini saya akan berbagi tips meningkatkan angka SEO pada Blogger blogs sehingga menjadikan blog sobat "SEO Friendly" di semua mesin pencari. Artikel ini saya akan membahas Bagaimana menambah Accessibility twitter cards di blogger blogs. Twitter merupakan salah media sosial yang sangat populer dengan peringat #10 besar saat ini versi alexa. Tahukah sobat? Ada lebih dari 300 juta saat ini aktif yang mengirimkan 500 ribu lebih Tweet setiap hari dan 80% dari mereka aktif menggunakan Twitter lewat ponsel atau handphone. Jika sobat mengabaikan kekuatan twitter untuk tidak promosi product, website/blog dalam bentuk artikel saya rasa sangatlah rugi. Kekuatan tweet pada twitter tidak hanya membantu sobat untuk mendapatkan pengikut lebih secara online dan penggemar tetapi juga mendorong lalu lintas besar ke blog blogger Anda.

Pada bulan Juni, 2012 Twitter meluncurkan fitur besar yang disebut Twitter Cards yang membantu pemilik website/blog untuk menampilkan isi artikel mereka pada tweet. Bagaimana cara mengunakan fitur Twitter Cards pada Blogger blogs sobat, Berikut ini dibawah ini penjelasannya.

Langkah 1: Login blogger anda dengan account sobat Pilih Tab Template. Selanjutnya klik edit HTML letakkan coursor mose pada script HTML, Kemudian pada keybord tekan CTRL+F Copy script ini <b:includable id='post' var='post'> kemudian cari.

Langkah 2 : Copy and paste script HTML Twitter Cards tepat dibawah kode ini

<b:includable id='post' var='post'>

<meta content='summary_large_image' name='twitter:card'/>
    <meta content='@puguhnugroho2' name='twitter:site'/>
    <meta content='@puguhnugroho2' name='twitter:creator'/>
    <b:if cond='data:blog.pageType == "item"'>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:else/><meta expr:content='data:blog.pageTitle' name='twitter:title'/>
    </b:if>
    <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
    <b:else/><meta expr:content='data:post.snippet' name='twitter:description'/>
    </b:if>
    <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
    <b:else/><meta content='http://i.imgur.com/bPZIOHo.jpg' name='twitter:image:src'/>
    </b:if>
 <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:content='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.dateHeader/></span></abbr></a>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
<b:else/>
   <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhuQkQoSmpRFRrU92nlX0uWqJGkbpR-fobT7k137FnpOBWi3tPoEf2H5kZ8g0l_wcRwXjnezN4tM95umcdMKDSWBowUkiuo_W8sGQHqGmM4IA6qpk6jkf9utvkB9PbOxn0Xto1QaxXh4/s1600/f2e6b049-a682-4ab8-ac75-0888f9815320.jpg' itemprop='image'/>
 </b:if>

Langkah 3:

Rubah script @puguhnugroho2 menjadi username twitter sobat
Rubah script http://i.imgur.com/bPZIOHo.jpg menjadi profile gambar blog sobat
Rubah script https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhuQkQoSmpRFRrU92nlX0uWqJGkbpR-fobT7k137FnpOBWi3tPoEf2H5kZ8g0l_wcRwXjnezN4tM95umcdMKDSWBowUkiuo_W8sGQHqGmM4IA6qpk6jkf9utvkB9PbOxn0Xto1QaxXh4/s1600/f2e6b049-a682-4ab8-ac75-0888f9815320.jpg
menjadi profile gambar blog sobat.

Langkah 4: Simpan Template

Langkah 5: Lakukan test Twitter Cards apakah sudah berjalan dengan baik. Silahkan kunjungi Card validator Masukan alamat URL blog sobat. Jika berhasil akan muncul seperti gambar dibawah ini :

Demikian Bagaimana Menambah Twitter Cards di Blogger blogs, Berikan komenter sobat jika masih ada yang ingin ditanyakan

Author : Unknown No comments

2015-12-13T15:21:00+07:00

Author : Unknown

Show Ads Between Posts Blogger Menghilang

Show Ads Between Posts Blogger Menghilang - Saya ada pengalaman dimana saat pertama kali blog saya diterima oleh google adsense saya langsung mencoba tampilan blog saya di mobile, ternyata iklan adsense saya muncul di tiap halaman. Selang 1 minggu kemudian saya mencoba edit beberapa pengaturan pada blog ini, karena saya menemukan angka SEO tools saya cuku baik dan angka desaign blog masih cukup baik. Dari temuan tersebut saya mencoba merubah pengaturan setting di blog, Siapa tahu akan menambah nilai angka SEO dan Desaignnya, ada beberapa menu setting yang saya rubah pada saat itu, Karena tidak tahu dampaknya saya coba pengaturan Language and formatting, merubah bahasa blog dari Engglish ke Bahasa Indonesia. Dari perubahan ini saya belum sadar kalau blog saya ternyata pada saat akses di mobile/handphone tidak muncul iklan adsensenya. Sampai saya rombak scriptnya ternyata belum berhasil. Akhirnya Search google saya menumukan artikel penyebabnya yaitu Dynamic Template belum bisa mendukung fitur Google Adsense untuk Bahasa Indonesia secara langsung dan otomatis di templatenya.Terbukti fitur Earnings yang biasa muncul di halaman Dashboard Blogger tidak ada. Kemudian di bagian Layout, "Add a Gadget", fitur Adsense juga hilang.

Untuk solusinya jika sobat menemukan hal seperti ini adalah dengan melakukan setting perubahan bahasa dari bahasa Indonesia ke Bahasa Inggris. Caranya masuk ke bagian "Dashboard Blogger" pilih "Settings", pilih "Language and formatting", pilih "Language", pilih English. Simpan.

Kemudian coba ke bagian Layout lihat gambar diata, klik Edit Blog Posts centang fitur "Show Ads Between Posts" save. Lihat blog sobat di versi mobile dengan cara http://commando98.blogspot.co.id/?m=1 Tambahkan /?m=1 di akhir alamat URL blog sobat. Maka sobat akan melihat iklan adsense akan muncul sendiri, menyesuaikan desaign template bloggernya.

Demikian cara menampilkan Show Ads Between Posts Blogger yang Menghilang. Semoga artikel ini bermanfaat. Terima Kasih

Author : Unknown No comments

2015-11-29T19:00:00+07:00

Author : Unknown

Mendapatkan Backlink dari academia.edu

Mendapatkan Backlink dari academia.edu - Bagi publisher blog atau website yang sedang mencari backlink dengan SERP tinggi dengan kualitas sangat bagus mungkin pekerjaan yang sangat sangat sulit. Pada kesempatan ini saya akan share bagaimana cara mendapatkan backlink dari academia.edu. Seperti kita ketahui semua domain dengan inisila .edu sangat disukai oleh semua mesin pencari seperti Google, Yahoo, Bing dll. academia.edu adalah salah satu situs berbagi PDF yang bisa anda manfaatkan untuk mendapatkan backlink. Berikut ini ada cara memulainya :

1. Buatlah artikel yang menarik terbaru dan sedang trend. Convert artikel yang anda buat menjadi format PDF

2. Daftar academia.edu Pilih Sign Up isikan data identitas anda dengan benar.

3. Jika sudah melakukan pendaftaran pilih Log In >> Pilih Upload akan terlihat seperti gambar dibawah ini

4. Silahkan anda upload file PDF yang sudah anda buat tadi. Ikuti petunjuk selajutnya, Isikan data terkait isi file PDF anda.

5. Jika proses upload selesai pilih View profile yang berada di menu pojok kanan atas. Jika sudah lanjut pilih edit dari file yang anda upload tadi. Pilih Link >> Klik add link masukan alamat blog atau website anda kemudian simpan.

Demikian cara mendapatkan Backlink dari academia.edu, mudah bukan.

Author : Unknown 14 comments

2015-11-14T21:46:00+07:00

Author : Unknown

Google Contributor Sumber Pendapatan Baru Untuk Website Anda

Google Contributor - Semua Publisher Adsense menerima pemberitahuan tentang Google Contributor melalui email pribadinya. Apa itu Google Contributor ? Apa pengaruhnya terhadap penghasilan Adsense? bagimana cara kerjanya? dan sebagainya. Google Contributor di email bertuliskan Introducing Contributor: A new source of revenue for your site yang artinya sumber pendapatan baru untuk blog kita. Cara kerja Google Contributor adalah semacam surfing berbayar, dimana pengunjung membayar kepada Google sejumlah uang dari 2$, 5$ dan 10$ per bulan. Dengan begitu pengunjung website yang menayangkan Google Adsense tidak akan melihat iklan lagi website tersebut dan hanya akan melihat tulisan terima kasih yg muncul pada space iklan yang tersedia. Pengunjung sendiri akan sangat diuntungkan karena tidak akan terlalu banyak iklan yang muncul di website tersebut sehingga mereka nyaman saat membaca sebuah konten tanpa adanya iklan yang menggangu.

Apa pengaruhnya terhadap penghasilan Adsense ?

Apakah Google Contributor mempunyai pengaruh terhadap penghasilan publisher adsense? Jawabanya tidak sama sekali adangaruhnya terhadap penghasilan adsense sobat. Cara kerja kontributor Google berada pada sistem lelang adsense yang sama, sehingga pendapatan publisher tidak berkurang sama sekali. Bedanya hanya uang yg didapat bukan dari pemasang iklan, tapi dari kontributor Google.

Bagimana Cara Kerja Google Contributor ?

Cara kerjanya Google Contributor sangat sederhana pengnjung website yang tidak ingin melihat iklan di sebuat website favoritnya maka pengunjung harus bersedia untuk membayar biaya bulanan yang kecil untuk membantu mendukung website tersebut dengan cara mendaftar pada layanan Google Contributor. Pengunjung website dapat memilih untuk tidak menampilkan iklan dari Google Adsense di website yang yang sedang dibaca dengan mendonasikan uang untuk pemilik website. Jumlah uang yang didonasikan bisa sesuai keinginan pembaca tersebut. Nah, dengan cara demikian sang pembaca website tidak terganggu oleh iklan dan pemilik website tetap mendapat penghasilan. Ini adalah cara Google memberikan sebuah solusi kepada pemilik website dan pembaca website artinya pemilik website tetap mendapatkan penghasilan dan pengunjung tidak terganggu adanya iklan yang muncul. Permasalahan muncul adalah apakah pengunjung website bersedia membayar untuk tidak terganggu iklan dan sekaligus mendukung website atau blog tersebut?. Itu bagaiman cara sobat menanggapinya Program baru Google Contributor, Untuk saat ini admin masih cocok dengan penghasilan adsense sekarang lewat blog ini dengan menampilkan iklan pengunjung meng klik iklan artinya ucapan terima yang diberikan ke admin.

Demikian tentang Google Contributor yang bisa admin sampaikan, Semoga Publisher bisa memilih mana yang lebih tepat dan nyaman untuk website sobat dan tentunya raja kita pengunjung website.

Author : Unknown 2 comments

2015-01-21T17:52:00+07:00

Author : Unknown

Penyebab Rating Alexa Blog Menurun

Penyebab Alexa Rank Blog Menurun - Rank Alexa sering dijadikan untuk menilai sebuah blog atau website diseluruh dunia ataupun khusus di suatu negara tersebut. Banyak sekali para publisher ataupun blog yang ingin memiliki rank alexa yang bagus dan tinggi. Memiliki Ranking blog yang tinggi cukup mudah tergantung niat kita mengelola seperti apa. Disini saya akan jelaskan penyebab ranking blog menurun.

Ada beberapa faktor penyebab rank alexa blog menurun secara drastis bahkan hingga sampai " no data" patut kita waspadai dengan rank yang kita miliki terkadang suatu blog yang memiliki ratusan artikel namun rank alexa masih membengkak alias masih diatas 1 juta. Banyak Blogger yang memiliki blog hanya dengan artikel dibawah 100 sudah memiliki rank alexa yang cukup tinggi. Jika Anda merasa rank alexa blog Anda terus menurun setiap hari perlu Anda perbaiki secepat mungkin agar rank alexa Anda tidak gendut atau membesar, salah satunya Anda perlu mengetahui terlebih dahulu penyebab rank alexa blog menurun, setelah Anda tau penyebab rank alexa menurun

barulah Anda menghindari penyebab-penyebab atau faktor- faktor yang dapat menurunkan rank alexa contohnya seperti

yang ada dibawah ini :

Tidak Sering Update Artikel - Suatu situs web atau blog yang tidak pernah atau jarang diupdate dengan artikel atau konten yang baru dan berkualitas akan sangat terganggu dengan alexa ranknya. Jarang update artikel merupakan faktor utama penyebab turunnya ranking alexa dan akan menyebabkan faktor-faktor lainnya yang bisa menurunkan rank alexa.
Trafic Blog Turun - Dari faktor utama yaitu jarang update artikel maka akan mengakibatkan faktor baru yaitu traffic blog akan menurun, dengan traffic blog yang turun dan sedikit maka akan menghabat rank alexa blog Anda oleh sebab itu rank alexa akan sulit naik, bahkan dengan turunnya trafik blog Anda rank alexa juga akan ikut turun.
Sering Merubah Template - Suatu blog yang terus mengganti templatenya setiap hari atau setiap minggu akan sangat mengganggu terhadap rank alexa,tidak hanya rank alexa saja, SERP dan PageRank juga akan itu terganggu, oleh sebab itu gunakanlah template yang benar-benar Anda suka dan tidak terus menerus mengganti template blog Anda.
Tidak Melakukan BlogWalking - Semua blogger pasti sering melakukan Blogwalking tujuannya melakukan blogwalking sangat banya sekali salah satunya yaitu untuk mendapatkan Backlink dan Visitor. Melakukan blogwalking memang tidak harus dilakukan oleh para blogger, blogwalking ini sangat cocok dilakukan oleh blog yang masih atau baru di buat untuk memperkenalkan blog barunya dan mendapatkan visitor yang banyak dari blogwalking. Namun jika visitor Anda sudah banyak maka hal ini tidak terlalu wajib untuk Anda lakukan.
Blog Tidak Berkualitas - Suatu blog memiliki kualitasnya masing-masing, alangkah baiknya blog membahas satu hal saja jadi Anda harus bisa memilih tema blog yang cocok seperti yang sudah saya jelaskan pada artikel Tips Memilih Tema Blog Terbaik. Ada saja blog yang memiliki ratusan atau bahkan hingga ribuan artikel namun rank alexa masih besar, maka perlu dipertanyakan darimana artikel tersebut, jika artikel tersebut hanyalah artikel hasil copy paste maka akan sangatberpengaruh dan menghabat rank alexa.

Untuk meningkatkan rank alexa blog Anda sangatlah mudah,Anda hanya perlu membalikan artikel diatas, contohnya jarang update artikel menjadi sering update artikel .

Sekian artikel mengenai Penyebab Alexa Rank Blog Menurun.

Author : Unknown No comments

2014-10-15T23:19:00+07:00

Author : Unknown

Kumpulan Meta Tag SEO Friendly Dari Blog Commando

Pada kesempatan kali ini saya ingin share pengalaman saya di website dan blog cara memasang meta tag SEO Friendly. Sebenarnya meta tag sudah banyak dibahas di berbagai blog dan website orang lain, yang saya share ini sebagian sama dengan yang lain .Karena perkembangan media sosial seperti facebook, twitter dll maka kita perlu untuk memasang meta tag dari media sosial tersebut guna mempertahankan SERP di mata semua mesin pencari agar tidak naik turun dengan kurun waktu cepat.. Yang nama nya meta tag, selalu berkaitan dengan SEO dan Search Engine walaupun sebenarnya ada beberapa meta tag yang sudah tidak perlu digunakan, alasannya mesin pencari sudah bisa menggambarkan isi blog dan website anda tanpa perlu memasang meta tag.

Pada kesempatan ini saya hanya share meta tag SEO Friendly yang masih menunjang wabsite dan blog hanya ada di commando98.blogspot.com. Lansung saja, silahkan ganti kode-kode dibawah.

Meta tag mesin pencari

<meta content='36A43D2CE0B95B74E3A84E3B23C8F455' name='msvalidate.01'/>
<meta content='E3eUKzYnZt' name='baidu-site-verification'/>
<meta content='enXrj_fV8R-HvLhkDmfcNCctjCtIK2Hrg14sESF5loo' name='google-site-verification'/>
<meta content='7938cb787228a9fd' name='yandex-verification'/>

Meta tag alexa

<meta content='qVFPs0MiVRCIrDAFxU4U_F9PtUw' name='alexaVerifyID'/>

Meta tag media sosial ( Facebook, Twitter, G+, linkedin, dsb )

<meta content='913227225373357' property='fb:app_id'/>
<meta content='puguhn' property='fb:admins'/>
<meta content='706593509435281' property='fb:page_id'/>
<link href='https://www.facebook.com/puguhn' rel='me'/>
<link href='https://twitter.com/puguhnugroho2' rel='me'/>
<link href='https://www.linkedin.com/in/puguhng' rel='me'/>

Meta Tag agar Search Engine ( Google, Bing, Yahoo search dsb ) menggambarkan isi blog anda.

<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta content='[DESCRIPCION_GENERAL_DEL_BLOG]' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " : " + data:blog.title' name='description' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='blog' property='og:type'/>
<b:else/>
<meta content='article' property='og:type'/>
</b:if>

Meta Tag yang memberi perintah mana yang perlu di ikuti dan tidak oleh Search Engine ( Google, Bing, Yahoo search dsb ).

<b:if cond='data:blog.pageType == "archive"'>
        
        <meta content='noindex,nofollow' name='robots'/>
    <b:else/>
        <b:if cond='data:blog.pageType == "index"'>
            <b:if cond='data:blog.homepageUrl == data:blog.url'>
                
                <meta content='index,follow' name='robots'/>
            <b:else/>
                
                <meta content='noindex,nofollow' name='robots'/>
            </b:if>
        <b:else/>
            
            <meta content='index,follow' name='robots'/>
        </b:if>
    </b:if>

Meta Tag untuk mobile.

<b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>

Meta Tag tambahan.

<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>
<meta content='Puguh Nugroho' name='copyright'/>
<meta content='UTF-8' name='Charset'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='Blog Commando' name='subject'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>

Note : Yang berwarna merah, harus anda ganti sesuai dengan website dan blog anda. Oya untuk meta tag mesin pencari anda harus daftar dulu di webmaster tools di masing-masing pencari, anda bisa cari di google kat kunci "webmaster tools (nama mesin pencari"

Demikian di atas meta tag SEO friendly dari blog commando, Begitulah kira-kira informasi yang dapat saya share. Kalau ada pertanyaan atau masih belum jelas silahkan tinggalkan komentar.bawah.

Author : Unknown 1 comment

2014-10-10T13:26:00+07:00

Author : Unknown

Cara Memasang Script Widget Alexa

Cara memasang script widget alexa - Seperti yang sudah kita tahu alexa merupakan sebuah anak perusahaan dari Amazon.com yang berbasis di California. Alexa merupakan jasa pihak ke-3 bagi pemilik website/blog yang dapat menyediakan data traffic, ranking situs web secara global maupun dalam satu negara tertentu. Alexa sekarang melakukan banyak perubahan, Kalau dulu banyak tampilan widget alexa di share pada situsnya sekarang alexa sudah mengubahnya menjadi di Alexa Support dan hanya ada 2 tampilan widget yang di share. Bagi yang menginginkan tampilan widget alexa lain agar bisa menyesuaikan tampilan di website/blog. Berikut dibawah ini saya share script alexa beserta contoh tampilannya.

Script alexa beserta contoh tampilannya :

<a href="https://www.alexa.com/siteinfo/commando98.blogspot.com"><script type="text/javascript" src="https://xslt.alexa.com/site_stats/js/t/a?url=commando98.blogspot.com"></script></a&gt

<a href="https://www.alexa.com/siteinfo/commando98.blogspot.com"><script src="https://xslt.alexa.com/site_stats/js/s/a?url=commando98.blogspot.com" type="text/javascript"></script></a>

<a href="https://www.alexa.com/siteinfo/commando98.blogspot.com"><script src="https://xslt.alexa.com/site_stats/js/s/c?url=commando98.blogspot.com" type="text/javascript"></script></a>

<a href="https://www.alexa.com/siteinfo/commando98.blogspot.com"><script src="https://xslt.alexa.com/site_stats/js/s/b?url=commando98.blogspot.com" type="text/javascript"></script></a>

Keterangan :

Ganti kode commando98.blogspotcom dengan url website/blog anda
Pasang kode script di atas di tempat yang mudah orang lain lihat.

Author : Unknown 1 comment

2014-10-02T20:58:00+07:00

Author : Unknown

Menghilangkan Ikon Quick Edit Pada Blog ( Optimasi SEO )

Menghilangkan Ikon Quick Edit Pada Blog rupanya menjadikan blog menjadi "SEO Friendly". Saya menganalisa blog ini menggunakan sebuah tool SEO dan hasilnya mengurangi hasil skor SEO Multimedia yaitu "missing tittle" dan menyebabkan blog tidak Valid HTML. Quick Edit icon18_wrench_allbkg.png. muncul di setiap Gadget/Widget bawah kanan dengan kondisi sudah login di akun blogger anda. Quick Edit tidak bisa di tambahkan tag tittle pada script HTML, Hal ini berbeda dengan Quick Edit bergambar pensil bawah postingan artikel yang bisa di memberi judul tag tittle image pensil . Kedua Quick Edit Fungsinya sama memudahkan mengedit widget dan mengedit artikel dengan cepat tanpa masuk dashboard.hanya klik gambar maka blogger bisa mengedit widget atau mengupdate artikel.

Bagi publiser yang punya keinginan menghilangkan Ikon Quick Edit tidak perlu kuwatir, Kedua fungsi Ikon Quick Edit masih bisa dilakukan di dashboard blog dengan memilih "Layout" untu widget dan "Post" untuk edit artikel.

Berikut ini Cara Menghilangkan Ikon Wrench Widget di Blogger

1. Dashboard > Template > Edit HTML
2. Cari tag <b:include name='quickedit'/> dengan cara tekan pada keybord CTRL+F dan hapus semua kode <b:include name='quickedit'/>
3. Simpan Template.

Selanjutnya "Cara Menghilangkan Ikon Quick Edit Post di Blogger"

1. Dashboard > Template > Edit HTML
2. Cari tag </b:skin> dengan cara tekan pada keybord CTRL+F.
3. Copas ( Copy Paste ) kode di bawaa ini dan simpan di atas kode </b:skin>.
.quickedit{display:none;}

Nb : Jik ternyata tag sudah ada rubah kode display-nya menjadi "none".

4. Simpan Template

Salam

Author : Unknown 4 comments

2014-09-23T18:58:00+07:00

Author : Unknown

Laman Tidak Berisi Markup Penerbit

Markup penerbit pada suatu artikel yang telah diposting harus diverifikasi siapa penerbitnya, hal ini ini sangat diperlukan search engine untuk menentukan kualitas artikel yang telah di posting. Dalam sistem SEO adanya suatu penerbit pada artikel yang telah diposting pada web atau blog akan meningkatkan nilai SERP sebuah artikel dimata mesin pencari. Hal ini dapat mempermudah robot mesin pencari dalam merayap sebuah artikel untuk index hasil pencarian artikel pada google. Memverifikasi markup penerbit pada web atau blog sangat mudah, hanya membutuhkan G+ ( Google Plus ) untuk menjadi penghubungnya kepada Search Google. Untuk memverifikasi markup penerbit kali ini saya praktekan menggunakan blog dari platform blogger. Bagi pungguna web atau platform blog lain proses verifikasi hampir sama. Langsung saja dibawah penjelasannya proses verifikasi markup penerbit via blogspot.<

Login to blog
Buka 'Template' lalu klik ' EDIT HTML '
Copy code dibawah ini. lalu pastekan pada halaman blog anda.

<a href='URL GOOGLE PLUS ANDA' rel='publisher' target='_blank' title='publisher'>Find us on Google+</a>

Keterangan :
Isi URL GOOGLE PLUS ANDA dengab ID Google Plus milik Anda. Pastekan kode tersebut pada halaman blog anda terserah sesuai dengan halaman blog anda ( Pada halaman ini saya menempatkan codenya tepat dibawah halaman ), kemudian klik 'SIMPAN TEMPLATE'

Setting Pada Google Plus

Login to google plus
Pilih 'About'
pilih 'Contributor to' lalu klik 'edit'
Ketikkan Nama Blog anda pada kolom pertama dan URL Blog anda pada kolom ke dua setelah anda merasa sudah benar silahkan simpan.
Untuk memastikan Markup penerbit sudah terverifikasi silahkan kunjungi
http://www.google.com/webmasters/tools/richsnippets
Masukkan url blog anda dan klik 'Pratinjau'
lihat bagian PENERBIT

Markup penerbit diverifikasi untuk laman ini

Selesai !! Selamat telah berhasil memverifikasi penerbit artikel pada blog anda. Cara di atas bisa anda lakukan pada website atau blog wordpress dll. Selamat mencobanya.

Salam

Author : Unknown No comments

2014-09-23T10:56:00+07:00

Author : Unknown

Commando : Blog Nofollow

Sudah lama saya memikirkan apakah blog commando ini akan dijadikan blog dofollow atau nofollow. Yang pertama saya lakukan mencari tahu "perbedaan blog dofollow dan noffolow" kemudian selajutnya saya memencari tahu "kelemahan blog dofollow dan nofollow" tidak berhenti disitu saja saya juga mencari tahu "manfaat blog dofollow dan nofollow" dari semua pencarian itu akhirnya saya memutuskan untuk blog commando jenisnya noffolow. Saya sebagai admin blog commando sudah memikirkan resiko yang akan terjadi, Mungkin untuk pencari backlink di blog commando lewat komentar akan sedikit tidak menyenangkan. Disini blog commando akan membuka "iklan premium" yang rencana akan saya buka sebelum akhir tahun ini, dari jasa ini anda bisa promosi produk dan jasa sekaligus mendapatkan backlink. Saya sebagai admin tahu benar saat ini tidak mungkin promosikan iklan premium karena terkendala blog ini masih berumur satu bulan. Saat ini saya hanya fokus untuk promosikan blog saya dulu mendapatkan ranking yang baik dan update artikel.

Sekali lagi saya sampaikan bahwa blog commando jenis blog nofollow, saya mohon maaf untuk pengunjung ketidak nyamanan ini. Tujuan saya baik, saya ingin blog ini menempatkan SERP di halaman pertama mesin pencari. Mohon ijinya untuk komunitas blogger agar tidak membenci blog ini, Akan tetapi blog commando tetap memberikan ruang terbuka bagi pengunjung blog diperbolehkan menempelkan alamat URL pada halaman komentar artikel tapi tidak beruba link. Komentar yang berbau sara, pornografi dan jual beli terlarang akan saya hapus permanen.

Mungkin hanya itu yang bisa saya sampaikan diatas, atas perhatian saya ucapkan banyak terima kasih.

Salam

Author : Unknown No comments

2014-09-07T00:21:00+07:00

Author : Unknown

Membuat Recent Comment Tampilan Avatar Tanpa Gadget

Membuat Recent Comment Tampilan Avatar Tanpa Gadget - Recent Comment adalah menampilkan komentar terbaru atau terakhir pada semua artikel yang sudah di comment. Pada kesempatan ini saya akan membahas cara membuat recent comment tanpa menambah gadget karena kalau pakai gadget sudah banyak pembahasannya heheheee. Membuat recent comment sangat menarik bagi saya pribadi untuk memperindah tampilan blog dan sangat membantu saya mengatahui siapa yang melakukan komentar terbaru atas artikel yang saya buat tanpa perlu saya cek via email / lewat dashbord blog. Recent Comment/komentar sangat dibutuhkan jika anda mempunyai atrikel yang sudah banyak, Visitor yang sudah pasti ada setiap hari maka recent comment perlu dibuat. Pada blog ini recent comment saya buat ada di tampilan footer. Yang membedakan ialah pada tampilan footer blog ini bukan menambah Gadget dari fasilitas yang diberikan oleh blogger. Kalau saya menambah Gadget pada layout blog untuk footer maka tampilannya tidak full, hal ini biasanya menyesuaikan sidebar diatasnya. Inginnya saya membuat footer dengan tampilan full seperti tampilan menu saya diatas, Desaign footer yang saya buat hanya berupa script HTML+CSS , Cuma pada isi footer saya ada tambahan kode java scriptnya, tergantung dari isi footer yang akan dibuat.

Membuat recent comment dengan menampilkan avatar tanpa menambah gadget sangat mudah. Recent comment ini sudah saya praktekan, Untuk desaign tampilannya akan sama persis dengan recent comment pada blog saya ini. Jika masih tertarik langsung saja ikuti petunjuk saya dibawah ini.

1. Login ke Blogger >> Masuk ke Dashboard Blogger >> Pilih Template >> Pilih Edit HTML

2. Copy kode di bawah ini kemudian Paste kode tersebut di tempat yang anda ingin tentukan sendiri.

<style type='text/css'>
ul.w2b_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #ffffff;
}
.w2b_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 6px 0 !important;
    display: block;
    color: #ffffff;
    clear: both;
    overflow: hidden;
    list-style: none;
}
.w2b_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}
.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.w2b_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}
.w2b_recent_comments li span {
    margin-top: 4px;
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}
</style>
<script type='text/javascript'>
 var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
</script>
<script src='https://my-tqarob.googlecode.com/svn-history/r132/trunk/w2b-recent-comments-w-gravatar.js' type='text/javascript'/>
<script src='http://YourNameBlog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5' type='text/javascript'/>

3. Selanjutnya ubah script diatas YourNameBlog.blogspot.com dengan URL blog anda sendiri
4. Ubah script:diatas alt=json&callback=w2b_recent_comments&max-results=5 menjadi alt=json&callback=w2b_recent_comments&max-results=5

numComments = 5   Untuk mengubah jumlah komentar temukan

showAvatar = true Untuk menampilkan avatar

avatarSize = 40   Untuk mengubah ukuran avata

characters = 40   Untuk mengatur jumlah teks maksimal karakter tampilan komentar

defaultAvatar = "http:// www.gravatar.com/avatar/?d=mm"   Untuk mengubah gambar default avatar

Author : Unknown 1 comment

2014-09-05T16:35:00+07:00

Author : Unknown

Cara Custom Permalink Blogspot Dengan Benar

Blogger meluncurkan salah satu fitur terbarunya yang biasa dikenal dengan custom permalink, Permalink sangat optimal dalam membuat sebuah artikel yang berisi link murni dari halaman blog kita sendiri, Sehingga akan membuat maksimal nilai SEO On Page di halaman blog kita semakin bertambah. Permalink adalah sejumlah karakter dari judul artikel pada URL yang sudah di Publish. Permalink atau Permanen link tag sangat baik dalam SEO OnPage / Page View pada sebuah halaman posting Blog. Selain itu permalink sangat disukai search enggine berdasarkan hasil keyword yang tepat dan menghasilkan hasil judul artikel akan dibaca. Dulu sebelum blogger muluncurkan fitur terbarunya ini, Publisher blog dengan platform bloger dibingungkan membuat judul artikel nya. Bagaiamana tidak kalau judul/title artikel panjangan akan membuat alamat URL artikel terpotong di tengah-tengah. Dulu blogger mempunyai standarnya sendiri menentukan berapa jumlah karakter yang digunakan untuk alamat URL artikel. Sekarang ini pengguna blogger tidak dipusingkan masalah batasan jumlah karakter alamat URL artikel, Fitur terbaru Custom Permalink bisa dimodifikasi sesuka anda, Yang terpenting Custom Permalink ini dalam memberi judul tetap terkait dengan isi artikel.

Alamat URL

Pada blogger setiap anda membuat artikel baru yang akan dipostingkan maka judul artikel akan secara otomatis menjadi alamat URL halaman artikel tersebut. Maka pastikan dahulu sebelum artikel di posting apakah alamat URl artikel terpotong atau tidak. Judul artikel ini menjadi kunci memudahkan mesin pencari seperti Google, Yahoo, dan bing sebagai kata kunci dalam pencarian dan hasil pencarian yang keluar SERP URL akan terkena ' block ' sesuai dengan hasil pencarian. Permalink ini sangat penting guna menaikkan peringkat di hasil pencarian (SERP), dan menaikan popularitas blog [Page Rank].

Apa yang menyebabkan perlu custom permalink di blogspot ?

Jawabannya pada judul artikel yang dibuat : Jika anda membuat artikel baru dengan judul artikel lebih dari 50 karakter maka pada alamat URL yang keluar akan terpotong dan tidak sesuai judul artikel. Tips kali bagaimana menjadikannya permalink menjadi SEO Friendly di mata mesin pencari, yaitu dengan cara:

Hapus kata-kata yang tidak perlu, seperti kata tentang, seorang, dan, yang, seperti, di, menjadi, oleh, dari, bagaimana, saya, dalam, adalah, itu, dari, pada, atau, yang dikenal sebagai "stop words" Kata-kata itu akan di filter oleh mesin pencari karena menyebabkan memperlambat hasil pencarian. Baca artikel Tips Optimasi SEO (Search Engine Optimizatio).

Langsung saja bagaimana cara permalink sebagai berikut :

Login ke Blogger >> Masuk ke dasbord blog.
Pilih entri baru ( new post ) / pilih artikel yang akan di permalink. Pada halaman editor office sebelah kanan akan menampilkan beberapa opsi yang bisa kita gunakan untuk setting artikel, misalnya label, jadwal, tautan permanen/permalink, lokasi, dan pilihan. Nb : Untuk artikel yang sudah terlanjur di posting, Pilih edit artikel >> Pilih menu "Revert To Draft" sebelah menu Upate. Nah berharap artikel yang mau di permalink ini belum ter-index oleh search enggine, karena kalau sudah ter-index oleh search enggine maka pengungjung akan diarahkan ke halaman kosong.

Penjelasan gambar diatas :

Automatic Permalink adalah tautan atau alamat URL artikel yang otomatis keluar akan tetapi dibatasi jumlah karakter.
Custom Permalink adalah tautan atau alamat URL artikel yang bisa dirubah sesuai yang kita mau. Untuk custom permalink hindari penggunaan kata-kata "Stop Word" yang sudah saya jelaskan di atas.

Pada penjelasan di atas di custom permalink isikan saja judul artikel / dapat diganti dengan nama yang anda suka. Contoh permalink dari saya diatas "custom-permalink-blogspot-sangat-mudah" dengan memberikan tanda "-" strip di setiap kata. Perlu diperhatikan dalam membuat custom permalink tidak boleh mengunakan spasi dan setiap kata harus terus menyambung dan disisipkan tanda "-" pada setiap spasi kata.

3. Klik Done/Selesai. Cek hasilnya apakah alamat URL sudah berubah atau belum.

Demikian diatas cara custom permalink blogspot alamat URL artikel. Semoga artikel diatas bermanfaat dan selamat mencobanya. Sukses selalu untuk kita semua.

Salam

Author : Unknown No comments

2014-09-04T20:47:00+07:00

Author : Unknown

Tips Mengganti Avatar Komentar Dengan Benar

Tampilan avatar komentar yang menarik sesuai keinginan sendiri. Pada kesempatan ini saya akan membahas cara merubah / mengganti profile avatar pribadi pada kometar blog-blogger. Saya yakin sudah banyak senior publisher blog yang sudah tahu caranya mengganti profile avatarnya, akan tetapi bagi pemula yang sudah pernah mencoba mengganti / akan mengganti profile avatar pribadinya maka saya ada tips agar tidak gagal mengganti avatar pada threaded comment. Apa yang membedakan cara saya ini dengan cara pada blog/web orang lain. Untuk script yang digunakan sama dengan cara yang digunakan orang lain yang membedakan penjelasan / keterangan yang masih perlu diperjelas. Bagi yang copas alias copy paste script orang lain mungkin masih ada yang kebingungan, Kenapa avatar komentar pada blog tidak berubah. Nah kali ini saya akan membahasnya dengan jelas agar tidak gagal mengganti avatar. Langsung saja ikuti petunjuk dibawah ini.

1. Login di blog-blogger >> Masuk ke Dashbord blog

2. Klik Template >> Edit HTML

3. Cari tag </head> Agar mempermudah dalan pencarian, Letakan kursor mouse pada script HTML, Klik satu kali di area dalam script. Tekan pada keybord CTRL+F akan muncul teks box di pojok kanan atas di area script HTML. Copy tag </head> kedalam teks box tadi tekan enter satu kali, maka otomatis akan di arahkan pada hasil pencariannya

4. Copy kode di bawah ini tepat di atas kode </head> yang tadi sudah ketemu hasil pencariannya

<script src='https://ajax.googleapis.com/
ajax/libs/jquery/1.8.3/jquery.min.js'
type='text/javascript'/>

Keterangan : Jika dalam script HTML sudah di temukan kode Jquery.min.js atau sejenisnya, Jangan menambahkan script di atas karena jika pasang justru akan memperlambat loading blog anda. Pastikan cari dulu kode Jquery di halaman script HTML seperti mencari mencari kode </head>, ketik saja kata Jquery di teks box. Jika ditemukan kode Jquery coba tambahkan script dibawah ini apakah bisa digunakan untuk mengganti avatar pada komentar atau tidak. Jika bisa mengganti gambar avatar pada komentar gunakan kode Jquery yang sudah ada. Tapi jika ingin meng update kode Jquery dengan script yang ada di atas pastikan lagi fungsi pada saat tampilan blog berfungsi semua seperti menu pada header atau yang lain yang ada kaitanya dengan code Jquery yang akan di update.

5. Cari tag </body> lakukan seperti cara pada langkah ke-3 untuk memudahkan pencarian. Copy kode di bawah ini tepat di atas tag </body>

<script>
// ganti gambar anonim
$("img[src='http://img1.blogblog.com/img/anon36.png</span>']")
 .attr('src', '<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKe_W6_xXh7l3ubrCtZym4g_0XJlQNr1xjiqSPNkypy0stWCbdG4qorvpnfV5Vh-F-5bCyZazRHLEw9OcVY2h13rF4ldb6173f3WpGjgTzbz7Eyzr-Xkxwr3oDe3ulgegiFPvuThva1g/s1600/cooltext1577682742.gif').ssyby('blank')</script>

Keterangan script di atas, berikut dibawah keterangannya.

Ganti kode URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKe_W6_xXh7l3ubrCtZym4g_0XJlQNr1xjiqSPNkypy0stWCbdG4qorvpnfV5Vh-F-5bCyZazRHLEw9OcVY2h13rF4ldb6173f3WpGjgTzbz7Eyzr-Xkxwr3oDe3ulgegiFPvuThva1g/s1600/cooltext1577682742.gif dengan kode URL gambar anda yang sudah di upload. Ada baiknya sebelum upload gambar di sesuaikan terlebih dahulu ukuran gambar bisa 32x32 pixel / 64x64 pixel yang terpenting kotak dengan format gambar png/gif/jpeg/jpg. * Untuk server upload gambar avatar bisa di Google Picasa, Flickr, FB, atau diupload di blog anda sendiri. Cara upload gambar di blog sendiri, buka menu posting baru / new post>> pilih menu icon image/gambar di sebelah kanan menu link. Pilih gambar avatar yang akan diupload >> Tunggu proses upload selesai>> Pilih add select gambar yang sudah di upload>> akan muncul gambar di halaman postingan >> Pilih menu HTML di sebelah pojok kiri atas copy kode HTML URL gambar Contoh kode URL lihat nomor 1 di atas, Paste kode URL image di script yang ke-2 di atas.
Pada kode script diatas http://img1.blogblog.com/img/anon36.png diganti dengan URL avatar default komentar anda, Setiap script template blog biasanya tidak sama seperti script contoh diatas. Caranya ceknya : letakan kursor mouses pada gambar avatar default komentar anda >> Klik kanan pada mouses >> Klik view image. Cek alamat URL gambar avatar default anda apakah sama dengan kode di atas. Jika berbeda ganti alamat URL di atas dengan kode URL avatar default anda dan jika kode URL sama tidak perlu diganti kode URL tersebut.
Simpan dan cek hasilnya.

Demikian diatas cara mengganti avatar komentar pada blog .Jika masih bingung atau belum muncul gambar avatarnya tinggalkan komentar anda dibawah, Saya akan balas komentar anda secepat mungkin.

Salam