Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

Langkah-langkah Optimasi Onpage Pada Blog

Ayo Optimisasi Onpage pada Blog

Langkah-langkah Optimasi Onpage Pada Blog
Langkah-langkah Optimasi Onpage Pada Blog

Langkah-langkah Optimasi Onpage Pada Blog - Blog Fajri Andaviar, Melakukan Optimisasi Onpage pada blog baru di buat adalah langkah wajib. Ini adalah tahap kedua dari empat tahap yang perlu dilakukan untuk menjadi juara search engine. Tujuan utama dari optimisasi onpage bukan untuk menjadi juara pertama di Google. Optimisasi ini hanya untuk membantu Google mengindeks blog anda dengan tepat.


Ini seperti menaruh mobil balap anda di lintasan yang tepat, tapi ... apakah mobil balap anda bisa menjadi juara? Belum tentu. Proses menjadi juara itu masih panjang. Anda masih harus melalui dua tahap lagi, yaitu menambah konten artikel berkualitas dan optimisasi Offpage. 

Optimisasi Offpage sendiri masih terbagi dalam dua proses, yaitu Mencari backlink dan Mempromosikan Blog. Tapi itu nanti saja dibahas, kita fokus dulu di topik optimasi onpage ini

Supaya tidak terlalu panjang lebar, silahkan kalau sobat mau mengikuti langkah-langkah Optimasi Onpage di bawah ini satu per satu. Sebaiknya dilakukan secara teliti, karena setiap proses di bawah ini hanya dilakukan sekali saja.

Berikut langkah-langkah Optimasi Onpage
  1. Saat ini pengguna Smartphone ANDROID sudah lebih banyak dari pada pengguna laptop atau di layar desktop untuk melakukan aktifitas browsing, maka sebaiknya gunakan template yang SEO friendly Responsive Premium. Kalau belum punya template yang SEO friendly Responsive Premium bisa coba cek koleksi template SEO friendly Responsive Premium saya. Silahkan pilih dan pasang template pada blog.
  2. Kalau blog anda sudah lama dan tetap ingin menggunakan template lama maka sebaiknya lakukan dulu penyetelan dynamic heading pada blog anda, pasang breadcrumbs dan juga artikel terkait kemudian atur agar responsive.
  3. Untuk Struktur template, pastikan artikel berada di bagian kiri layar dan sidebar di bagian kanan.
  4. Pastikan blog anda mempunyai title tag dan meta description yang berbeda di setiap halaman.
  5. Daftarkan blog anda pada Google Webmaster Tools dan Google Analytic dan pasang kode verifikasi kedua tools ini pada blog anda.
  6. Daftarkan blog anda pada Feedburner
  7. Jika ada gambar pada widget, maka pastikan menggunakan alt tag seperti pada contoh berikut: <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbbI3y7EX1z5dB-wSSHWL0p7V8LSojITxQ3SO1XVuRSwLZbphjuxRWUtEz02gky99phcxwXSzija2IuStVQgmoLsVwFxlm4NPlbn_u3m3OFwNKL7PtOqmkTmDiwkD29Zj_lxAjUd8X9Lvf/s1600/Teknik+Dan+Rahasia+SEO.png" alt="Langkah-langkah Optimasi Onpage Pada Blog"/>
  8. Pastikan blog anda bebas dari iframe, script yang dihost pada hosting luar, dan flash element.
  9. Pastikan memasang widget seperti Blog Archive, Top Posts, atau Labels, karena widget ini akan membantu menyebarkan poin pagerank anda saat mulai melakukan proses optimisasi Offpage nanti.
  10. Pada bagian akhir template sebaiknya pasang link menuju homepage yang mengandung kata kunci utama blog anda.
Jika sobat sudah menyelesaikan semua yang ditulis di atas, maka blog anda sudah di persenjatai dari sisi Optimasi Onpage. Tidak ada lagi yang perlu anda utak-atik. 

Yang perlu sobat lakukan sekarang hanyalah memastikan bahwa anda tidak sembarang memasang widget yang aneh-aneh di kemudian hari.

Ok, sekarang anda siap melanjutkan ke tahap Selanjutnya, yaitu Cara Agar Artikel/Postingan Cepat Terindex Google
Cara Mengganti Template Blog

Cara Mengganti Template Blog

Cara Mengganti Template Blog | Tutorial Blog

Template blog atau website adalah desain halaman blog / website beserta seluruh komponennya seperti gambar, stylesheet, dsb, baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.


Dulu saya pernah bikin postingan mengganti template blog, namun karena sekarang Blogger menggunakan Tampilan Baru, jadi saya bikin lagi tutorialnya yang baru.


Di blogger Sobat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan sobat. Anda dapat menggunakan template buatan Anda sendiri untuk blog anda, bisa juga anda mengganti template blog dengan template dari penyedia template gratis. Namun, jika sobat masih belum bisa dalam membuat template, pihak blogger sendiri sudah menyediakan beberapa template yang bisa anda pilih.


Berikut ini cara mengganti Template dengan template yang disediakan blogger :
  1. Login ke blogger.
  2. Pada Dashboard Blogger pilih Blog yang ingin anda ganti templatenya.
  3. Klik Template.
  4. Klik tombol Sesuaikan.
  5. Klik pada pilihan template yang tersedia.
  6. Anda dapat melakukan pengaturan tampilan pada menu di sebelah kiri.
  7. Jika sudah cocok dengan salah satu template, klik Terapkan ke Blog.
  8. Selesai.


Untuk mengganti template dengan template dari penyedia template gratis, berikut caranya :
  • Download template yang ingin di gunakan.
  • Ekstrak file yang di download tadi, karena file yang akan kita upload ke blogger hanya file yang berekstensi .xml.
  • Login ke Blogger.
  • Klik Template.
  • Klik Cadangkan/Pulihkan yang ada dibagian atas kanan.
  • Untuk jaga-jaga backup template Anda terlebih dulu, klik Unduh Template Lengkap.
  • Klik tombol Browse, pilih file template yang tadi telah diekstrak.
  • Kemudian klik tombol Unggah.
  • Tunggu sampai proses selesai. Setelah itu lihat hasilnya pada Blog Sobat.
Untuk lebih jelasnya silakan baca Cara Mengganti Template.


Sekian tutorial tentang Cara Mengganti Template Blog.

Mau Di Buatkan Blog Seperti Yang Saya Pakai Sekarang ?

SMS aja di 081242177916
Membuat Link Membesar Saat disentuh Kursor

Membuat Link Membesar Saat disentuh Kursor

Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.
Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.

Cara Membuat Link Membesar Saat disentuh Kursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode a:hover { 
  • Ganti kode font-size dengan ukuran yang lebih besar.
    Contoh :
    a:hover {
    color:#d2691e;
    font-size:10px;
    font-style:italic;
    cursor:wait;
    }
    ganti dengan
    a:hover {
    color:#d2691e;
    font-size:19px;
    font-style:italic;
    cursor:wait;
    }
  • Terakhir klik Simpan Template.
Selamat Mencoba dan Semoga Berhasil...
Membuat Gambar Membesar Saat disentuh Cursor

Membuat Gambar Membesar Saat disentuh Cursor

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.
Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
  • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
    .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
    .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Semoga tutorial singkat ini bisa bermanfaat...
Cara Menghapus Waktu Komentar

Cara Menghapus Waktu Komentar

Beberapa hari yang lalu pada postingan Cara Menghapus Waktu Postingan, salah satu Sobat Blogger menanyakan tentang Cara Menghapus Waktu di komentar, mungkin menurutnya waktu atau jam tersebut mengganggu tampilan blognya makanya ingin dia hapus, karenanya pada kesempatan ini saya bikin postingan untuk menjawab pertanyaan tersebut.

Jika Sobat blogger yang lain juga ingin menghilangkan waktu komentar, caranya cukup mudah, anda tinggal hapus kode <data:comment.timestamp/>.

Berikut tutorial Menghapus Waktu Komentar :
  • Login ke akun Blogger Sobat.
  • Pilih Template > Edit HTML.
  • Cari kode
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
  • Jika sudah ketemu hapus semua kode tersebut.
  • Selanjutnya Simpan Template Sobat.
Simple kan ?!?, Selamat mencoba...