Info Hari

Memasang Kotak Komentar Facebook di Blogger Memasang kotak komentar facebook di blogger dengan model tab. Dimana kolom komentar akan terbagi menjadi 2 tab, yaitu tab komentar blogger dan tab komentar facebook. Widget ini sangat cocok untuk meningkatkan interaksi dan komunikasi media sosial facebook. Apalagi kita ketahui bahwa semua orang pasti memiliki akun facebook dan biasanya selalu login " ingat saya " di browser komputer atau laptop pribadi mereka. Contoh gambar seperti yang terlihat pada gambar dibawah ini: Cara Memasang Kolom Komentar Facebook Langkah 1. Pada dashboard blogger --> Template --> Edit HTML --> klik kiri area kosong kotak Edit HTML dan Cari (CTRL+F) kode  berikut: <div class='comments' id='comments'> Langkah 2. Copy dan Paste kode berikut dibawah dari kode <div class='comments' id='comments'> <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&...

Memasang Tombol Pin It Pinterest Memasang tombol pin it pinterest pada setiap gambar di blogger itu cukup mudah. Walapun anda tidak harus memiliki akun pinterest terlebih dahulu. Namun ada baiknya anda membuat akunnya ya di  https://www.pinterest.com/ . Kenapa? Karena kita dapat mendaftarkan blog yang kita miliki di akun pinterest, sehingga nantinya dapat muncul tulisan " situs terverifikasi ". Selain itu tentunya menambah backlink ke blog dan apalagi anda memiliki banyak teman di akun pinterest anda. Tentu sangat disayangkan kalau ada kesempatan emas seperti itu. Tidak seperti facebook dan twitter yang harus memiliki popularitas yang tinggi dan mengirimkan beberapa persyaratan untuk verifikasinya. Fungsi Tombol Pin it Fungsi dari tombol ini adalah sharing ke sosial media untuk setiap gambar yang ada pada blog anda. Sama halnya seperti tombol g+1, like facebook ataupun retweet twitter. Namun pinterest ini terbatas khusus untuk gambar saja. Memasang Tombol Pin it Langkah 1. K...

Apa itu Validator W3C? Validator W3C adalah alat yang berfungsi untuk memeriksa validasi dokumen web berupa HTML, XHTML, SMIL, MathML, dan lainnya. Anda pasti sudah tahu alamat W3C itu sendiri. Silahkan apabila anda ingin memeriksa html5 dari blog ini atau blog anda sendiri. --> Validator W3C Validator W3C Mempengaruhi SEO? Jawabannya adalah tidak . Coba sobat periksa sendiri situs-situs besar dan terkenal. kita ambil contoh saja google, youtube, atau facebook. Berikut saya tampilkan screenshot test markup validator dari facebook, google dan youtube: Dapat terihat jelas pada gambar diatas, bahwa situs-situs tersebut pada dasarnya tidak memperbaiki dokumen web meraka yang error walaupun mereka mampu. Saya tidak tahu alasan yang pasti kenapa, tapi Matt Cutts sendiri mengapresiasi apabila ada anggotanya yang mau meluangkan waktu untuk memperbaikinya. Untuk video terkait bahwa Validator W3C tidak mempengaruhi SEO adalah sebagai berikut: Video Matt Cutts pada 16 September 2009 tentang M...

Menghilangkan plusone.js Blogger Menghilangkan javascript plusone.js dengan URL  https://apis.google.com/js/plusone.js pada blogger itu dapat untuk dilakukan. Plusone.js  merupakan javascript bawaan blogger untuk widget dan navigasi bar yang ada pada posisi floating diatas. Selain itu sebelum google+1 button menggunakan versi asinkron (async) yang baru (platform.js), plusone.js lah yang digunakan walaupun dapat diasinkronkan juga. Namun dengan seiring berkembangnya developer google dengan kemunculan PageSpeed Insights, banyak pengguna domain blogspot yang memeriksa kecepatan blog mereka. Dan dengan hasil yang kurang memuaskan dimana adanya javascript plusone.js yang memblokir perenderan di konten paruh atas. Karena bawaan langsung dari blogger, apabila script itu dihilangkan maka ada beberapa widget yang tidak berfungsi, seperti arsip blog. Namun widget tersebut jarang digunakan dan selain itu widget lainnya yang saya gunakan pada dewa inside blog ini berfungsi dengan baik. ...

Cara agar postingan artikel cepat terindex google sehingga dapat muncul pada halaman hasil mesin pencari serp dengan menggunakan Fetch as Google dari Alat Google Webmaster. Alasannya sudah jelas karena google merupakan mesin pencari yang dipakai oleh seluruh orang di dunia. Dengan menggunakan fitur fetch as google, postingan dapat cepat terindex oleh google dalam hitungan detik dan menit. Tentunya kamu juga sudah menambahkan blog ke search engine google . Berdasarkan pengalaman saya menggunakan tool ini, artikel yang saya publikasikan langsung tampil pada SERP google apabila saya periksa dengan menggunakan alamat postingan yang berkaitan itu dalam waktu yang singkat. Tool ini sangat bermanfaat apabila anda memiliki situs yang setiap harinya harus mempublikasikan puluhan artikel sekaligus. Seperti situs-situs selebritis, berita dan politik. Video SEO Startup Maile Ohye (Pimpinan Teknologi Developer Programs di Google) tentang kegunaan fetch as google tool. Dampak Negatif Namun ada sis...

Pada tahun 2015 ini mobile friendly website sangat diperhatikan karena google sendiri memperhatikan Mobile SEO pada setiap blog. Pada tampilan seluler device blogger, widget tidak ditampilkan dan yang ditampilkan hanya laman (pages). Jika anda ingin menampilkan ataupun menyembunyikan gadget tertentu (semisal, kotak pencarian) pada versi seluler di blogspot caraya sangat mudah. Secara otomatis blog dengan platform blogger akan memiliki kode meta tag seperti ini: <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0' name='viewport'/> Maksudnya agar blog dapat menjadi tampilan mobile apabila diakses melalui mobile, tablet atapun iphone sehingga menjadi mobile friendly (faster, padat dan ringkas). Anda dapat melihatnya pada template blogger anda sendiri. Seandainya kode diatas tidak ada maka perlu ditambahkan pada area setelah <head> Untuk memeriksa apakah tampilan blog anda mobile friendly cukup anda tambahkan ?m=1 jadi akan ...

Membuat tombol kembali keatas (back to top) pada blog dengan menggunakan kode HTML, Javascript, CSS atapun jQuery. Fungsi dari tombol ini adalah apabila pengunjung blog scroll kebawah maka akan muncul tombol back to top yang memudahkan pengunjung untuk kembali pada posisi atas dari posting blog tanpa susah menggunakan mouse untuk keatas. Memasang Tombol Kembali ke Atas Pada dashboard blog, pilih Template --> Edit HTML --> Klik pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode berikut: </head> Selanjutnya ikuti langkah dibawah ini. Silahkan anda pilih salah satu efek dari tombol ke atas berikut: 1. Membuat Tombol Kembali ke Atas dengan Efek Halus Langkah 1. Letakkan kode berikut diatas  </head> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/> <script type='text/javascript'> $(function() { $(window).scroll(function() {if($(this).scrollTop()&gt;500) { $(&#39;#Scrol...

Menghapus tulisan Diberdayakan oleh Blogger (Powered by Blogger) atau yang biasa disebut Atribusi (Attribution) di blog jika anda merasa mengganggu tampilan blog dan ingin menghilangkannya. Namun untuk aturan dari blogger sendiri saya kurang tahu apakah melanggar atau tidak. Tapi secara pribadi karena saya menggunakan gratis dari blogger, saya tetap menampilkannya. :) Cara Menghilangkan Tulisan Diberdayakan oleh Blogger Langkah 1. Pada dashboard blog yang diinginkan, lihat Template --> Edit HTML Langkah 2. Klik kiri area kosong kotak Edit HTML dan Cari (CTRL+F)  kode berikut : </head> Langkah 3. Copy dan Paste kode berikut di atas </head> <style> #Attribution1 { display: none; } </style> Langkah 4. Simpan Template Kode tersebut " display: none; " pada dasarnya hanya tidak menampilkan widget tersebut dan space dari atribusinya juga ditiadakan. Ternyata mudah bukan? Sekian.

Membuat tombol spoiler pada blog merupakan hal yang cukup mudah. Fungsinya untuk menghemat space yang ada pada postingan apabila dibutuhkan, dengan menyembunyikan konten berupa tulisan ataupun gambar. Dan ketika tombol spoiler di klik maka konten tersebut akan ditampilkan. Untuk itu cukup copy-paste kode spoiler berikut pada mode HTML blog Anda. Kode Spoiler : <div><input value=" Buka Spoiler " onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = ' Tutup Spoiler ';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = ' Buka Spoiler ';}" type="button" /><div style="display: none;"> MASUKKAN KONTEN DISINI </div></div> Catatan: Merah adalah tempat konten yang akan disembunyikan dengan spoiler. Biru adalah text yang...

Untuk share posting blog secara otomatis ke laman google plus fan caranya sangat mudah. Entah mengapa banyak blogger yang menyarankan menggunakan pihak ketiga, padahal blogger sendiri menyediakan caranya. Untuk itu langsung saja ikuti cara di bawah. 1. Hubungkan Blog ke Google+ Anda Jika sudah terhubung dengan Google+ silahkan lompat ke Point 2 . Sebelum dapat share posting blog ke Google+, Anda harus menyambungkan blog Anda ke Laman Google+ atau Profil. Langkah 1. Pada Dashboard Blogger --> Klik kiri Gambar Gear --> Hubungkan ke Google+ Langkah 2. Centang "Saya telah membaca..." dan klik Beralih Sekarang Juga 2. Share Posting Blog ke Laman Google+ Langkah 1. Buka  Akun Blogger Langkah 2. Pilih blog yang Anda ingin postingnya di share otomatis Langkah 3. Pilih Google+ --> Anda dapat memilih  Laman Google+ atau Profil Google+ Pilih (klik kiri) pada Laman Google+ / Profil Centang "Bagikan secara otomatis setelah mengeposkan" Sangat mudah bukan?

Kenapa Perlu Optimasi Heading Tag? Heading tag memiliki peranan yang sangat penting pada SEO. Fungsinya untuk memilah dan memberi tahu mesin pencari tentang kategori suatu konten dan seberapa penting konten itu. Berdasarkan dasar HTML ada 6 heading tag H1, H2, H3 sampai H6. H1 menandakan prioritas utama dari suatu konten, H2 sub / di bawah dari H1 dan seterusnya berlaku untuk H3, H4, H5, H6. SEO best practice , jumlah H1 maksimal adalah 1 pada laman yang sedang ditampilkan, H2 minimal 1 pada tiap laman, sedangkan H3-H6 itu optional. Maka dari itu perlunya optimasi SEO heading tag blogger dengan mengubah judul postingan menjadi H1 pada laman posting, judul blog menjadi H2 pada laman posting dan widget menjadi H4. Untuk membuat gambar header blog memiliki heading responsif H1 pada beranda dan H2 pada postingan baca >> Membuat Heading H1 pada Gambar Header Blog Secara default, blogger mengatur : H1 = Judul Blog H2 = Gadget / Widget H3 = Judul Posting Untuk SEO yang lebih friendly me...

Perlunya Melaporkan Pencurian Konten (Copy-Paste) Blog? Banyak sekali kasus pelanggaran hak cipta yang terjadi di dunia maya. Dan tentunya membuat kesal orang yang memiliki secara sah konten original tersebut. Hal yang cukup menjengkelkan lainnya adalah ketika blog yang mencuri (copy-paste) konten blog kita memiliki ranking lebih tinggi di serp google. Untuk itu perlunya melaporkan blog atau situs yang mencuri artikel atau konten kita ke dmca agar konten terkait dihapus dari situs pencuri. Langsung ke --> Cara Melaporkan di bawah? Bagaimana Cara Mengetahui Konten Blog yang Dicuri? Artikel: Cara 1. Kunjungi https://www.google.com --> Copy dan Paste sebagian artikel blog Anda dan Cari . Nanti akan ditampilkan oleh google, blog atau situs apa saja yang memiliki kesamaan dengan kata-kata yang anda masukkan untuk pencarian. Cara 2. Kunjungi http://copyscape.com/ --> Masukkan url blog anda dan Cari . Nanti akan ditampilkan link oleh copyscape, situs apasaja yang memiliki k...