logo blog

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

Cara Mudah Membuat Tombol Share Artikel Pada Halaman Blog

share button
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:
  1. Buka Template ->> Edit HTML
  2. Cari (Ctrl+F) kode social share yang sudah dipasang, biasanya di bawah kode <data:post.body/>
  3. 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>
  4. 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"}
  5. Simpan perubahan template anda, Sekarang Tombol sudah terpasang di Bawah Postingan Blog. Silakan cek dengan membuka blog Anda di HP atau di laptop.

4 comments

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

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:
  1. Buka Template ->> Edit HTML
  2. Cari (Ctrl+F) kode social share yang sudah dipasang, biasanya di bawah kode <data:post.body/>
  3. 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>
  4. 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"}
  5. 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.

9 comments

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

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 :
  1. Blog yang di monitize dengan google adsense akan mendapatkan CPC ( Cost Per Clik ) sangat tinggi setiap ada klik iklan yang dilakukan oleh visitor.
  2. 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.
  3. 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

  1. 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.
  2. 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.
  3. 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.

3 comments

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

Optimalkan Halaman Blog di Versi Mobile

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 :
  1.  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.
  2. 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.
  3. 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.

No comments

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

w2b recent comments w gravatar not work

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


  1. <script src='https://my-tqarob.googlecode.com/svn-history/r132/trunk/w2b-recent-comments-w-gravatar.js' type='text/javascript'/>
  2. <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.
  1. <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.




No comments

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

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.

1 comment

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

Cara Beda Mengatasi Masalah Struktur di Blog Blogger

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

2 comments

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

Bagaimana Menambah Twitter Cards di Blogger blogs

Validator Twitter CardsBagaimana 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'>


Langkah 3:

  1. Rubah script @puguhnugroho2 menjadi username twitter sobat
  2. Rubah script  http://i.imgur.com/bPZIOHo.jpg menjadi profile gambar blog sobat
  3. 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 :

Twitter Cards 

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

No comments

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

Show Ads Between Posts Blogger Menghilang

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

Dashboard Blogger

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

No comments

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

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.

academia.edu 

3. Jika sudah melakukan pendaftaran pilih Log In >> Pilih Upload akan terlihat seperti gambar dibawah ini
upload academia
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.
upload academia

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

14 comments