Menambahkan Kotak Search Blogger.com

Sesi Kali ini saya akan membahas kendala yang pernah saya dapat pada blog saya. kemarin....
pada saat mengganti template Blog saya, saya menemukan kalau Kotak Search di Blog saya tidak berfungsi.

ternyata Template yang saya gunakan ini, Kotak Search-nya pada saat saya memasukkan sebuah kata kunci pencarian, maka bakal ngeLink ke alamat si pembuat Template Blog yang saya gunakan sekarang.....

Solusi dari semua itu saya menambahkan Kode untuk Kotak Search :

<form action="'/search'" id="'searchThis'" method="'get'" style="">
<input id="'searchBox'" name="'q'" type="'text'/">
<input id="'searchButton'" value="'Cari'/" type="'submit'">
</form>

Langkah-langkahnya :

• Login ke Account anda di Blogger.com,
• Pilih Tata Letak(Layout) - Edit HTML,
• Cari Tag HTML </form> - Copy Kode diatas untuk menggantikan kode Kotak Search anda.
• Simpan Template Anda.
• Lalu Lihat Perubahannya.

Nah kalau memang Template anda tidak memiliki Kotak Search tinggal menambahkannya saja :

• Pilih Tata Letak (Layout) - Elemen Halaman,
• Klik Tambah Gadget - HTML/JavaScript - Copy kode diatas tadi dan salin kedalam HTML/JavaScript dan jangan lupa untuk memberikan judul Search(Pencarian).

Oke sekian dulu Topik kali ini
selamat mencoba!!!

Cara Buat Kotak Link Exchange menggunakan TextBox ReadOnly

Anda belum bisa masang banner link exchange? hari gini belum bisa masang banner. Trus Gimana cara buat kotaknya supaya readonly? Cara yang saya perkenalkan kali ini berbeda dengan yang lainnya saya tidak mengguakan TAG <TextArea>, melainkan saya menggunakan TAG <input> (supaya page site kita rapih kelihatannya). Nah penasarankan gimana caranya, oke langsung aja:


Pertama Login ke blogger setelah itu pilih Tata Letak --> Elemen Halaman pilih HTML/Java Script lalu copy kode berikut ini di tempat yang disediakan.

<input value="&lt;a href=&quot;http://antodimensi.blogspot.com&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; alt=&quot;bLogger news&quot; src=&quot;http://img29.imageshack.us/img29/7193/bloggerlinkimage.png
&quot;
/&gt;&lt;/a&gt;" size="35" readonly type="text"/>

ganti URL site & URL image dengan URL milik anda. Terus simpan templatenya.
Hasilnya ya bisa dilihat diBlog anda masing-masing, trus gambarnya mana? gini didalam kotak tersebut kan ada textnya untuk imagenya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi image yang nantinya nge-link ke site anda.

Contoh hasil textBox Readonly jadinya nih:



trus kalo link yang ada didalam textBox ditambahkan dalam HTML/Java Script jadinya...




silahkan tukeran link sama temen-temen blogger anda deh..... mudah kan???

s'lamat mencoba.

Cara Menghilangkan Navbar (Navigation Bar) Pada Blogger.com

Navbar adalah fasilitas standar yang dimiliki oleh Blogger.com yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS Blogger.com atau hal lain yang dapat dianggap merugikan dunia internet.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri(NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com? Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar? Ada beberapa penyedia template (beta dan
classic) yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com.
2. Didalam pengaturan pilih menu Tata Letak kemudian pilih Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

Contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

4. Simpan hasil Perubahan, lalu lihat hasilnya.

selamat mencoba.............

Membuat "Read More…" Pada Blogger.com

Akan sulit terasa jika postingan kita di Blog terlalu panjang. hal ini membuat blog kita menjadi lambat untuk dibuka. Saya Punya Tips nih, dalam pembuatan read more pada pada blog anda di blogger.com.

Penasarankan bagaimana caranya........................!!!

Caranya:

• Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
• Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
• Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode ]]></b:skin> seperti ini:

<style>
<b:if cond='data:blog.pageType == "item"'> 
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>

• Selanjutnya mengatur supaya postingan terpotong, cari kode <p> <data:post.body></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
  

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

• Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik sisa postingan sampai selesai. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Contoh penulisan posting:

Ini adalah awal berita yang ingin saya potong karena
terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu
memotong berita sampai disini saja. <span class="fullpost">
Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya
muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir postingan akan seperti ini:

Ini adalah awal berita yang ingin saya potong karena
terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu
memotong berita sampai disini saja.Read more..

selamat mencoba!!!

Merubah Icon Address Bar (Favicons) Pada Blogger.com

Kita pasti sering melihat blog atau web yang memiliki Icon pada Address Bar-nya. Icon yang dimaksud adalah Favicon. Favicon biasanya digunakan untuk ciri khusus dari blog atau web pemiliknya. Karena ciri khusus inilah, Favicon ini berbeda-beda antara satu blog dengan blog lainnya, antara web dan web lainnya. Yang akan saya bahas adalah merubah Favicon khusus untuk pemilik Blogger Account. Walaupun tidak menutup kemungkinan bisa diterapkan pada web atau blog yang lainnya.

Langkah merubah Favicon standard di blogger.com:

1. Buat Favicon menggunakan Adobe Photoshop dengan nama favicon.png/favicon.gif. Untuk hasil yang lebih bagus, hilangkan background sehingga hanya bentuk icon saja yang dipakai.

2. Buat postingan baru dangan judul postingan favicon. Tambahkan gambar favicon.png pada penyedia tempat upload seperti www.imageshack.us upload gambar favicon.png/favicon.gif yang sudah anda buat tadi.

3. Setelah itu simpan alamat gambar yang telah di upload pada imageshack.us tadi.

4. Setelah itu klik Tab Layout pada blogger. Ubah mode ke Edit HTML kemudian cari tag html:
< / head >.















5. Tepat di atas tag html < / head >, tuliskan kode di bawah ini:




6. Jangan lupa, yang berwarna merah tebal diatas diganti dengan hasil Copy URL gambar favicon.png/favicon.gif pada langkah 3.
















7. Langkah terakhir adalah Simpan Perubahan Template.

8. Cek hasil perubahannya pada blog anda (saya menggunakan favicon.gif yang bergerak) :

Cara Daftar Blog ke Search Engine Optimization

Materi Tips SEO kali ini adalah mengenai Cara Daftar Blog ke Search Engine. Daftar Blog ke search engine dimaksudkan, supaya...blog kita dapat terindeks di search engine (Google, Yahoo, Msn, dll). Pernah ga terbayang kalo blog kita muncul di hal pertama di search engine google misalnya? Bagaimana hal tersebut bisa terjadi...salah satunya adalah dengan mendaftarkan situs/blog kita search engine. Berikut cara - caranya :

Daftar situs/blog di google
Anda pasti sudah tidak asing dengan google. Ya...karena google merupakan mesin pencari (search engine) terbaik saat ini. Nah..supaya blog kita muncul di mesin pencari ini, silahkan daftar kan blog anda dengan mengunjungi www.google.com/addurl. Selanjutnya silahkan isi form2 yang disediakan sesuai dengan data situs/blog anda.

1. URL --> isi dengan alamat blog anda. contoh = http://bloganda.blogspot.com
2. Comments --> isi dengan keyword pada bloganda
3. Optional --> isi sesuai text yang tertulis (untuk menghindari spam)

Nah....Selesai deh

Daftar blog di yahoo
Selain google, search engine lain yang biasa dipakai orang2 untuk mencari sebuah situs adalah yahoo. Supaya blog anda terindeks di mesin pencari ini, silahkan kunjungi https://siteexplorer.search.yahoo.com/submit. Untuk di mesin pencari ini, anda tinggal masukan alamat blog anda dan alamat blog feed anda. contoh untuk alamat blog = http://bloganda.blogspot.com contoh untuk feedblog = http://feeds.feedburner.com/feedanda (kalo anda daftar di feedburner).

Daftar blog di Msn
Mungkin untuk mesin pencari yang ini anda agak sedikit asing mendengarnya. Memang sih saya juga merasa demikian. Tapi ga ada salahnya kalo anda mendaftarkan blog anda di msn, gampang kok tinggal kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2. lalu isi text sesuai gambar (untuk menghindari spam) kemudian masukan url blog anda c:/ http://bloganda.blogspot.com. selesai

Selain diatas sebenarnya ada cara yang lebih mudah untuk daftar ke beberapa search engine secara otomatis tinggal kunjungi ini atau ini lalu masukan url blog anda.

selamat mencoba.....