Minggu, 30 Oktober 2016

Cara mengatasi blog menghilang dari pencarian google

Cara mengatasi blog menghilang dari pencarian google

Blog menghilang dari pencarian Google adalah salah satu hal yang sangat-sangat mengesalkan, apalagi jika visitor kita sudah mulai banyak, hal ini akan sangat membuat kita kacau, karena kita selalu kepikiran oleh hal tersebut.

Kita akan selalu berfikir kenapa dengan blog saya ini? kok menghilang tanpa sebab? padahal tidak ada yang aneh dengan isi blog saya. Jangan terlalu stres memikirkan hal ini, karena ada solusi dibalik masalah.

Hal yang membuat blog/website menghilang


Paling banyak masalah hilangnya blog dari pencarian adalah karena Virus, dimana virus bisa saja sudah merasuki tubuh blog kita tanpa sengaja yang ditularkan melalui script-script tertentu yang kita pasang pada blog kita.

Solusi blog yang menghilang dari pencarian google


Pergi ke Google Webmaster Tools, disana anda akan tau mengapa blog anda hilang dari hasil pencarian Google, jika belum ada pemberitahuan dari Google, anda bisa menunggu dalam beberapa hari, setelah itu mungkin akan ada sebuah pesan yang dikirim oleh Google untuk website/blog anda. Hal ini yang sering saya alami.

Biasanya kalau web/blog kita terkena virus atau terdeteksi tidak sehat maka untuk mengembalikan blog/web kita agar terdeteksi di pencarian Google adalah dengan cara mengirim pesan pemberitahuan bahwa anda sudah menghapus script atau kode tertentu dimana kode tersebut pembawa virus atau malware kedalam blog kita. Kita akan menemukan Tombol pengiriman pesan review ini didalam sebuah pesan yang dikirimkan oleh Google ke blog kita yang terdaftar di Google Webmaster.

Kesimpulannya jika blog kita hilang dari pencarian Google maka kita harus cek blog kita di Google Webmaster karena disana kita akan tau ada apa sebenarnya dengan blog kita sampai-sampai menghilang dari search engine Google.

Minggu, 09 Oktober 2016

Gak Punya Gambar Untuk Thumbnail Posting? Ini Solusinya

Gak Punya Gambar Untuk Thumbnail Posting? Ini Solusinya

Thumbnail Posting sangat penting menurut saya, karena gambar juga membantu menjelaskan kepada pembaca apa isi dari artikel tersebut. Walaupun tak sedikit juga Thumbnail postingan yang tidak nyambung dengan artikel tapi masih berhubungan dengan isi postingan, menurut saya itu tidak apa-apa yang penting postingan kita punya gambar.

PLACEHOLDER IMAGE

Dan untuk anda yang masih bingung gimana caranya dapatkan gambar, jangan khawatir karena ada website Placeholder Image yang akan membantu kita untuk mendapatkan gambar random ada juga sih yang gak random, dan ukurannya juga bisa anda sesuaikan sendiri, anda mau ukuran berapapun ada. Tersedia juga untuk anda yang ingin memasang iklan diblog anda ada placeholder image khusus banner yangg bertuliskan ukuran banner iklan.

Website Placeholder Image


Dibawah ini saya share beberapa website yang menyediakan Placeholder Image

1. PlaceHold.it

PlaceHold.it - Website ini menyediakan placeholder gambar untuk Space Iklan Langsung saja Cek Websitenya Untuk Melihatnya, anda bisa ubah ukurannya sesuka hati.

2. LoremPixed

Lorempixel - Seingat saya Lorempixel ini sudah lama karena dulu pernah saya gunakan juga.

3. PlaceIMG

PlaceIMG - Yang menarik dari placeIMG ini adalah kita bisa memilih gambar sesuai kategori, jika penasaran langsung aja ke TKP.

4. Unsplash It

Unsplash It - Di website ini kita bisa menggunakan gambar dengan Efek Gray dan juga Efek BLUR

5. Placekitten

Placekitten - Kalau disini sepertinya gambarnya khusus kucing :D yang suka kucing bisa coba :)

6. Dummy Image

Dummy Image - Di website ini kita bisa membuat gambar dengan teks kita sendiri coba aja deh mantap

Selasa, 04 Oktober 2016

Beli Domain Murah Cuma 10Ribuan

Domain Murah sekarang ini menjadi dambaan bagi para blogger bagaimana tidak? para blogger pasti ada yang menginginkan nama blog dengan nama domain sendiri yang singkat dan mudah diingat atau dengan nama pribadi anda misalnya.

Sekarang nyari domain murah 10Ribuan ada di NameCheap seperti nama websitenya NamaMurah dan memang di website Namecheap tersebut domainnya ada harga yang murah yaitu harga 10Ribuan, ini bukan harga asli tapi harga promo.

Pastikan anda punya $10 atau $berapapun yang penting bukan $0 ya di Paypal :D dan pergilah ke website NameCheap pada kotak pencarian ketik nama domain kemudian klik Search dan pilih tab yang harga $0.88 pada tab tersebut tersedia nama domain yang murah meriah.

domain murah 10Ribuan

Setelah itu beli domain dengan mengklik Ikon keranjang yang berada disebelahnya dan selesaikanlah pembayarannya. Oia pembayaran lewat paypal di NameCheap juga gak perlu pake akun Paypal yang TerVerifikasi lo, jadi lebih mudah.

Minggu, 02 Oktober 2016

Trik terbaru hilangkan iklan bawaan wapka

Trik terbaru hilangkan iklan bawaan wapka

Mungkin ada sebagian dari anda yang ingin menghilangkan iklan bawaan wapka? ada beberapa tutorial yang pernah saya coba dan hasilnya tidak berhasil, mungkin karena kodenya kode lama kali ya?

Wapka memang website mobile yang bisa dibilang sudah cukup canggih, karena menyediakan ruang upload file yang unlimited. Itulah mengapa tak sedikit orang menggunakan wapka, terutama yang suka download atau mengunggah file, mp3, tema, ringtone dan lain-lain.

Kenapa saya katakan trik ini terbaru? ya karena itu tadi, saya pernah pake kode yang dishare para wapper dan hasilnya tidak menunjukan bahwa linknya iklannya hilang, mungkin karena lama gak koding saya jadi lupa kode-kodean, tapi saya berinisiatif untuk koding sendiri dan alhamdulilah kodenya bekerja.

Salin Kodenya Dibawah ini


Simpan dibagian Tag <head> ya!

<script type='text/javascript'>
document.addEventListener('DOMContentLoaded', function() {
var x = document.querySelectorAll(".union-text, .union-banner");
var i;
for(i=0;i<x.length;i++){
x[i].style.display = "none";
}
}, false);
</script>
<style>
a[href*="movie"], a[href*="9apps"], a[href*="union"]{
display: none
}
</style>

Javascript


Js diatas berfungsi untuk menghilangkan elemen dengan kelas .union-text dan .union-banner saat elemen tersebut sudah terload atau sudah terbuka jadi tidak perlu menunggu semua elemen loading baru kode di eksekusi, tapi saat elemen sudah terbuka maka kode akan langsung tereksekusi itulah fungsi dari DOMContentLoaded.

Saya menggunakannya karena saya coba memakai CSS tidak bisa, jadi saya berinisiatif untuk memakai js saja, tapi itu gak berat kok karena hanya beberapa baris kode saja.

Minggu, 04 September 2016

Membuat Redirect Hanya Domain Saja

Cerita dibalik Redirect Hanya Domain Blogger


Membuat Redirect Hanya Domain Saja

Pernah suatu ketika saya membuat blog dengan domain gratisan dan ternyata domain gratisan tidak bagus di mata search engine saya tidak tau secara pasti kenapa Domain gratisan buruk di mata Google.

Akhirnya saya mencopot domain tersebut dan menggunakan domain default atau bawaan dari blogger dan mendaftarkannya kembali ke Google webmaster karena saat itu yang saya daftarkan adalah domain gratisan.

Karena pada saat itu saya menggunakan domain gratisan dan ada beberapa postingan saya yang saya share ke media sosial menggunakan domain gratisan tersebut, dan setelah saya copot domain gratisannya otomatis link yang saya share ke media sosial saat di klik akan mengalami error karena domain tersebut sudah tidak saya gunakan lagi.

Nah untuk mengatasi error tersebut saya tidak menghapus link yang ada pada media sosial, tetapi saya menggunakan sistem redirect domain saja dari pada repot karena postingan yang saya share pada medsos sudah banyak jadi saya memilih solusi redirect saja.

Contoh URL


1. http://www.domaingratis.tk/2016/09/judul-artikel.html
---------------------------||
------------Ini adalah domain gratis

2. http://www.domain.blogspot.com/2016/09/judul-artikel.html
---------------------------||
------------Ini domain asli

Perhatikan URL tersebut disini kita akan redirect hanya pada domain saja, jadi ketika user atau pengunjung mengklik URL nomor (1) maka user akan redirect ke URL nomor (2) tanpa mengubah URL di belakangnya yaitu "/2016/09/judul-artikel.html", kok gitu? ya karena disini kita hanya membuat redirect pada nama domain saja, untuk mengatasi error link yang sudah kita bagikan pada media sosial.

Hapus Domain Dan Simpan Di Blog Lain


Setelah domain kita copot sekarang pindahin domain ke blog baru, buat blog baru dan simpan tuh domain gratisan diblog baru tersebut, untuk pengaturannya silahkan anda sesuaikan sendiri (jika membutuhkan settingan lagi).

Jika domain sudah tersimpan sekarang buka template dan cari kode <head> dan letakan kode javascript dibawah ini, Dibawah kode <head>.

<script type="text/javascript">
var domain = window.location.href.substr(20);
window.location.replace("http://domain-asli.blogspot.com" + domain);
</script>

Perhatikan pada tanda berwarna kuning (angka 20) itu adalah jumlah karakter dari domain gratisan jadi coba hitung karakter domain ada berapa karakter setelah anda hitung ganti angka 20 sesuai dengan jumlah karakter dari domain anda (perhitungan mulai dari http).

Contoh URL Domain


http://www.domaingratis.tk/2016/09/judul-artikel.html

Pada contoh diatas karakter domain yang saya gunakan ada 26 jadi pada angka 20 diatas saya ganti menjadi 26, udah gitu aja dan simpan template anda. sekarang coba akses link yang ada pada akun sosial media anda kalau belum berhasil mungkin ada yang salah silahkan bertanya jika ada yang salah.

Kamis, 23 Juni 2016

Kotak Pencarian Seperti Bing ( Css3 Efek Focus )

Bing adalah mesin pencari juga seperti Google, dari tahun ke tahun tampilannya pun berbeda. Apalagi sekarang pengembangan kode selalu dilakukan, sepertinya kode ini tidak pernah habis untuk dibahas dan kali ini saya akan membahas mengenai Cara membuat kotak pencarian seperti bing dimana saat kita mengklik Input pencarian maka backgroundnya akan tertutupi oleh sebuah elemen yang akan memburamkan background jadi kita akan lebih fokus saat mengetikkan kata kunci. Contohnya seperti gambar dibawah ini

Kotak Pencarian Bing Efek Fokus

Bagaimana? anda sudah mengerti dengan maksud dari judul postingan ini? ok saya anggap mengerti. Kotak pencarian ini saya buat dengan memanfaatkan Css3 Dan Jquery beserta dengan seperangkat HTMLnya.

Contoh
Silahkan Masukan Input Atau Ketik apa saja Dan Lihat Efeknya, Bagaimana? Kalau tidak bekerja Efeknya secara lembut berarti browser anda belum mendukung CSS3 dianjurkan untuk segera Upgrade Browser. Dibawah ini source kodenya

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
//ZTO Creation - Kotak Pencarian Seperti Bing
$(document).ready(function(){
$("#foc").focusin(function(){
//Menambah Kelas Fade Agar Efek buram tampil
$(".focus").addClass("fade");
});
$("#foc").focusout(function(){
//Saat Tidak mengetikan teks maka efeknya dihapus
$(".focus").removeClass("fade");
});
});
</script>
<style>
#bingkai {
width: 500px;
height: 200px;
margin: 0 auto;
position: relative;
background-image: url("https://2.bp.blogspot.com/-W-z_WNHpSOI/VtimxDyGgOI/AAAAAAAAFRY/Y_3YaDL3zyM/s1600/Hudson-Lobby.jpg");
overflow: hidden;
}
.fade {
background:rgba(0,0,0,0.5);
/* Css3 Membuat Efek Lembut */
transition:All 1.1001s ease-in;
-webkit-transition:All 1.1001s ease-in;
-moz-transition:All 1.1001s ease-in;
-o-transition:All 1.1001s ease-in;
}
.focus {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Css3 Membuat Efek Lembut */
transition:All 1.1001s ease-out;
-webkit-transition:All 1.1001s ease-out;
-moz-transition:All 1.1001s ease-out;
-o-transition:All 1.1001s ease-out;
}
#bingkai .form {
position: absolute;
margin: 0 auto;;
top: 40%;
left: 30%
}
</style>
<div id="bingkai">
<div class="focus">
<div class="form">
<form action="/search">
<input type='text' id='foc' name='q'></input>
<input type='submit' value='Cari'></input>
</form>
</div>
</div>
</div>

Sabtu, 18 Juni 2016

Cara ampuh mengatasi url terdeteksi SPAM di medsos

Mungkin anda pernah mengalami website anda terdeteksi sebagai SPAM di facebook? Syukur sih kalau gak pernah tapi kalau pernah seperti saya maka pasti anda akan bingung dan capek setiap kali anda Share Postingan pasti harus mengkonfirmasi kode keamanan dengan memilih beberapa gambar yang diminta oleh Tim Facebook.

Awalnya saya juga merasa, haduh capek juga harus mengisi kode keamanan setiap kali posting, tapi untung saya menggunakan salah satu website yang berfungsi untuk memposting artikel secara otomatis ke media sosial kita. Website ini akan memposting otomatis ke medsos kita setiap kali ada postingan yang baru kita publish.

Website ini bernama Delivery ( tebakan saya aja sih ) yang berlamat di dlvr.it. Silahkan anda Sign Up Untuk mendaftar, setelah selesai mendaftar silahkan anda koneksikan akun media sosial anda dengan website dlvr.it. Setelah itu anda bisa share postingan anda dengan lancar jaya, tanpa harus mengisi kode keamanan lagi.

Langkah-Langkah Koneksikan Medsos dan Post Artikel


Untuk pendaftaran saya sudah anggap selesai, karena pendaftarannya mudah, kalau tidak ingin menggunakan e-mail anda bisa gunakan akun Facebook atau Google plus, setelah itu untuk memposting dan mengkoneksikan akun medsos anda silahkan ikuti langkah-langkahnya dibawah ini.

Koneksikan akun dengan dlvr.it

Langkah Posting


Cara Posting di dlvr.it

Jumat, 17 Juni 2016

Cara mengisi HTML kosong dengan konten

Javascript memang ahli dalam bidang manipulasi, kali ini saya akan bahas cara mengisi HTML kosong dengan konten menggunakan javascript. Konten kosong adalah sebuah tag HTML divisi yang belum terisi teks atau apapun.

Javascript Manipulasi Konten

Contoh HTML Kosong


<div id="konten"></div>

Diatas adalah contoh kode HTML yang masih kosong, dan kita akan mengisi sebuah konten didalamnya menggunakan javascript. Kenapa harus pake javascript? Karena dengan javascript ini anda bisa mengisi konten yang berbeda pada setiap postingan.

Kode Javascript


<script type="text/javascript">
window.onload = function(){
document.getElementById("konten").innerHTML = "AKU ADALAH ISI KONTEN";
}
</script>
<div id="konten"></div>

Contoh

Jika menggunakan Function kodenya seperti ini

<div id="konten"></div>
<script type="text/javascript">
function isi(text){
document.getElementById("konten").innerHTML = text;
};
isi("Aku ini isi konten");
</script>

Jika menggunakan function Pastikan javascriptnya dibagian bawah dan kode HTMLnya dibagian atas, karena jika javascriptnya diatas maka kontennya tidak akan terbaca itu disebabkan karena tidak ada window.onload seperti contoh pertama. Jika kode kedua menggunakan window.onload maka dimanapun anda menyimpan kodenya maka kode tersebut akan tetap terbaca.

Kode HTML anda bisa simpan dibagian Sidebar, kemudian untuk memunculkan konten yang berbeda silahkan anda sisipkan kode javascriptnya di beberapa postingan anda yang inginkan, Jadi konten hanya akan muncul pada postingan yang anda tentukan. Contoh menampilkan gambar

<script type="text/javascript">
window.onload = function(){
document.getElementById("konten").innerHTML = "<img src='URLGambar'/>";
}
</script>
<div id="konten"></div>

Untuk pengisian konten menggunakan kode HTML, hal yang perlu anda perhatikan disini adalah tanda petik Jika pada innerHTML anda menggunakan tanda petik dua seperti contoh diatas maka pada pengisian src anda harus menggunakan tanda petik tunggal seperti kode diatas, begitu pula sebaliknya jika anda menggunakan tanda petik tunggal maka pada src anda harus menggunakan tanda petik ganda.

Contoh

Rabu, 15 Juni 2016

Melakukan sesuatu saat elemen menghilang

Contoh Hasil Penerapan Kode

Saat suatu elemen sudah tidak eksis lagi atau tidak ada lagi dalam template maka lakukan sesuatu, ya begitulah kira-kira maksud dari judul postingan ini. Contoh kasus saya mempunyai sebuah elemen yang penting dalam template blog saya dan saya tidak ingin elemen itu hilang, jadi saya menyisipkan kode javascript dibawah ini, agar saat elemen menghilang ada sebuah peringatan muncul.

CONTOH

Bagaimana? pada contoh diatas saya melakukan aksi saat elemen menghilang maka saya mengganti judul paragraf, ingin melihat lagi versi menggunakan ALERT? silahkan anda klik contoh dibawah ini,

CONTOH2

Dibawah ini adalah kode Javascriptnya.

window.onload = function(){
//ID elemen silahkan anda ganti dengan ID elemen yang anda tuju
var elemen = document.getElementById("ID Elemen");
if(!elemen){
//!elemen artinya jika elemen tidak ada
//maka lakukan tindakan dibawah ini
alert("Elemen menghilang");
}
}

Pertama tentukan dulu ID dari elemennya lalu eksekusi kodenya didalam kode if.

Selasa, 14 Juni 2016

2 langkah mudah mengatasi domain www dan tanpa www

Terkait - Mengatur domain gratis di freenom

Sebagai blogger pemula seperti saya, pasti anda pernah mengalami hal seperti ini yaitu saat domain diakses tanpa www ataupun sebaliknya. Jadi kasusnya adalah saat domain kita akses tanpa www maka halaman blog kita akan jadi error, kenapa kok error? karena saat kita membuat Domain, pengaturan yang kita gunakan adalah menggunakan www.

Sebaliknya jika domain kita diakses menggunakan www dan kemudian muncul error berarti Mungkin saja saat kita mengatur domain kita tidak mengatur www nya jadi saat domain di akses menggunakan www blog kita jadi error.

Cara mengatasi domain www dan tanpa www yang error


Anda hanya perlu melakukan dua langkah saja untuk mengatasinya yaitu masuk ke dasbor blogger dan klik setting atau setelan kemudian pada tab Dasar anda atur seperti gambar dibawah ini.

Cara mengatur domain tanpa www dan menggunakan www yang error

Mudah banget kan caranya Anda tinggal klik Edit pada bagian domain anda lalu atur seperti gambar diatas. Sekarang anda bisa menikmati domain anda dengan nyaman, meski diakses dengan www ataupun tanpa www domain anda akan redirect sendiri.

Minggu, 12 Juni 2016

Mengatur Domain gratis di Freenom

Freenom merupakan penyedia domain gratis yang beralamat di freenom.com. Diwebsite ini anda bisa mengetikan domain pada kotak pencarian dan klik Cek ketersediaan untuk mengecek domain anda tersedia dalam kategori gratis atau berbayar, jika berbayar maka daftar Domain akan disertai dengan Tarif Domain, tapi jika gratis maka tarifnya USD0.

Tapi dipostingan ini saya ingin membahas cara Setting atau mengatur Domain gratis dari Freenom karena kalau baru pertama mengenal domain seperti saya pasti akan sedikit bingung dengan pengaturannya.

Cara Mengatur Domain Gratis Dari Freenom


  1. Masuk ke area klien Freenom
  2. Pilih menu Domain kemudian My Domain
  3. Pilih My Domain
  4. Pilih Manage Domain
  5. Pilih Manage DNS
  6. Kemudian Pilih Manage Freenom DNS Lalu pada Add Record Klik More Record sampai 6 kotak
  7. Add Record Pada website Freenom
  8. Kemudian Isi Kotaknya seperti gambar dibawah ini
  9. Mengatur Domain pada website Freenom
  10. Khusus Warna MERAH anda harus masuk dulu ke SETTING Pilih masukan domain pihak ke 3 lalu masukan domain yang sudah anda daftarkan tadi lalu klik SIMPAN saat muncul error maka akan muncul kode seperti dibawah ini, salin kode yhppbt... seperti dibawah ini lalu isikan pada Bagian berwarna MERAH sesuaikan saja ya, kemudian klik SAVE CHANGE lalu pada Setting blog Refresh Halaman Setting kemudian masukan Domain anda dan klik SIMPAN kemudian selesai.
  11. Setting domain blog blogger

Sekarang anda siap dengan domain anda selamat ya, semoga Cara Mengatur Domain gratis di Freenom berguna untuk anda.

Kamis, 09 Juni 2016

Bingung dengan trafik blog? ini solusinya

Redirect URL Blogspot

Bingung dengan trafik blog anda? jangan bingung, kemarin saya sudah posting mengenai Aplikasi Chat Paling Keren Untuk Blog, semenjak saya mendaftar diwebsite Aplikasi Chat tersebut, saya baru sadar ternyata selama ini orang yang mengakses blog saya Domainnya terbuka berdasarkan negara masing-masing.

Dari website aplikasi chat tersebutlah saya mengetahui bahwa pengunjung mengakses domain saya berdasarkan negara mereka masing-masing. Kenapa saya tau? karena website tersebut mempunyai Fitur Monitoring jadi saya bisa tau dari mana mereka datang, berapa kali mereka mengunjungi blog kita dan postingan apa yang sedang mereka baca, beserta url referensi dari mana mereka bisa mengunjungi blog kita, inilah Fitur yang saya suka dari aplikasi chat ini.

Lalu apa hubungannya dengan trafik blog? ada hubungannya sobat, jika pengunjung yang mengujungi blog kita dengan domain berdasarkan negara mereka, maka trafik blog kita tidak menentu alias tidak Fokus pada satu domain saja, bayangkan jika ada 100 pengunjung dari negara yang berbeda, pasti Rank blog kita tidak akan berubah akan segitu-segitu saja, tapi jika 100 pengunjung tersebut mengakses Fokus pada satu domain, katakan saja .com maka Rank blog kita pasti akan mengalami sedikit penurunan.

Inti dari masalah yang satu ini adalah Fokus pada satu domain saja, dan cara agar fokus pada satu domain saja Anda cukup mengikuti Tutorial Blog Dibawah ini


Silahkan Pasang scriptnya dan Enjoy dengan satu domain saja.

Aplikasi chat paling keren untuk blog

Situs web tawk

Kalau dulu chat yang paling keren ya chatbox tapi sekarang Aplikasi chat paling keren untuk blog menurut saya ya tawk ini, Karena selain bisa untuk live chat aplikasi satu ini bisa mengetahui siapa saja yang mengunjungi blog kita, keren bukan.

Anda bisa melihat pengunjung yang aktif dari negara mana saja dilengkapi dengan IP dan juga browser yang digunakan apakah Mobile atau PC, pokoknya aplikasi chat yang satu ini keren banget. Selain itu tersedia juga customisasi untuk area chatnya yang berada di panel admin. Ada juga sound notifikasi, anda bisa mengaturnya sendiri pada tombol pengaturan.

Situs web tawk

Dan masih banyak lagi fitur-fitur lainnya sobat, buruan daftar aja langsung di websitenya TAWK.TO