Tampilkan postingan dengan label trik bloger. Tampilkan semua postingan
Tampilkan postingan dengan label trik bloger. Tampilkan semua postingan

Cara Edit Template Blog Agar Lebih Seo Friendly



Hallo sobat..!! Selamat datang di blog hacking
Buat sobat yang belum tahu apa itu seo, menurut yang saya baca dari wikipedia Seo adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.
Banyak cara untuk mencapai tujuan dari seo, dan salah satunya mungkin dengan cara mengedit template blog supaya menjadi lebih seo friendly.  Berikut adalah cara mengedit template blog agar lebih seo friendly, yang saya dapatkan dari Blog Rudi.
  • Page Title - Biasanya format page title dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( cara mudahnya di Mozilla tekan ctrl +f lalu copy paste kode dibawah ini):

    <title><data:blog.pageTitle/></title>
     
  • Kalo udah dapet kodenya hapus n ganti dengan kode berikut ini :
    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>

    Atau sobat juga bisa tambahin beberapa kata kunci ( keyword ) :
    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
    </b:if>

    Ganti kode "kata kunci" dengan keyword yang sobat incar. Setelah semua selesai jangan lupa di save template
  • Meta keyword dan deskripsi - Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode :

    <b:skin><![CDATA[/*
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta name="description" content="Deskripsi Blog anda" />
    <meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
    </b:if>

    Lalu di save 
  • Memasang Breadcrumbs - Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblog-nya juragan ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat menu breadcrumbs”
  • Memasang Related Post - Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat related post di blogger”.
  • Mematikan setting archive (arsip) - Lho ? buat apa juragan ? begini nih, seperti yang juragan bilang tadikan kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :
    sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.
    Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.

    Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode<head> :
    <b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

  • Menambahkan kode ‘rel=canonical’ - Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content ( *jadi buat yang kerjanya Cuma bisa copas hati-hati nih sebelum didepak dari gugel..xixixi*). Cara nya di edit html tambahkan kode berikut setelah kode <head>

    <link expr:href='data:blog.url' rel='canonical' />

    Save template dan selesai
  • Tag Heading - Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>Kode yang dicetak tebal dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

    h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

    Nah segitu aja dulu yaa, klo ada pertanyaan silahkan coment insya allah saya bantu!!
    Berbagi apa yg saya tau itulah prinsip

Artikel ini aku persembahkan khusus buat seseorang, yang pengen belajar tentang dunia blogging. Karena nggak sempet ngajarin akhirnya aku tulis pada blogku tercinta ini. Hehe... Sebelumnya aku minta maaf ya... (^_^). Oke langsung aja nggak usah bosa basi...

Pertama, buka blog kalian, tentunya yang berdomain blogspot loch... :) Jika blom punya bisa daftar disini. Kalau sudah, pilih pilihan post (atau seperti sobat blogger menulis artikel baru) sudah pada tau kan? Ya udah aku gak usah jelasin panjang lebar... :)
Jangan lupa pilih yang HTML, bukan yang Compose.
Copy kode HTML berikut.

<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">
Masukan text / kode sobat di sini

</textarea></form></div></span></code>

Keterangan:
  • Text warna hijau:  bisa sobat ganti dengan select all / block all / tandai semua dan lain-lain sesuai selera sobat.
  • Text warna kuning:  adalah ketinggian text area tersebut, silakan sobat sesuaikan sendiri.
  • Text warna putih:  adalah panjang kolom text area tersebut, silakan sobat sesuaikan sendiri.
  • text warna merah:  merupakan tempat untuk kode yang inggin sobat taruh di dalam text area tersebut.
Abaikan warna lainya selain warna yang disebutkan di atas.

Seperti ini contohnya... Atau ini




Gampang kan... :D
Maaf kalau tutorialnya simple banget...

Special thanks to Diah Oktavia.
For Motivations... (^_^)

Teks Area dengan Tombol Select All

Mungkin anda pernah berkunjung ke suatu blog ataupun website dimana pada halaman blog ataupun dalam postingan mereka terdapat sebuah text area dengan tombol select all. Contohnya seperti pada gambar dibawah ini.


Sekarang pertanyaannya adalah bagaimana kita bisa membuat kotak Teks area seperti itu, untuk membuat Teks Area dengan Tombol Select All tersebut caranya adalah seperti keterangan berikut ini.

Text area adalah sebuah perintah HTML yang berfungsi untuk membuat sebuah kotak ataupun bidang dimana dalam kotak tersebut bisa kita masukan beberapa text yang kita inginkan, contohnya seperti dibawah ini:

Kotak ini biasa kita gunakan untuk mengisi beberapa kata, kode-kode pada postingan maupun untuk membuat kotak link exchange. bagi anda yang ingin membuat sebuah kotak seperti tersebut caranya sangatlah mudah. Anda cukup copy kode dibawah ini lalu letakkan ke blog ataupun postingan anda.

<div style="text-align: center;"><textarea style="width: 300px;height: 40px; padding:3px">Tulis text ataupun kode yang ingin anda tampilkan disini</textarea></div>

Keterangan :
- Teks yang berwarna biru merupakan teks yang nantinya muncul pada kotak tersebut. Silahkan anda ganti dengan teks atau kode yang ingin anda tampilkankan dalam kotak tersebut.
- center yaitu menunjukkan posisi text dalam kotak tersebut di posisi tengah. Bila anda ingin meletakkan text tersebut dikanan. Anda cukup menggantinya dengan right dan Left bila anda ingin meletakkannya diposisi sebelah kiri.
- Width yaitu untuk ukuran lebar kotak dan Height untuk ukuran tinggi kotak. Silahkan anda ganti sesuai keinginan keinginan anda.

Membuat kotak teks/text area dengan tombol Select All 
Tadi yang kita bahas adlah tentang cara membuat text area. Nah sekarang kita akan membahas tentang kelanjutannya yaitu text area dengan tombol select all. Tombol select all adalah sebuah tombol yang digunakan untuk menghighlight seluruh teks yang berada didalam text area tersebut, sehingga kita atau pengunjung bisa lebih mudah untuk mengcopy seluruh teks atau kode yang berada dalam text area tersebut. Contohnya seperti dibawah ini, coba anda tekan tombol select all yang ada dibawah ini.maka semua teks yang ada dalam kotak tersebut akan terhighlight atau terblok semua dengan mudah.


Untuk membuat teks area dengan tombol select all seperti diatas caranyan adalah seperti berikut, copy semua kode dibawah ini ke blog ataupun postingan anda.

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: Center;"><textarea style="padding: 3px; Width: 300px; Height: 50px;" name="txt">Tulis text ataupun kode yang ingin anda tampilkan disini</textarea></p></form>

Catatan :
- Teks yang dicetak tebal dan berwarna kuning adalah teks yang muncul pada tombol. Silahkan anda bisa menggantinya dengan nama lain, misalnya pilih semua, copy semua ataupun yang lainnya.
- Teks berwarna biru adalah teks muncul didalam kotak. Silahkan anda ganti dengan teks ataupun kode yang ingin anda tampilkan dalm kotak tersebut.
-  Teks yang di cetak tebal dan berwarna hitam seperti Center, Widthdan Height. silahkan anda ganti juga sesuai keinginan anda.

Ok mungkin cukup sampai disini dulu postingan Blog Tips and Trickmengenai cara membuat kotak teks area dengan tombol select all ini. semoga bermanfaat dan salam blogger mania.

Kode Anti Copas dan Klik Kanan

anti copas dan klik kanan
Kemarin ada beberapa kawan blogger bertanya bagaimana caramembuat atau memberi kode anti copy paste dan klik kanan pada blog. Hal ini karena mereka mempunyai blog yang banyak memuat informasi penting dan sering kali diampil oleh plagiat. Kalau menurut saya bahwa artikel yang diambil tanpa sepengetahuan penulisnya sudah umum terjadi, dan itu juga yang menjadi orang berkunjung ke blog anda. Suatu kerja yang dilematik dan kadang membuat kita harus merasa sedih dengan keadaan tersebut. Ok sekarang saya akan berikan kode anti copas dan anti klik kanan bagi blog yang memerlukannya. Pemasangan kode ini sangat gampang dan dijamin tidak memberatkan loding blog anda. Ikuit langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Cari kode <body> dan hapus kode tersebut, lalu ganti dengan kode berikut ini
<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false">
Selanjutnya klik Simpan Template dan lihat hasilnya. Bila kode di atas tidka bisa di pasang, anda tinggal mengganti ( '' ) dengan ( ' ). Selamat mencoba dan sukses selalu.


"keep spirits and do the best"