Cara membuat Halaman Error 404

Cara membuat Halaman Error 404

Salah satu syarat navigasi blog yang baik adalah dengan memberikan tujuan dan pilihan yang jelas ketika pengunjung berada pada suatu halaman di blog Anda. Begitu pula dengan halaman error 404.

Halaman error 404 adalah halaman yang akan dilihat pengunjung saat mencoba untuk membuka halaman yang tidak ada di blog Anda, bisa karena halaman telah dihapus, link rusak, atau pengunjung yang salah mengetikkan alamat url.

Untuk blog yang menggunakan blogspot sendiri biasanya sudah disediakan halaman error 404, namun halaman error 404 yang disediakan kurang informatif meskipun kita bisa mengcustomnya melalui menu search preferences >> Errors and redirections >> Custom Page Not Found.

Ada tiga alasan yang menurut saya, sehingga saya merasa lebih baik jika menggunakan halaman error 404 custom sendiri dari pada menggunakan halaman error 404 yang disediakan blogspot.
  1. Informasi yang disampaikan kurang informatif karena hanya bertuliskan "Sorry, the page you were looking for in this blog does not exist." , sehingga kesannya terasa begitu membosankan dan tidaklah menarik.
  2. Halaman ini muncul dibagian main body saja (tempat munculnya halaman posting / static page) dan tetap memunculkan header, sidebar dan footer. Hal ini bisa menjadi kendala bagi Anda yang sudah menjadi publisher Adsense dan sudah menempatkan iklan di luar main body. Sehingga ketika error page 404 muncul, maka iklan pun akan tetap muncul dan hal ini merupakan salah satu hal yang tidak dianjurkan bagi pengiklan untuk menampilkan iklan di laman tersebut. (sumber: google)
  3. Dengan Halaman Error 404 custom, kita bisa memberikan informasi yang lebih jelas, memberikan pilihan pencarian ataupun memberikan arah bagi pengunjung untuk menuju halaman home page. Dengan begitu, maka setiap pengunjung yang datang (baik dari search engine ataupun refferal, bisa tetap masuk dan berkunjung ke blog kita).
Nah, oleh karena itu, kali ini saya akan memberikan informasi bagaimana cara membuat halaman error 404 yang bisa Anda modifikasi kembali sehingga lebih informatif dan tetap membuat nyaman pengunjung ketika mendapati halaman yang hilang tersebut.

Sebagai gambaran, berikut adalah tampilan halaman error 404 yang akan kita buat,
cara membuat halaman error 404
Bagaimana, tertarik ? Yuk simak cara membuatnya.


Cara membuat Halaman Error 404


Untuk membuat halaman Error 404 seperti pada contoh diatas, silahkan ikuti langkah-langkah di bawah berikut :
  1. Login ke blog Anda kemudian pilih menu Theme
  2. Back Up Template sebelum melakukan editing
  3. Klik tombol Edit HTML
  4. Cari kode  ]]></b:skin>  (gunakan Ctrl+F untuk mencarinya), lalu copy paste kan kode CSS halaman error 404 dibawah ini tepat diatas kode ]]></b:skin>  tadi.

    Kode CSS halaman Error 404
    /* error page */
    #error-page {background-color:#f9f9f9;position:fixed!important;text-align:center;top:0;right:0;bottom:0; left:0;z-index:99999;}
    #error-page  #search-box {margin: 2% 41%}#error-inner {margin:5% auto;}
    #error-inner .box-404 {width:200px;height:200px;background:#000;color:#fff;font-size:80px;line-height:200px;border-radius:50%;margin:0 auto 20px;position:relative;}
    #error-inner .box-404::after {content:&quot; &quot;;width:0;height:0;bottom:-8px;border-color:#21afa4 transparent transparent;}
    #error-inner h1 {color: #000;text-transform:uppercase;}
    #error-inner p {font-size:15px;color:#000;}
    border-style:solid;border-width:9px 9px 0;position:absolute;left:47%;}
    .search404 {width: 300px; height: auto; margin: 0 auto 20px;}
    input#search-text {height: 27px;width: 250px;padding-left: 10px;color:#9e9e9e;}

  5. Langkah selanjutnya adalah cari kode <body> , setelah ketemu copy pastekan kode HTML halaman error 404 dibawah ini tepat diatas kode <body>.

    Kode HTML halaman Error 404
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <div id='error-page'>
    <div id='error-inner'>
    <div class='box-404'>404</div>
    <h1>Halaman Tidak Ditemukan !!</h1>
    <p>Temukan konten terkait lainnya disini :</p>
    <div class='search404'>
    <form action='/search' id='cse-search-box' method='get'>
    <input id='search-text' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Ketik dan enter di sini ...'/>
    </form>
    </div>
    <p>Atau kembali ke halaman utama </p>          
    <p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
    </div>
    </div>
    </b:if>

  6. Klik Save theme untuk menyelesaikan pemasangan dan lihat hasilnya.

Catatan:
Untuk melihat hasilnya, silahkan buka satu postingan blog Anda lalu hapus sebagian huruf  pada alamat url yang tampil di search bar browser Anda . Misalnya http://nama-blog-anda/2017/.....html menjadi http://nama-blog-anda/2017/.....htm  (huruf L pada html dihapus).

Baca juga :

Demikianlah artikel cara membuat halaman error 404 ini bisa saya sampaikan, selamat mencoba dan semoga bermanfaat.
Cara menampilkan gambar di blog

Cara menampilkan gambar di blog

Terkadang kita membutuhkan gambar didalam template, entah sebagai logo blog, banner/iklan, atau sebagai pemanis agar blog terlihat lebih bagus saat dipandang mata.

Ya, menggunakan gambar sebagai logo blog / website adalah hal termudah dan jamak yang umum dilakukan para desainer template, pasalnya untuk membuat tulisan ataupun logo dengan kode css/html sangatlah rumit (atau bahkan banyak yang enggan melakukannya). Sehingga, menggunakan tulisan/logo yang dibuat dengan gambar adalah pilihan terbaik.

Cara menampilkan gambar di blog

Pada prinsipnya, ada 3 hal yang diperlukan untuk menampilkan gambar di template blog.
  1. Tempat menyimpan gambar secara online
  2. Alamat url gambar yang sudah disimpan
  3. Tag html untuk mengatur tampilnya gambar 
Hal pertama adalah tempat untuk mengupload dan menyimpan gambar tersebut secara online. Gambar yang akan digunakan perlu kita simpan di situs/portal yang selalu online agar gambar bisa selalu tampil.

Setelah gambar ter-upload dan tersimpan secara online, langkah selanjutnya yang diperlukan adalah memiliki alamat url tempat gambar tersebut disimpan. Alamat url gambar kemudian disusun bersama tag html dan dipasang kedalam template blog kita.

Setelah pengaturan dan penyimpanan tag html di template blog selesai maka kita bisa menampilkan gambar tersebut didalam blog/website kita sendiri.

Nah sudah terbayang kan proses yang diperlukan untuk menampilkan gambar di template blog ?

Pada artikel kita kali ini, saya akan menyampaikan cara untuk memasang dan menampilkan gambar kedalam template blog di Blogspot. Simak langkahnya dibawah berikut


Upload gambar yang akan digunakan


Langkah pertama adalah kita perlu mengupload gambar. Disini kita memanfaatkan blogspot sebagai tempat untuk meletakkan gambar yang akan digunakan, maka sebaiknya kamu login terlebih dahulu dengan akun blogspot kamu, lalu ikuti langkah-langkah mengupload gambar sebagai berikut.

Upload gambar di posting blog
  1. Buka menu posts
  2. Pilih New post
  3. Berikan judul Kumpulan gambar untuk template atau sesuaikan dengan keinginan Kamu
  4. Klik ikon bergambar Foto
  5. Klik choose files pada menu Upload
  6. Pilih gambar yang ingin Kamu upload dari komputer
  7. Setelah proses loading selesai, klik gambar tersebut (sampai muncul garis biru disekelilingnya)
  8. Klik tombol Add selected
  9. Proses upload gambar kedalam draft postingan selesai


Menyalin alamat URL gambar


Setelah gambar selesai di upload, arahkan mouse ke atas gambar. Klik kanan mouse kamu, lalu pilih salin alamat url gambar. Setelah itu, pastekan alamat url gambar kedalam notepad untuk sementara.

Salin alamat gambar dan paste ke notepad

Berikut adalah contoh alamat url gambar yang disimpan di blogspot.

https://4.bp.blogspot.com/-tQedy5XKB4s/WXWwq_mx-TI/AAAAAAAAH9c/qEKKgGOVIU4S-v4Sq6uj-Z0dwLR-DYWqgCLcBGAs/s1600/stop.gif

Setelah kamu mendapatkan alamat url gambarnya, maka post yang barusan kamu buat tidak perlu dipublikasikan. Cukup klik tombol save atau simpan sebagai draft agar url gambar bisa digunakan lagi di lain waktu.


Memasang gambar kedalam template


Alamat url gambar yang sudah kamu punya tidak bisa langsung dipasang kedalam template, untuk itu diperlukan tag html agar gambar bisa tampil. Untuk pemasangannya, gunakan tag html seperti dibawah berikut

  <img src="alamat-url-gambar.jpg" alt="deskripsi gambar" title="judul gambar" />

Atau jika Kamu ingin agar gambar yang diklik bisa mengarah ke halaman suatu url website atau blog tertentu (misalnya ke halaman home, website pengiklan,dll), tag html berikut ini bisa kamu gunakan,

<a href="http://www.url-blog-tujuan.com" target="_blank"><img src="alamat-url-gambar.jpg" alt="deskripsi gambar" title="judul gambar" /></a>

Keterangan untuk tulisan yang berwarna merah
  • alamat-url-gambar.jpg : isikan dengan alamat url gambar yang sudah kamu simpan sebelumnya
  • deskripsi gambar : isikan dengan kata/kalimat deskripsi yang menjelaskan gambar
  • judul gambar : isikan dengan Judul untuk gambar yang digunakan
  • www.url-blog-tujuan.com : isikan dengan Alamat url tujuan


Setelah selesai mengatur tag html gambar, langkah berikutnya adalah memasang gambar ke template. Untuk pemasangan gambar kedalam template blog, Kamu bisa melakukannya dari menu layout >> add a gadget >> gadget html/javascript, lalu copy pastekan tag html gambar yang sudah dibuat sebelumnya kedalam gadget html/javascript. Atur posisi dimana kamu ingin meletakkan gambar tersebut. Setelah selesai, simpan perubahan dan lihat hasilnya.

Baca juga :


Kesimpulan

Hal utama yang diperlukan untuk menampilkan gambar di blog adalah alamat url gambar yang sudah disusun kedalam tag html.

Selain itu tempat penyimpanan gambar secara online (host) juga menjadi hal penting lainnya. Jika situs /portal tempat kita menyimpan gambar itu down/mati/tutup tentunya gambar yang ada di blog kita ikut error sehingga gambar tidak bisa muncul.

Demikianlah artikel cara menampilkan gambar di blog ini bisa saya sampaikan, semoga bermanfaat.
Cara Menghapus dan Mengganti Label di Blogspot

Cara Menghapus dan Mengganti Label di Blogspot

Satu hal yang terkadang cukup membingungkan ketika membuat artikel adalah saat menentukan label pada artikel yang sedang dibuat. Sepintas lalu masalah pemberian label ini adalah hal sepele dan bisa diabaikan.

Untuk jangka pendek mungkin tidak akan terasa, namun untuk jangka panjang perihal label ini bisa memusingkan kita ketika mengelola artikel, terlebih ketika jumlah artikel sudah sangat banyak.

Label secara umum lebih dikenal sebagai kategori. Memiliki fungsi untuk mengklasifikasi dan mengelompokkan artikel kedalam golongan, tipe, jenis dan isi yang sama. Pengelompokkan ini biasanya dimulai dengan menyusunnya dari hal yang umum (general) hingga ke hal-hal yang lebih terperinci dan spesifik.

Tujuan utamanya adalah untuk memudahkan navigasi pengunjung secara cepat disaat mereka membutuhkan artikel yang tepat dan sesuai dengan kategori pilihan mereka .

Namun tak jarang, kita sering kurang memperhatikan pe-labelan pada artikel, sehingga label atau kategori yang kita masukkan kedalam artikel berbeda dengan topik artikel yang dibicarakan.

mengganti label blog di blogspot

Untuk mengaturnya kembali, maka langkah yang diperlukan adalah dengan mengganti nama-nama label pada artikel tersebut agar sesuai antara kategori dengan topik artikel yang dibicarakan.

Penggantian nama-nama label pada artikel yang sudah di publikasikan ini umumnya bisa dilakukan satu persatu, namun cara tersebut tidaklah efisien karena akan memakan waktu lebih lama. Lantas bagaimana caranya menghapus dan mengganti nama label di Blogspot dengan cepat dan mudah ? Simak infonya dibawah berikut.


Cara menghapus dan mengganti label di Blogspot


  1. Login ke Blogspot, kemudian pilih menu pos disisi kiri Anda
  2. Selanjutnya, klik pada menu All Labels yang terletak disisi kanan atas sehingga muncul semua label yang ada di blog Anda (perhatikan gambar) .
    memilih label yang akan diganti
    Memilih label yang akan diganti
  3. Pilih dan klik pada nama Label yang ingin Anda ganti (sebagai contoh disini saya akan mengganti label Curcol menjadi Cerita )
  4. Setelah semua artikel yang tampil memiliki label Curcol, klik dan berikan centang pada kotak kecil disisi kiri tepat dibawah tulisan showing posts sehingga kotak pada semua artikel dengan label curcol ikut tercentang.
    Cara Menghapus dan Mengganti Label di Blogspot
    Klik dan centang seluruh artikel berlabel curcol
  5. Lanjutkan dengan mengklik ikon bergambar tag tepat disebelah kiri tulisan publish hingga muncul menu dropdown.
    Cara Menghapus dan Mengganti Label di Blogspot
    Klik pada ikon tag
  6. Klik pada new label hingga muncul pop pup untuk mengganti nama label (Disini saya tulis label cerita untuk mengantikan label curcol). Tuliskan nama label baru sesuai dengan keinginan Anda pada kolom yang tersedia lalu klik tombol oke.
    Cara Menghapus dan Mengganti Label di Blogspot
    Klik new label, isi label baru dan klik oke
  7. Selanjutnya Anda akan melihat 2 label pada satu artikel. pada contoh gambar disini anda akan melihat label cerita dan label curcol pada tiap artikel (perhatikan gambar).
    Cara Menghapus dan Mengganti Label di Blogspot
    Muncul 2 label pada 1 artikel
  8. Lanjutkan dengan mengklik kembali ikon bergambar tag hingga menu dropdown muncul kembali.
  9. Klik pada label bertuliskan curcol (langkah ini bertujuan untuk menghapus label curcol).
    Cara Menghapus dan Mengganti Label di Blogspot
    Menghapus label curcol
  10. Setelah langkah no 9 diatas maka label curcol sudah tergantikan dengan label cerita. untuk memastikannya klik pada tombol All labels, perhatikanlah bahwa label curcol sudah tergantikan seluruhnya dengan label cerita.
    Cara Menghapus dan Mengganti Label di Blogspot
    Label Curcol sudah diganti dengan Label Cerita

Kesimpulan 


Menyeragamkan dan mengatur label dengan menghapus dan mengganti nama label yang lebih sesuai menjadikan blog kita lebih terstruktur dan mudah untuk dijelajahi.

Kemudahan yang juga akan dirasakan oleh pengunjung untuk mencari konten di blog kita,  selain dapat meningkatkan pageview, hal ini juga akan meningkatkan struktur blog yang lebih baik lagi dimata mesin pencari. sehingga peluang untuk meningkatkan pageview akan semakin besar.

Demikianlah artikel tentang Cara Menghapus dan Mengganti Label di Blogspot ini bisa saya sampaikan, semoga  bermanfaat.

Tips mencari gambar bebas hak cipta di Google

Tips mencari gambar bebas hak cipta di Google

Gambar menjadi salah satu unsur penting pada sebuah artikel yang berguna untuk meningkatkan daya tarik artikel tersebut. Alasannya simple, gambar pertama didalam artikel/posting blog umumnya akan menjadi gambar thumb yang ikut tampil ketika artikel tersebut di bagikan ke sosial media.

Apalagi gambar yang disediakan pada artikel tersebut lebih menarik, menggugah emosi serta memberikan kesan secara visual, maka efeknya akan segera terasa karena dapat meningkatkan jumlah kunjungan (pageviews) ke blog Anda.

Beberapa penelitian mengemukakan bahwa 90% informasi yang terkirim di dalam otak berupa visual, dan faktanya, otak dapat memproses objek visual 60.000 kali lebih cepat daripada text. (sumber : www.business2community.com ). Artinya bahwa pengunjung lebih menyukai untuk mengklik postingan yang memiliki gambar menarik yang ikut disertakan daripada postingan tanpa gambar yang hanya berisi teks saja.

Atas dasar tersebut, maka langkah yang baik untuk dilakukan saat memproduksi artikel di blog adalah dengan menambahkan unsur gambar yang menarik kedalam artikel tersebut.

Tips mencari gambar bebas hak cipta di Google

Namun begitu, untuk menciptakan sendiri gambar yang menarik agaklah sulit bagi sebagian orang, sehingga cara termudah adalah dengan memanfaatkan situs-situs penyedia gambar gratis ataupun dengan melakukan pencarian gambar melalui mesin pencari gambar.


Tips mencari gambar bebas hak cipta


Perlu diketahui bahwa tidak semua gambar yang ada di internet bisa dengan seenaknya kita gunakan di blog, terlebih pada materi dan konten yang bersifat komersil.

Gambar-gambar yang terdapat didalam mesin pencari maupun sosial media umumnya sudah memiliki hak cipta (copyright). Jika ingin tetap menggunakan, minimal Anda perlu memberikan credit bagi si pembuat gambar dengan menyertakan link ataupun asal gambar tersebut diambil.

Setidaknya hal ini bisa mengurangi dampak dan efek negatif jika terjadi pelaporan pada situs-situs DMCA, copyscape, ataupun situs pengaman hak cipta lainnya.

Meskipun kita bisa memanfaatkan situs penyedia gambar gratis bebas hak cipta dan penggunaan, pada artikel kita kali ini , saya akan memaparkan bagaimana cara untuk menemukan gambar-gambar bebas hak cipta yang bisa digunakan melalui mesin penelusuran gambar milik Google.

Berikut adalah langkah langkah untuk mencari gambar bebas hak cipta di Google

  1. Silahkan buka Google pencarian gambar dengan mengunjungi link berikut https://www.google.co.id/imghp
  2. Lakukan pencarian gambar dengan mengetikkan kata sesuai gambar yang ingin Anda cari. Misalnya Anda ingin mencari gambar yang berhubungan dengan blog, maka ketiklah kata blog di didalam kotak pencarian kemudian tekan enter untuk melihat hasilnya.
    Tips mencari gambar bebas hak cipta di Google
    Mengetikkan kata kunci pencarian gambar 
  3. Setelah masuk kedalam pencarian gambar di Google, Klik pada tulisan "Alat" seperti pada gambar dibawah berikut hingga muncul beberapa menu baru dibawahnya.
    Tips mencari gambar bebas hak cipta di Google
    Klik tulisan "Alat"
  4. Pilih dan klik pada menu Hak penggunaan, kemudian pilih pada tulisan "Dilabeli untuk digunakan ulang dengan modifikasi" sehingga menu hak penggunaan tadi berubah menjadi "Dilabeli untuk digunakan ulang dengan modifikasi" seperti terlihat pada gambar dibawah berikut.
    Tips mencari gambar bebas hak cipta di Google
    Pilih Hak penggunaan : Dilabeli untuk digunakan ulang dengan modifikasi
  5. Ketika menu hak penggunaan sudah berubah menjadi "Dilabeli untuk digunakan ulang dengan modifikasi", ini berarti gambar-gambar yang ditampilkan pada hasil pencarian gambar Google ini sudah bisa dan bebas untuk Anda gunakan setelah dimodifikasi terlebih dahulu.
    Tips mencari gambar bebas hak cipta di Google
    Hasil pencarian gambar yang sudah dilabeli untuk digunakan ulang dengan modifikasi


Catatan untuk Jenis hak penggunaan :
  1. Dilabeli untuk digunakan ulang : Memungkinkan Anda untuk menyalin atau mendistribusikan ulang kontennya, jika konten itu tidak diubah.
  2. Dilabeli untuk digunakan ulang dengan modifikasi : Memungkinkan Anda menyalin, memodifikasi, atau mendistribusikan ulang dengan cara yang ditentukan lisensi tersebut.
  3. Dilabeli untuk digunakan ulang secara non-komersial dengan modifikasi : Memungkinkan Anda menyalin, memodifikasi, atau mendistribusikan ulang untuk konten dan materi yang bersifat bukan komersial dengan cara yang ditentukan lisensi tersebut.
  4. Dilabeli untuk digunakan ulang secara non-komersial : Memungkinkan Anda untuk menyalin atau mendistribusikan ulang untuk konten dan materi yang bersifat bukan komersial tanpa mengubah konten aslinya.

Baca juga :


Kesimpulan

Mencari gambar bebas hak cipta di google sangatlah mudah caranya. Akan tetapi, meskipun gambar yang Anda dapat tersebut sudah "dilabeli untuk digunakan ulang dengan modifikasi", sangat disarankan untuk melakukan editing / modifikasi kembali pada gambar yang akan digunakan.

Pasalnya Google sendiri menyatakan bahwa mereka tidak dapat mengetahui secara pasti bahwa label lisensi yang ada dalam gambar tersebut itu belum sah atau sudah sah secara hukum. Untuk lebih jelasnya Anda bisa membacanya pada halaman bantuan Google ini .

Demikianlah tips mencari gambar bebas hak cipta di mesin pencarian gambar Google ini bisa saya sampaikan, semoga bermanfat.