Sabtu, 18 April 2015

Cara Memasang Kotak Komentar Facebook di Blog

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:

Tab Komentar Facebook dan Blogger

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'>
Edit HTML


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(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfLIP-gCxrJOOZKWH9nO5sgWNSG36r2j1bbSbkp1Jpif7U3Fv8sR_Po33UyVDhkiy5tLsCqw97B34yAqGBAcZHXN7Ih4Z7JvGjaa2K3Q2vOvixeK1wiG5ERu-a8P1uGzSmJ2oj37d1xwn0/s1600/Facebook+Icon.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img alt='blogger tab' class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEise0v9yW4lJwF2zUKpbN9uQsKZ9hd6rQgaorRpQeqCwLZ7viT9ap7HSlDkXXlKnygMNlgKjaDgdsB7F-bqE8JgJ63oDmcDmo5D_VNGKIf0j0OdUwQY4o2F2JbUZYwIx_Hf2cisqXQNQCKw/s1600/Blogger+Icon.png'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='187715554575764' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script>
<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>
Catatan: Ganti tulisan Merah dengan ID Fans Page Facebook anda. Untuk mengetahui ID dari laman penggemar berikut saya berikan contoh: https://www.facebook.com/pages/Dewa-Inside/187715554575764

Langkah 3. Simpan Template

Silahkan lihat blog dan apabila berhasil, Selamat anda telah memasang kolom komentar facebook di blog anda dengan model tab. Sekian dan semoga bermanfaat bagi sobat blogger semua. :)

Jumat, 17 April 2015

Cara Memasang Tombol Pin it Pinterest di Blog

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.

Tombol Pin it Pinterest

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. Kunjungi situs --> Pembuat Tombol Pin It pinterest

Langkah 2. Pilih Tombol Pin It --> Gambar Mengambang, anda dapat mengedit (Tipe Tombol dan Tampilan) yang disediakan oleh developer pinterest dan dapat dipratinjau. Lalu Copy kode yang ada pada bagian bawah.

Tombol pin it

Copy kode tombol pin it

Langkah 3. Buka akun blogger --> Template --> Edit HTML --> klik kiri area kosong Edit HTML dan Cari (CTRL+F) kode berikut:
</head>
Langkah 4. Paste kode tombol pin it diatasnya dan Simpan Template.

Catatan : Perlu untuk diketahui bahwa gambar yang memiliki dimensi lebar dan panjang yang terlalu kecil tidak akan memiliki tombol hover pinterest. Dikarenakan tombol pin it sendiri yang lebih besar dari gambar yang akan dipasangkannya.

Selesai dan sekarang setiap gambar yang ada pada blog anda akan memiliki tombol pin it pinterest yang hover ketika kursor mouse didekatkan ke gambar. Selamat mencoba dan semoga bermanfaat bagi sahabat blogger semua.

Apakah Validator W3C Mempengaruhi SEO

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

W3C Mempengaruhi SEO

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:

W3C Facebook
W3C Google
W3C 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 Mengapa google.com Tidak Validasi dokumen mereka?


Video pada 15 Maret 2011 Matt Cutts dengan Danny Sullivan dari SearchEngineLand tentang Apakah Validasi HTML diperlukan untuk Ranking?


Namun ada baiknya untuk mengurangi seminimal mungkin kesalahan yang terjadi pada blog kita. Karena pada dasarnya yang disampaikan oleh W3C itu benar. Sebagai contoh, sewaktu saya memeriksa blog ini, saya berusaha memperbaiki kesalahan yang ada semaksimal mungkin. Dan memang ada hasil positifnya, yakni compability pada browser tertentu.

Compability Suatu Browser

Semisal saya ibaratkan, ketika sobat menuliskan kalimat pada www.google.com dan ada kata yang salah, apakah google mengerti kalau kata itu salah? Jawabannya iya dan mesin pencari google berusaha melakukan pendekatan menuju kata yang lebih tepat dengan memberikan sugesti kata terkait dan menampilkan laman terkait. Sama halnya dengan validator w3c yang berfungsi memberitahu adanya kesalahan kode dokumen suatu situs. Ketika ada kode html yang salah pada template blog anda apakah browser anda mengerti kalau html itu salah? Jawabannya iya juga, browser anda berusaha untuk membenarkan agar dapat membaca template dan menampilkannya sehingga dapat terlihat oleh mata manusia.

Maka dari itu akan lebih baik apabila kita dapat memperbaikinya, ya terkait dengan compability dari suatu browser. Terlihat pada peramban Chrome bagus, belum tentu pada Mozilla atau Internet Explorer (biasa terjadi). Bisa saja ada widget yang bergeser atau tidak terlihat pada browser lain namun terlihat cantik dan pro pada browser lainnya lagi. Sedangkan faktor yang mempengaruhi SEO itu sendiri ada banyak. Seperti kualitas konten, keywords, dan lain sebagainya yang belum bisa saya jelaskan satu per satu.

Rabu, 15 April 2015

Menghilangkan Script plusone.js di Blogger

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.

Menghapus Plusone.js

Dengan menghapus script itu, maka akan mempercepat loading blog dengan domain blogspot anda. Untuk menghapus script tersebut dari platform blogger silahkan anda ikuti langkah-langkah dibawah ini:
Langkah 1. Pada Template --> Edit HTML --> Cari (CTRL+F) url berikut:
https://apis.google.com/js/plusone.js
Namun apabila alamat url javascript pluone.js untuk widget blogger diatas tidak ada, langsung lihat langkah 3.

Langkah 2. Hapus semua kode navbar dari <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> sampai dengan </b:section>. Seperti gambar yang tampil dibawah ini:
Atau cara paling mudah adalah menggunakan fitur pada Edit HTML yaitu Lompat ke widget --> Nanvbar1

Hapus Plusone.js
Klik Untuk Memperbesar Gambar
Langkah 3. Selanjutnya Cari (CTRL+F) kode:
</body>
Ubah kode diatas menjadi
&lt;!--</body>--&gt;&lt;/body&gt;
Langkah ini perlu dilakukan karena apabila anda memiliki extensions PageSpeed Insights (by Google) di chrome, maka apabila anda check pada developer tools maka plusone.js tetap ada.

Langkah 4. Simpan Template

Langkah 5. Selanjutnya uji kecepatan menggunakan --> PageSpeed Insights. Untuk memastikan bahwa script plusone.js telah dihapus dari template blog anda. Untuk memudahkan dan memastikan lebih jauh anda juga dapat meng-install --> extensions PageSpeed Insights (by Google).

Selamat anda telah lebih mempercepat loading blog anda dengan menghilangkan script plusone.js yang memblokir perenderan konten paruh atas :). Silahkan tinggalkan komentar pada kolom komentar dibawah apabila anda memiliki masukan lainnya.

Senin, 13 April 2015

Cara Agar Posting Cepat Terindeks Google

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.

Ambil sebagai Google Bot

Video SEO Startup

Maile Ohye (Pimpinan Teknologi Developer Programs di Google) tentang kegunaan fetch as google tool.


Dampak Negatif

Namun ada sisi buruk yang saya alami (belum tentu orang lain mengalaminya juga) dari menggunakan tool ini adalah ada salah satu dari posting saya yang terdahulu hilang dari dindeks. Saya dapat berkata demikian karena saya mengalaminya. Setelah AMBIL sebagai google bot dan Kirim ke Indeks (mungkin saya tidak sadar double submit). Saya periksa beberapa menit kemudian dengan mencarinya pada mesin pencari google. Dan memang terbukti postingan saya langsung diindex oleh google. Namun ketika saya melihat peta situs saya, ternyata jumlahnya sama dengan sebelumnya.

Disini terjadi miss atau hilangnya salah satu dari artikel saya di mata google bot. Mungkin itu hanya bug yang terjadi pada saya dan belum tentu orang lain mengalaminya juga. Dengan kejadian seperti itu, saya lebih sering update postingan dan membiarkannya secara alami agar google bot mengindeks postingan saya. Saya tetap gunakan tool ambil sebagai google bot ini tapi tanpa mengirim alamat url yang berkaitan agar diindex oleh google bot.

Batasan Submit Alamat Posting

Ada batasan submit URL dari postingan yang dapat disubmit secara langsung setiap bulannya. Untuk setiap 1 URL berbeda dari setiap postingan yang kita ambil atau render oleh google bot secara langsung melalui alat webmaster dapat dikirim agar diindex dengan maksimal jumlah adalah 500 URL per bulan.

Cara Agar Posting Cepat Terindeks Google

Sedangkan untuk URL yang terkait langsung pada setiap URL posting berbeda yang kita ambil atau render dapat dikirim agar dindex dengan maksimal jumlah adalah 10 URL per bulan.

Cara Agar Posting Cepat Terindeks Google

Cara Menggunakan Fetch as Google

Akhirnya kita sampai pada fungsi Ambil sebagai Google Bot. Maksudnya adalah google bot akan secara langsung melihat konten yang kita ingin perlihatkan kepadanya melalui alamat yang kita cantumkan lalu mengambil ataupun merendernya.

Langkah 1. Kunjungi Ambil sebagai Google --> Pilih situs yang diinginkan. Atau anda dapat membukanya pada Alat Webmaster --> Perayapan --> Ambil sebagai Google.
Cara Agar Posting Cepat Terindeks Google
Klik untuk Memperbesar

Langkah 2. Masukkan alamat postingan yang ingin kita render. Yaitu bagian tengah dari URL posting tanpa mencantumkan alamat blog dan tanpa slash (/). Contoh: https://dewainside.blogspot.com/2010/05/cara-agar-blog-terdeteksi-search-engine.html Bagian yang berwarna Biru yang anda copy dan paste.

Langkah 3. Pilih tampilan yang ingin dirayapi oleh google bot. Ada 4 tampilan yang tersedia: Desktop, Seluler: Ponsel Cerdas, Seluler: XHTML/WML dan Seluler: cHTML.

Cara Agar Posting Cepat Terindeks Google

Langkah 4. Klik AMBIL atau AMBIL DAN RENDER. Perbedaannya sederhana. AMBIL = hanya merayapi posting terkait. Sedangkan AMBIL DAN RENDER = merayapi dan menampilkan posting terkait. Namun aslinya tidak ada tampilan apapun. lol.

Langkah 5. Kirim ke Indeks URL posting yang anda telah ambil atau render sebelumnya.

Cara Agar Posting Cepat Terindeks Google

Silahkan anda tunggu beberapa menit dan cari URL posting yang telah anda kirim untuk diindeks melalui mesin pencari google. Dapat dipastikan akan muncul pada SERP.

Sekian tutorial dari Cara Agar Posting Cepat terindex Google dalam hitungan detik. Semoga dapat bermanfaat bagi sahabat blogger sekalian.

Menampilkan Gadget Blogger di Mobile View

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.

Menampilkan Gadget Blogger di Mobile View

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 seperti ini :
https://dewainside.blogspot.com/?m=1
Sebelumnya anda harus menggunakan template khusus (custom) untuk Template Seluler Blog. Pada Template --> Khusus --> Simpan


Menampilkan Gadget Blogger di Mobile View


Menampilkan Widget pada Tampilan Mobile

Ada dua cara untuk menampilkan widget pada tampilan mobile. Silahkan pilih salah satu untuk anda terapkan pada gadget yang diinginkan. Carilah letak gadget blogger kamu dan tinggal tambahkan kode seperti contoh dibawah :
Cara 1. Tambahkan mobile='only' (hanya tampil pada mobile view dan tidak tampil pada dekstop) :
<b:widget id='HTML1' locked='false' mobile='only' title='ARTIKEL TERBARU' type='HTML'>
Cara 2. Tambahkan mobile='yes' (tampil pada versi mobile juga)
<b:widget id='HTML1' locked='false' mobile='yes' title='ARTIKEL TERBARU' type='HTML'>

Menyembunyikan Widget pada Tampilan Mobile

Ada dua cara untuk menyembunyikan widget blogger pada tampilan mobile device. Carilah letak gadget blogger kamu dan cukup tambahkan kode seperti contoh dibawah :
Cara 1. Menambahkan mobile='no' pada kode widget yang diinginkan :
<b:widget id='HTML1' locked='false' mobile='no' title='ARTIKEL TERBARU' type='HTML'>
Cara 2. Menggunakan kode kondisi :
<b:if cond='data:blog.isMobile == &quot;false&quot;'>
//Widget yang disembunyikan
</b:if>
Note:
Khusus tag kondisi data:blog.isMobile dapat digunakan universal selain daripada widget. Sehingga dengan mengganti kodisi "false" (menyembunyikan pada tampilan mobile) menjadi "true" (menampilkan pada tampilan mobile).

Jangan lupa untuk Simpan Template. Untuk memeriksa apakah kode itu berhasil. Silahkan tambahkan kode https://dewainside.blogspot.com/?m=1 pada alamat blog anda agar tampil secara seluler. Cara ini juga sama seperti Cara Menampilkan Iklan Adsense di Mobile Blog.

Sekian.
Semoga bermanfaat untuk sahabat blogger.

Sabtu, 11 April 2015

Cara Membuat Tombol Kembali ke Atas di Blog


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.
Back to Top

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>
Edit HTML
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;#ScrollToTop&#39;).fadeIn()}
else { $(&#39;#ScrollToTop&#39;).fadeOut();}});$(&#39;#ScrollToTop&#39;).click(function(){$(&#39;html,body&#39;).animate({scrollTop:0},700);
return false})});
</script>
          Simpan Template

Langkah 2. Tata Letak --> Tambahkan Gadget --> HTML/JavaScript. Masukkan kode berikut di dalamnya.
<style type='text/css' scoped='scoped'> #ScrollToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none} </style> <div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSh9A6v1f73E440Zv4S_qfQCH2cOgqcra1IUCgonigjzQPfLdyrq1tDDYOajK1zp2TuQ2pMIlfZMFHP_But-fTMPerWTDGfnjc9esIGB5B7DOc03bo2puqJSbM3qIra9yA38zFH0naXXrI/s1600/arrow-up_basic_blue.png'/></div>
          Simpan

2. Membuat Tombol Kembali ke Atas dengan Efek Memantul

Penjelasan dari efek memantul ini adalah ketika tombol back to top di klik maka layar akan terlihat memantul sesaat layaknya seperti bola.

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()>100) { $('#BounceToTop').slideDown(200); } else { $('#BounceToTop').slideUp(300); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>
          Simpan Template

Langkah 2. Lihat ke Tata Letak --> Tambahkan Gadget --> HTML/JavaScript. Letakkan kode berikut didalamnya.
<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSh9A6v1f73E440Zv4S_qfQCH2cOgqcra1IUCgonigjzQPfLdyrq1tDDYOajK1zp2TuQ2pMIlfZMFHP_But-fTMPerWTDGfnjc9esIGB5B7DOc03bo2puqJSbM3qIra9yA38zFH0naXXrI/s1600/arrow-up_basic_blue.png'/></div>
          Simpan

3. Membuat Tombol Kembali ke Atas dengan Efek Fading

Penjelasan dari efek fading ini adalah ketika tombol di klik maka visibilitas dari objek akan secara perlahan muncul. Biasa pada editing video kita mengenal fade in dan fade out.

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'/>
          Simpan Template
Langkah 2. Pilih Tata Letak --> Tambahkan Gadget --> HTML/JavaScript. Letakkan kode berikut didalamnya.
var scrolltotop={
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 200]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSh9A6v1f73E440Zv4S_qfQCH2cOgqcra1IUCgonigjzQPfLdyrq1tDDYOajK1zp2TuQ2pMIlfZMFHP_But-fTMPerWTDGfnjc9esIGB5B7DOc03bo2puqJSbM3qIra9yA38zFH0naXXrI/s1600/arrow-up_basic_blue.png
" />',
    controlattrs: {offsetx:5, offsety:5},
    anchorkeyword: '#top',
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport)
            this.$control.css({opacity:0})
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1)
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
 
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //khusus versi IE6 ke bawah untuk loose check, juga untuk melihat apakah control mengandung teks
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- perlu diset witdh yang jelas agar kontainer text terbentuk dengan rapi
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>
          Simpan

Catatan: Text Merah adalah gambar tombol yang dapat anda ganti sesuai keinginan.
               Text Biru adalah kode jQuery, cukup anda tambahkan 1 kali apabila menggunakannya.
Tips: Anda dapat mengkompres kode diatas sebelum diaplikasikan pada template blog.

Selamat Mencoba..

Jumat, 10 April 2015

Cara Menghilangkan Diberdayakan oleh Blogger


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. :)
Diberdayakan oleh Blogger

Cara Menghilangkan Tulisan Diberdayakan oleh Blogger

Langkah 1. Pada dashboard blog yang diinginkan, lihat Template --> Edit HTML
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.

Cara Membuat Tombol Spoiler di Blogger


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

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 dapat anda ganti sesuai keinginan.

Contoh:

Semoga bermanfaat.

Rabu, 08 April 2015

Posting Blog Otomatis ke Google+ Fan Page


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+
Hubungkan ke Google+

Langkah 2. Centang "Saya telah membaca..." dan klik Beralih Sekarang Juga
Beralih ke Google+



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

Laman Google+


  • Centang "Bagikan secara otomatis setelah mengeposkan"

Sangat mudah bukan?

Sabtu, 04 April 2015

Cara Optimasi SEO Heading Tag Blogger

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
Heading Tag

Secara default, blogger mengatur :
H1 = Judul Blog
H2 = Gadget / Widget
H3 = Judul Posting

Untuk SEO yang lebih friendly mesin pencari, sebaiknya :
  • Pada Beranda (Homepage)
H1 = Judul Blog
H2 = Judul Posting
H4 = Gadget / Widget
  • Pada Postingan
H1 = Judul Posting
H2 = Judul Blog
H4 = Gadget / Widget

Cara Optimasi SEO Heading Tag

Pada Dashboard Blogger anda, lihat Template --> Edit HTML
Edit HTML
Selanjutnya ikuti langkah di bawah sampai dengan selesai.

1. Mengubah Judul Posting ke H1 pada Laman Posting

Langkah 1. Cari (CTRL+F) kode berikut :
<h3 class='post-title
Maka akan muncul tampilan seperti ini :
H1 Judul Posting

Langkah 2. Ganti kode Tag (Pembuka dan Penutup) di atas dengan kode berikut :
Tag Pembuka :
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;h2 class='post-title entry-title' itemprop='name'&gt;
<b:else/>
&lt;h1 class='post-title entry-title' itemprop='name'&gt;
</b:if>
<b:else/>
&lt;h2 class='post-title entry-title' itemprop='name'&gt;
</b:if>
Tag Penutup :
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;/h2&gt;
<b:else/>
&lt;/h1&gt;
</b:if>
<b:else/>
&lt;/h2&gt;
</b:if>

2. Mengubah Judul Blog ke H2 pada Laman Posting

Langkah 1. Cari (CTRL+F) kode berikut :
<h1 class='title'>
Maka akan muncul tampilan seperti ini :
H2 Judul Blog

Langkah 2. Ganti kode Tag (Pembuka dan Penutup) di atas dengan kode berikut :
Tag Pembuka
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;h1 class='title'&gt;
<b:else/>
&lt;h2 class='title'&gt;
</b:if>
<b:else/>
&lt;h1 class='title'&gt;
</b:if>
Tag Penutup
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
&lt;/h1&gt;
<b:else/>
&lt;/h2&gt;
</b:if>
<b:else/>
&lt;/h1&gt;
</b:if>
Langkah 3. Ulangi cara di atas jika menemukan tag H1 <h1 class='title'>. Umumnya untuk template default blogger kode tag itu ditemukan cukup 1 kali.

3. Mengubah Gadget / Widget ke H4

Langkah 1. Cari (CTRL+F) kode berikut :
<h2><data:title/></h2>
Langkah 2. Ganti semua tag H2 menjadi H4 untuk setiap gadget blogger yang anda miliki pada blog anda. Kadang ditemukan kode heading tag berbeda untuk widget blogger, tapi <data:title/> tetap sama. Jadi tinggal mengganti H2 ke H4.

Dengan mengganti penggunaan heading tag yang lebih friendly SEO. Biasa terjadi perubahan font-size, warna pada setiap judul blog, posting dan widget karena pengaturan CSS untuk heading tag default blogger. Anda dapat mengaturnya dengan mudah pada CSS blog anda pada </b:skin>. Cari kode heading seperti h1, h2, h3 dan h4. Lalu samakan semua sesuai dengan keinginan kamu.

Selesai.
Semoga bermanfaat untuk blogger sekalian.

Jumat, 03 April 2015

Cara Melaporkan Pencurian Artikel Blog ke Google

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 kesamaan kata yang ada pada blog anda.
Pencarian Copyscape

Gambar:
Sayangnya untuk gambar (Fotografi, Desain dan sejenisnya) sangat susah untuk mencarinya. Kemungkinan yang paling tinggi adalah dengan anda mengetahuinya secara langsung situs yang mencurinya. Saran yang paling baik adalah dengan memberinya watermark.

Kemudian anda list (copy-paste) alamat link-nya pada bar browser anda untuk nantinya dilaporkan pada Digital Millennium Copyright Act (DMCA).

Cara Melaporkan


1. Google DMCA
Kunjungi Google DMCA, Sign In jika anda belum. Maka akan muncul seperti gambar di bawah ini.
a.) Isikan informasi data pribadi anda
Informasi Kontak

b.) Isikan sampel artikel yang dicuri dan masukkan alamat link posting dari blog anda yang dicuri.
Karya Berhak Cipta Anda

c.) Masukkan link situs yang mencuri artikel anda dan centang syarat
Lokasi Materi yang Melanggar

d.) Isi Tanggal, Tanda Tangan = Nama Anda pada informasi data pribadi pada point a.
Tanda Tangan


2. Platform Wordpress
Kunjungi DMCA Notice maka akan muncul seperti gambar dibawah ini.
a.) Isi Data Pribadi anda
Form Data Pribadi

b.) Isi link URL dari situs terkait
Form URL Situs Terkait

c.) Centang syarat dan isi Nama Lengkap
Centang dan Signature

Saran

Pasanglah banner dari http://www.dmca.com/ --> Copy dan Paste kode HTML-nya pada blog anda. Setiap situs sudah banyak menggunakannya. Untuk versi gratis berdasarkan pengalaman saya, untuk setiap laman usahakan klik link banner dmca untuk melihat status perlindungan "protection status". Biasa terjadi "unavailable", untuk itu refresh (F5) saja browser anda.
DMCA Banner

Sekian.
Semoga bermanfaat bagi sobat blogger sekalian. :)

Sabtu, 28 Maret 2015

Menghapus Langgan: Entri & Pos Komentar (atom)

Langganan: Entri (Atom)
Tulisan Langganan: Entri (Atom) dan Subscribe to: Poskan Komentar (Atom) merupakaan fitur bawaan blogger. Sebagian besar blogger tidak menyukai fitur itu sehingga ingin menghapus tulisan Langganan atau Subscribe (Atom) tersebut karena tampilannya yang terlalu sederhana sehingga kurang jelas jika dibandingkan dengan Langganan via Email dari FeedBurner yang lebih mudah user interface-nya, dapat dimodifikasi dan lebih menarik perhatian pengunjung blog untuk berlanggan. Untuk itu jika anda ingin menghapus tulisan Langganan: Entri (Atom) dan Subsrcibe to: Posts (Atom), berikut langkah-langkahnya.

Cara Menghapus Langgan: Entri (Atom): dan Subscribe to: Poskan Komentar (Atom)


Langkah 1. Pada Dashboar Blogger anda pilih Template --> Edit HTML


Edit HTML

Langkah 2. Klik pada area kosong Edit HTML dan Cari (CTRL+F) kode berikut:
<b:include data='feedLinks' name='feedLinksBody'/>
Langkah 3. Hapus semua kode di atas

Langkah 4. Cari (CTRL+F) kode berikut:
<div class='feed-links'>
Kode lengkap akan terlihat seperti ini:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
Langkah 5. Hapus semua kode diatas dan Simpan Template

Sekian tutorial blogger tentang Cara Menghilangkan tulisan Langgan: Entri (Atom) dan Subscribe to: Posts (Atom). Selamat mencoba dan semoga bermanfaat.

Selasa, 10 Maret 2015

Memperbaiki Kesalahan Perayapan pada Alat Webmaster

Bagaimana cara memperbaiki kesalahan perayapan 404 pada alat webmaster google?

Kita harus tahu dulu penyebab terjadinya kesalahan perayapan itu. Jika sobat ingin melompat ke "Cara Memperbaiki" silahkan, tapi ada baiknya sobat menambah pengetahuan tentang kesalahan perayapan terlebih dahulu. Biasanya kesalahan perayapan dengan kode tanggapan 404 ini terjadi karena dihapusnya url dari suatu post, laman atau komentar yang pada suatu blog dan google bot pernah meng-indeks-nya. Dan ketika google bot mencarinya lagi (crawl), kok tidak ada? Maka dari itu google bot memberikan infonya melalui alat webmaster google agar webmaster yang bersangkutan pada situs terkait tahu kalo url yang pernah di-indeks google bot telah hilang. Dengan harapan webmaster dari situs yang bersangkutan dapat memperbaikinya.

Jenis Kesalahan Perayapan:

1. Dihapusnya Posting/Laman oleh Admin Blog
Admin situs dengan sengaja atau tidak sengaja menghapus postingan atau laman-nya. Lalu bagaimana mengembalikannya? Kemungkinan besar masih bisa dilacak kembali dengan menggunakan browser chache, google user cache dan yang terakhir web archive dengan catatan cache masih ada.

2. Dihapusnya Komentar oleh Admin Blog/Author Komentar
Untuk komentar yang dihapus tidak akan bisa dikembalikan! Pertanyaannya untuk apa dikembalikan? Karena yang paling penting adalah isi dari konten posting/laman situs itu sendiri.
Sebelum memperbaikinya mari kita lihat contoh tampilaan gambar kesalahan perayapan pada blog ini:
Kesalahan Perayapan 404

Dan apabila anda klik salah satu link yang tertera pada tabel kesalahan perayapan, pada sisi "Detail kesalahan":
Buka Kesalahan Perayapan

Seperti yang sobat lihat "404 tidak membahayakan kinerja situs Anda dalam penelusuran, namun Anda dapat menggunakannya untuk membantu meningkatkan pengalaman pengguna." Maksudnya disini adalah, apabila pengunjung blog sobat mengunjungi link tersebut entah dari mesin pencari goolge, gadget pencarian pada blog anda, atapun url lainnya, maka yang dilihat oleh pengunjung adalah laman dengan tulisan 404 atau seperti yang terlihat pada gambar dibawah ini:
Laman tidak ditemukan

Pada sisi "Ditaut dari" anda dapat melihat link yang terhubung atau link masuk ke blog anda melalui url yang hilang itu. Sungguh sangat disayangkan apabila ada backlink yang hilang dari mata google bot. Apalagi backlink yang berkualitas. Ada "pengalaman" lain pada salah satu posting yang memiliki tanda "/" pada akhir url-nya. Ternyata dapat menyebabkan kesalahan perayapan di mata google bot juga loh.
Ditaut dari Link

Untuk itu perlu sekiranya kita membuat pengunjung lebih nyaman dengan memperbaiki kesalahan tersebut sehingga lebih baik dimata pengunjung dan di mata google bot.

Cara Memperbaiki Kesalahan Perayapan

1. Mendapatkan kembali url/link dari posting/laman yang hilang
Jika anda ingin menghidupkan kembali laman/posting yang hilang, anda harus mendapatkan kembali url dari link itu dengan browser chache, google user cache dan yang terakhir web archive. Anda dapat lihat di Cara Mengembalikan Posting Blog yang Dihapus.

2. Menggunakan Custom Redirect (Pengalihan Khusus)
Apabila anda hanya ingin mengalihkan alamat yang hilang atau belum menghidupkan laman/posting itu kembali, anda dapat menggunakan fitur Costum Redirect Blogger. Atau anda dapat juga Mengalihkan Semua URL Kesalahan 404 ke Laman tertentu.

3. Tandai Sebagai Telah diperbaiki
Langkah terakhir adalah dengan meng-klik tombol "Tandai sebagai telah diperbaiki" yang menandakan anda sebagai webmaster yang sah telah memperbaiki kesalahan itu.

4. Periksa url
Anda dapat memeriksa url yang hilang tadi dengan mengunjungi-nya. Apabila sudah sesuai dengan kemauan anda, dihidupkan kembali url-nya atau di-redirect ke alamat tertentu.
Sekian, semoga artikel yang panjang ini dapat bermanfaat bagi sahabat blogger semua. Kalau mau maju, jangan malas untuk membaca dan mencoba ya. Maap karena artikel-nya terlalu panjang, karena saya pribadi ingin menyampaikan secara detail dan membuat konten yang berkualitas sehingga dapat bermanfaat bagi banyak sahabat blogger. Mungkin apabila dari sobat blogger ada yang memiliki saran lainnya dapat dicantumkan pada kolom komentar dibawah.

Cara Mengembalikan Posting Blog yang Dihapus

Bagaimana Cara Mengembalikan Artikel yang telah dihapus?

Banyak blogger yang telah menghapus artikel atau laman yang telah mereka publikasi entah dikarenakan artikel itu kurang berkualitas, tidak relevan atau alasan lainnya. Dan tentunya ketika google bot merayapi blog anda, maka akan muncul kesalahan perayapan 404 pada alat webmaster google. Karena artikel yang pernah diindeks google hilang sehingga google bot memberitahu-nya pada anda tentang kesalahan itu. Dan jika hal itu terjadi anda dapat mendapatkan kembali artikel yang hilang itu sebelum cache dari artikel itu telah dihapus.

Cara Mendapatkan Artikel yang dihapus

Ada 4 cara untuk mendapatkannya kembali. Tapi dengan catatan "Cache untuk artikel yang terkait belum terhapus" selamanya. Disini maskudnya adalah dengan mem-publikasikan ulang artikel/laman yang anda pernah hapus, tentu saja tidak akan ada trafik dan komentar apabila sebelumnya artikel tersebut memiliki komentar. Dan untuk re-ublish pastikan tanggal sesuai dengan tanggal artikel yang terhapus.

1. Mengembalikan Post yang dihapus dengan Cache Google

Ketika anda mempublikasikan suatu artikel, maka google akan membuat versi artikel tersebut dengan cache-nya . Untuk itu anda dapat mencarinya dengan cara sebagai berikut:

a.) Ketikkan seperti berikut pada mesin pencari google,
site:dewainside.blogspot.com ctr atau site:dewainside.blogspot.com/alamat yang hilang
Merah : Alamat Blog anda
Biru : Kata yang terkait dengan artikel yang ingin anda cari
Atau anda dapat langsung mencari alamat yang hilang 404 dari alat webmaster google (Perayapan --> Kesalahan Perayapan).

b.) Klik Cached maka laman akan terbuka sesuai dengan cache terakhir.
Google Cache

c.) Publikasi dengan versi cache

  • CTRL+U atau Klik Kanan --> View Page Source
  • CTRL+F dan ketik postID maka akan terlihat seperti ini: postID=9189738376971388298 lalu Catat ID anda
  • Pada Dashboard blogger anda --> Post --> Edit salah satu posting untuk membuka panel editor
  • Gantikan postID yang ada pada bar browser anda dengan postID yang anda catat sebelumnya
postID
  • Enter sehingga panel editor akan menampilkan artikel/laman yang pernah dihapus itu
  • Sesuaikan Tanggal dan Alamat link lalu Publish

2. Mengembalikan Post yang dihapus dengan Cache Browser

Browsing dengan mode ignito, private, atau sejenisnya tidak akan menyimpan cache. Jika anda belum menghapus cache pada browser anda, maka:

  • Buka history brower anda
  • Cari dan ketikkan alamat (misal: dewainside.blogspot.com) maka akan muncul list artikel/laman terkait dengan blog anda.
  • Copy dan Paste pada pengeditan entri blogger anda


3. Mengembalikan Post yang dihapus dengan Feedburner

Anda cukup cari kata yang terkait dengan artikel yang telah dihapus pada feeburner. Caranya cukup ketikkan alamat feedburner anda di browser.
"http://dewainside.blogspot.com/feeds/posts/default" --> Lalu cari (CTRL+F) artikel yang dihapus melalui kata kunci yang terkait. Edit dan re-publish pada panel editor blog anda.

4. Mengembalikan Post yang dihapus dengan Web Archive-Wayback Machine

Di web archive ini tempatnya arsip-arsip dari setiap website yang ada di internet. Tentunya dengan update secara berkala, kurang lebih 1 tahun. Namun walaupun begitu arsip tersebut dapat dihapus juda dari web archive apabila selama waktu tertentu tidak ada yang membutuhkannya.

Web Archive

  • Akan tampil beberapa history dari blog anda, pilih sesuka anda mungkin yang terakhir. Copy dan Paste tampilan laman yang muncul. Untuk link hidup silahkan periksa dan ganti dengan link anda sendiri karena link hidupnya berasal dari web archive-nya.


5. Re-Publish Artikel

Setelah anda mengedit artikel yang anda dapatkan kembali lakukanlah publikasi ulang. Dengan ketentuan samakan url link dan tanggal publish artikel yang terhapus agar nantinya anda dapat check list, "Tandai sebagai telah diperbaiki" di alat webmaster. Sehingga pesan kesalahan perayapan 404 di alat webmaster hilang.

Semoga bermanfaat bagi sobat blogger sekalian.

Cara Menggunakan Costum Redirect

Perlunya menggunakan custom redirect?

Fitur pengalihan khusus bawaan blogger ini memungkinkan untuk mengalihkan url tertentu ke alamat url yang diinginkan. Biasanya digunakan untuk mengalihkan alamat url posting dan laman yang hilang menuju laman tertentu yang dinginkan. Terkadang ada juga blogger yang mengalihkannya dengan maksud untuk meningkatkan traffic suatu posting tertentu dan apabila sudah cukup baik trafficnya maka akan dicabut kembali.

Tujuan penggunaan custom redirect

Agar pengunjung blog dapat lebih nyaman. Sehingga ketika pengunjung blog mendatangi url yang tidak ada/hilang 404 maka dengan segera pengunjung akan dialihkan ke alamat tertentu yang diinginkan.

Bagaimana cara menggunakan custom redirect blogger?

Langkah 1. Anda lihat di Setelan --> Preferensi penelusuran --> Edit
Pengalihan Khusus

Langkah 2. Jika anda belum pernah membuatnya maka cukup masukkan url yang error 404 ke url yang diinginkan. Cukup copy dan paste url alamat link yang hilang pada bar browser sobat setelah tanda "/", contoh:
URL yang dialihkan
karena pada form pengisian pengalihan sudah terdapat alamat blog anda.

Klik Permanen --> Simpan --> lalu Simpan Perubahan
Pengalihan URL

Walapun begitu anda dapat juga mengalihkan semua kesalahan perayapan 404 ke alamat tertentu, semisal ke homepage blog anda. Anda dapat membacanya di  Mengalihkan Semua Kesalahan 404 Laman Tidak ditemukan ke Homepage.

Semoga bermanfaat bagi sobat blogger sekalian.