Author: admin

source image strongautomotive.com

Quick edit tidak lain adalah hanya untuk mempermudah para pemilik (admin) blog untuk melalukan setting, bisa dikatakan cara cepat melakukan proses edit di blog, contohnya:

• Pemiilik blog ingin mengganti script di widget
• Pemilik blog ingin mengubah pengaturan pada recent post
• Etc.

Quick Edit yang muncul sebenarnya hanya bisa dilihat oleh pemilik (admin) blog saja. Hal ini berarti, pengunjung atau visitor blog tidak bisa melihatnya.

Namun karena selera, kebayakan pemilik blog tidak menyukai dengan adanya quick edit yang tampil, karena itu mereka mencari Tips Menghilangkan dan Menghapus Quick Edit (Tang dan Obeng).

#Tips Menghilangkan Quick Edit (Tang dan Obeng)

Menghilangkan quick edit (tang dan obeng) berarti bukan menghapus, dengan menghilangkannya saja maka sewaktu-waktu bisa Anda munculkan kembali.

Cara menghilangkannya, ikuti langkah berikut:
1.    Login ke akun Blogger
2.    Pilih Template – Edit Template
3.    Silahkan cari kode berikut ]]></b:skin> (gunakan Ctrl+F untuk mempermudah)
4.    Copy kode dibawah ini tepat diatas kode ]]></b:skin>

.quickedit{display:none;}

5.    Save template, selesai.

#Tips Menghapus Quick Edit (Tang dan Obeng) 

Baca Juga : 5 Cara Mempercepat Loading Blog
 

source image twitter.com

Berikut cara menghapus quick edit di blog:
1.    Login ke akun Blogger
2.    Pilih Template – Edit Template
3.    Silahkan cari kode berikut:

<b:include name=’quickedit’/>

4.    Setelah menemukan kode diatas, hapus semua kode tersebut, biasanya kode itu akan lebih dari satu
5.    Terakhir save template, selesai.

Itulah Tips Menghilangkan dan Menghapus Quick Edit (Tang dan Obeng) di blog. Setelah mengikuti 2 (dua) langkah diatas tapi quick edit tetap masih ada atau tidak hilang, silahkan berkomentar dikolom yang disediakan, semoga artikel ini bermanfaat.

INVHO.com – Cara Mempercepat Loading Blog – Tahukah Anda bahwa Google sangat tidak suka dengan blog yang loadingnya super berat, lambat atau lemot? Jika Anda tahu tentang hal itu, tentu tidak ingin blognya seperti itu.

Bisa dibayangkan jika blog Anda lambat, seseorang yang berkunjung pasti akan sangat emosional saat informasi yang mereka butuhkan terbuka dengan sangat lama atau bahkan hanya sebagian yang ke-load. Jika hal itu terjadi, pasti mereka akan meninggalkan blog Anda dan berpindah ke blog yang lain.

Ingat, kecepatan loading blog adalah salah satu faktor SEO, dengan memperhatikan kecepatan loading blog, secara sadar Anda membuat pengunjung senang, tidak menutup kemungkinan mereka akan berkunjung kembali karena terkesan dengan loading blog yang cepat, belum lagi jika ditunjang dengan tema blog yang keren. Yakin meraka betah!


Untuk itu berikut ada 5 cara yang bisa dilakukan untuk memepercepat loading blog, antaralain:
➣ Jangan menggunakan gambar sebagai background blog
➣ Jangan menggunakan widget yang berlebihan
➣ Optimasi remove render-blocking JavaScript untuk loading blog
➣ Menghapus kode HTML yang tidak diperlukan
➣ Menghapus CSS yang tidak digunakan.

1# Jangan Menggunakan Gambar Sebagai Background Blog

Images and Media
The more images, videos and other multi-media you
have on your blog the longer it will take to load. However, images and
other multimedia are important to attracting users to your blog, so it
is important to optimize the load speed of your images and media. Here
are a few tips to increase the load speed of your media:

Untuk mengatasi hal itu, silakan ganti background blog Anda dengan kode warna HTML atau kode CSS/HTML.

1. Silahkan login ke akun Blogger Anda.
2. Pilih template – Edit HTML.
3. Cari kode berikut dengan menggunakan (Ctrl+F)

body {background:# ……;}

4. Setelah menemukan kode diatas, silahkan ganti dengan kodenya kurang lebih seperti ini:

body {background:#FFF;}

5. Setelah menemukan kode diatas, silahkan ganti dengan kodenya kurang lebih seperti ini:

Note: 
Kode #FFF adalah kode warna putih. Silakan pilih warna lain sesuai selera.

2# Jangan Menggunakan Widget yang Berlebihan

Salah satu penyebab blog menjadi berat dan loadingnya lama adalah penggunaan widget yang terlalu banyak. Memang perlu di tambahkan widget di blog tapi tidak di anjurkan jika itu berpengaruh pada kecepatan loading blog. Untuk itu sebaiknya gunakan widget yang bermanfaat saja, sekarang silahkan hapus widget yang menurut Anda harus dihapus.

3# Optimasi Remove Render-Blocking JavaScript Untuk Loading Blog

Menurut Google seperti ini:

Before the browser can render a page it has to build the DOM tree by parsing the HTML markup.
During this process, whenever the parser encounters a script it has to stop and execute it
before it can continue parsing the HTML. In the case of an external script the parser is also
forced to wait for the resource to download, which may incur one or more network roundtrips and
delay the time to first render of the page.

See
Adding Interactivity with JavaScript to learn more about how JavaScript affects the critical
rendering path.

Untuk lebih memahami tentang hal ini silahkan Anda kunjungi petunjuk Google tentang Remove Render-Blocking JavaScript disini.

4# Menghapus Kode FTML yang Tidak Diperlukan

Ada beberapa kode yang tidak diperlukan dalam template blog, untuk itu sebaiknya Anda hapus saja demi mempercepat loading blog. apa saja kode itu? Berikut: 

• <b:includable id=’feedLinks’>
• <b:include name=’quickedit’/>

Untuk menghapus silahakan ikuti langkah-langkah berikut:
1.  Silahkan login ke akun Blogger Anda 
2.  Pilih template – Edit HTML 
3.  Cari kode diatas dengan menggunakan (Ctrl+F) 
4.  Setelah menemukan, silahkan dihapus satu per satu karena biasanya akan ada banyak kode diatas dalam template blog.


Note:

Silahkan backup terlebih dahulu template blog sebelum menghapus kode diatas, ini untuk menghindari kemungkinan terjadinya kesalahan beberapa penghapusan element HTML.

5# Menghapus CSS yang Tidak Digunakan

CSS adalah singkatan Cascading Style Sheet) yang merupakan
sebuah aturan untuk mengendalikan beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan seragam. Kode CSS bisa Anda temukan di antara kode <b:skin> dan </b:skin> dalam template blog. 

Untuk mengetahui atau mengecek ada tidaknya kode CSS yang tidak digunakan dalam template blog, berikut beberapa langkahnya:
1.  Silahkan Anda kunjungi alamat URL berikut Unused CSS.
2.  Silahkan masukkan URL blog Anda.
3.  Tunggu sampai hasilnya keluar.
4.  Jika ada kode CSS yang ditemukan, silahkan cek kode CSS tersebut, hasilnya berupa mana yang lebih banyak digunakan dan mana yang tidak (Used dan Not Used).
5.  Jika CSS tersebut tidak digunakan, silahksan hapus saja kode CSS tersebut di template blog Anda.

Dengan langkah ini, maka CSS pada blog Anda akan lebih ramping serta bisa menambah kecepatan loadingnya.

Kesimpulan

Untuk membangun sebuah dengan serius, sebaiknya mulai memperhatikan semua hal-hal menyangkut blog Anda. Kemajuan sebuah blog tergantung seberapa besar niat dan usaha Anda untuk mengurus blog tersebut. Sekian penjelasan INVHO.com tentang “5 Cara Mempercepat Loading Blog“. Semoga bisa bermanfaat.

source image www.bristol.ac.uk

Namun, jika situs atau blog sudah terdaftar dalam sitemap (peta situs) melalui Google Search Console (Webmaster Tools) maka tanpa melakukan ping pun, robot Google tetap akan mengindeks setiap halaman baru.

Jika kita hanya mengharapkan robot Google datang sendiri untuk mengindeks halaman baru dari situs atau blog kita tanpa melakukan ping maka tentu butuh waktu lama. Kita tidak bisa memastikan kapan robot Google akan datang untuk merayapi halaman baru situs atau blog. Untuk itu berikut ada 2 (dua) cara melakukan ping ke Googleping, yaitu:

• Googleping Secara Otomatis
• Googleping Secara Manual

Cara Baru Ping ke Googleping Secara Otomatis

1. Silahkan kunjungi halaman Googleping
2. Silahkan isi kolom “Blog Details”
3. Setelah semua kolom diisi dengan lengkap, Anda tinggal mencentang “Service to Ping” (Popular Choices, Blog Services, Feed Services) dengan klik tulisan “Check All”
4. Saat semua sudah tercentang, silahkan isi chapta dengan benar
5. Terakhir, silahkan klik “Send Pings”
6. Sekarang ping di proses, situs atau blog akan segera terindex.

Source Image yoast.com

INVHO.com – Salah satu optimasi SEO one-page adalah dengan membuat title teks dan alt teks pada gambar di blog, setiap pemasangan gambar pada postingan di blog tentu sangat berpengaruh dalam mesin pencarian seperti Google. Selain itu, title teks dan alt teks memberi keunikan sendiri karena gambar tersebut secara langsung mewakili isi dari artikel.

Intinya jika Anda menempatkan sebuah gambar dalam postingan, entah gambar itu ada di awal, tengah atau akhir postingan, pastikan untuk selalu membuat title teks dan alt teks pada gambar tersebut. Untuk membuat title teks dan alt teks pada gambar  di blog sangat mudah, berikut ada 2 (dua) cara, silahkan ikuti mana yang lebih simple menurut Anda.

Cara Membuat Title Teks dan Alt Teks Pada Gambar di Blog dengan HTML

1.    Saat Anda membuat postingan baru dan mengupload sebuah foto, pastikan Anda ke menu penulisan HTML, disana gambar yang Anda upload terdapat link URL untuk gambar tersebut. Link URL kurang lebih seperti ini:

 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjubixvhZ5MSwimHZxVQQiOr_DFjqcIeujF2XbLv4VbrZoalGPR8RlY0_Mf5HuhOARlaCgVlqd8h_525z2OoIEYTMy469RSc-IETlc4t8HiVAR1NIzwSiwo4tBsFJJZMa1q8FuwmdGURbk/s1600/Yanti+Ali+Simon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjubixvhZ5MSwimHZxVQQiOr_DFjqcIeujF2XbLv4VbrZoalGPR8RlY0_Mf5HuhOARlaCgVlqd8h_525z2OoIEYTMy469RSc-IETlc4t8HiVAR1NIzwSiwo4tBsFJJZMa1q8FuwmdGURbk/s320/Yanti+Ali+Simon.jpg" width="270" /></a></div>
<br /></div> 

2.    Tentu dari segi SEO dari URL gambar diatas belum sempurna karena belum ada title teks dan alt teks, untuk itu Anda perlu menambahkan title teks dan alt teks. Silahkan tambahkan title teks dan alt teks seperti link berikut:

 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjubixvhZ5MSwimHZxVQQiOr_DFjqcIeujF2XbLv4VbrZoalGPR8RlY0_Mf5HuhOARlaCgVlqd8h_525z2OoIEYTMy469RSc-IETlc4t8HiVAR1NIzwSiwo4tBsFJJZMa1q8FuwmdGURbk/s1600/Yanti+Ali+Simon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Title Teks dan Alt Teks Pada Gambar di Blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjubixvhZ5MSwimHZxVQQiOr_DFjqcIeujF2XbLv4VbrZoalGPR8RlY0_Mf5HuhOARlaCgVlqd8h_525z2OoIEYTMy469RSc-IETlc4t8HiVAR1NIzwSiwo4tBsFJJZMa1q8FuwmdGURbk/s320/Yanti+Ali+Simon.jpg" title="Title Teks dan Alt Teks Pada Gambar di Blog" width="270" /></a>
</div> 

3.    Lihat kode yang berwarna merah, warna tersebut menunjukkan title teks dan alt teks dari gambar yang diupload dalam postingan.

Cara Membuat Title Teks dan Alt Teks Pada Gambar di Blog dengan Simple

Jika Anda merasa kesulitan dengan cara diatas, Anda bisa mencoba cara berikut, cara ini sangat gampang untuk blog yang berplatform Blogger. Berikut langkahnya:

1.    Silahkan upload gambar dalam postingan Anda terlebih dulu
2.    Setelah gambar muncul pada postingan, silahkan klik pada gambar tersebut, kemudian akan muncul beberapa pilihan, lihat gambar berikut ini :

3.    Silahkan Anda pilih “Properties” kemudian akan muncul lagi dua kolom seperti gambar berikut:

4.    Silahkan Anda isi kedua kolom tersebut sesuai dengan kata kunci untuk gambar yang Anda upload, pastikan berkaitan dengan kata kunci yang Anda bidik dalam artikel.
5.    Terakhir klik OK, selesai

Sekarang Anda sudah tahu cara membuat title teks dan alt teks pada gambar di blog, jadi saya sarankan untuk selalu melakukan cara tersebut diatas saat membuat artikel beserta gambar. Semoga bermanfaat serta dapat Anda terapkan, jika masih bingung silahkan berkomentar.

source image www.youtube.com

Ada beberapa kemungkinan kenapa Icon Font Awesome tidak muncul di blog, yaitu:

• Karena template blog itu sendiri
• Browser yang sudah usang, versi lama atau belum update
• Script Font awesome masih versi lama

Sebelum beralih bagaimana cara mengatasi Icon Font Awesome tidak muncul di blog, perlu diketahui dulu bahwa Icon Font Awesome adalah kumpulan icon yang telah dibuat sedemikian rupa dengan menggunakan system Icon Font, dimana memungkinkan kita bisa merubah warna dan ukurannya dengan menggunakan kode CSS.

Biasanya Icon Font Awesome di gunakan pada social media button, tombol back to top, home icon beranda di blog, etc. Dengan menggunakan Font Awesome, Anda tidak perlu takut bahwa Icon tersebut akan pecah saat diperbesar, Font Awesome juga lebih ringan daripada Image Icon.

source image sarasoueidan.com

Icon Font Awesome jika terjadi error maka tampilannya akan seperti kotak persegi dengan beberapa garis-garis kecil di dalamnya. Dan Cara mengatasi Icon Font Awesome tidak muncul di blog, berikut:
1. Silahkan login di Blogger
2.   Pilih menu Template – Edit Template
3.   Silahkan cari kode dibawah ini di dalam template blog Anda

<link href=’//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css’ rel=’stylesheet’/>

Gunakan Ctrl + F untuk mempermudah pencarian dengan menulis atau mengetik font-awesome.
4.   Setelah menemukan, silahkan Anda ubah kode diatas menjadi seperti ini:

<link href=’https://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css’ rel=’stylesheet’ type=’text/css’/>

5. Jika tidak  menemukan kode script tersebut diatas, berarti script Icon Font Awesome belum ada, jadi silahkan tambahkan kode diatas (No.4) didalam template blog Anda tepat dibawah kode

<head>

6.   Terakhir, save tamplate dan lihat hasilnya.

Jadi, dapat ditarik kesimpulan bahwa tidak munculnya Icon Font Awesome di blog bukan karena browser usang atau template salah, tapi penggunaan kode HTML didalam template blog Anda yang masih kurang. Terbukti setelah menambahkan kode script diatas, blog sekarang terlihat normal seperti biasanya walaupun itu menggunakan versi browser yang sudah usang atau lama.

Demikian artikel ini tentang cara mengatasi Icon Font Awesome tidak muncul di blog, semoga bisa bermanfaat.