Tuesday, February 14, 2012

Membuat Label Modern

Filled under:

Yang harus perhatikan,

Nama label blog semua harus lowercase alias ukuran kecil semua,misal nama label 'Tutorial Seo' harus menjadi 'tutorial seo'.(ini karena sebagian besar pengunjung dalam mencari tidak memperhatikan besar kecilnya huruf,sedang url yang akan kita hasilkan ini,jika label masih uppercase alias awal penulisan huruf besar selanjutnya kecil,kemungkinan hasilnya adalah nihil),nah bagi sobat yang belum membuat label,bisa baca tutorial cara membuat label di sini


Selanjutnya,ikutilah langkah berikut,.profile-link {
Pertama,sobat pergi ke Rancangan / Tata Letak 1,lalu pilih Tab Edit Html 2,selanjutnya contreng tulisan Expand Widget Templates 3,


Membuat Kotak Pencarian Blogspot.
gb1



Cara Membuat Kotak Pencari Blogger.
gb2



Membuat Kotak Pencarian Seo Friendly untuk Blogger Blogspot.
gb3


Lalu cari kode css berikut (Gunakan Ctrl+F)

.profile-link {
Berhubung masing2 template berbeda saya ambil contoh,misalnya saya sudah amenemukan kode tersebut dan seperti ini lengkapnya:
.profile-link {
font: $postfooterfont;
letter-spacing: .1em;
text-transform: lowercase;
}

Nah,kode yang berwarna merah yakni,text-transform: lowercase; pada barisan code css tersebut adalah kode yang harus sobat tambahkan.
Jika sudah terdapat kode text-transform: uppercase; maka tinggal rubah menjadi text-transform: lowercase;
Lalu simpan templates sobat.
Nah,sekarang tinggal pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:


membuat kotak pencari blog.

Cara Membuat seo friendly search form.

search form urls seo friendly mod rewrite.
.

Kemudian letakkan kode kotak pencarian berikut sob:

<div id="search" style="margin-top: 0px; padding: 0px; text-align: center; background-color: rgb(255, 255, 255); border: 1px dotted rgb(255, 255, 255);"> <form id="searchform" action="http://hariezgrafor.blogspot.com///search" method="get" onsubmit="location.href='http://hariezgrafor.blogspot.com//search/label/' + encodeURIComponent(this.s.value).replace(/%20/g, '%20'); return false;"> <div><input value="" name="s" id="s" type="text" /> <input id="searchsubmit" value="Search" type="submit" /> </div> </form></div>

Simpan,dan sobat bisa lihat hasilnya :D Moga bermanfaat gan!
Lihat contoh klik disini
Ket:
http://hariezgrafor.blogspot.com/ gantilha dengan nama blog sobat ya :D

0 comments:

Post a Comment