Google Translate
Arabic Korean Japanese Chinese Simplified Russian Portuguese English French German Spain Italian Dutch
ISI KOMENTAR DI BAWAH POSTING SEKECIL APAPUN SANGAT BERARTI BAGI BLOG INI TERIMA KASIH ATAS KUNJUNGANNYA...

Selasa, 27 April 2010

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang.
Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :

ini dia cara lengkapnya :
1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :



]]></b:skin>


5.Copy paste kode berikut persis di atas kode yang tadi :



.quickedit{
display:none;
}


6. Klik tombol Simpan template.
7. Selesai.

Semoga Bermanfaat..

Read More..

Cara Auto Hide Navbar

Bagaimana membuat Navbar yang ada di baris paling atas halaman blog kita agar kelihatan transparan atau menghilang.

Navbar ini nantinya akan kelihatan transparan, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut. Dan sekalian penulis akan menyertai juga cara membuat navbar tersebut menghilang, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut.

Mau Tahu caranya....


1. Masuk ke Dasbor
2. Klik Tata Letak
3. Klik Edit HTML
4. Silahkan cari kode berikut ini #navbar-iframe { ha..ha...ha..ha }
5. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini
kode untuk kelihatan transparan :

#navbar-iframe { opacity:0.0;filter:alpha(Opacity=0); }
#navbar-iframe:hover { opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100); }

kode untuk tidak kelihatan sama sekali (menghilang) :
  1. Sign in di blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
  5. Copy kode berikut lalu paste di atas kode ]]></b:skin>

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau cari kode <Body> kemudian copy scripini di bawahnya kode tersebut

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

6. Klik Pratinjau untuk melihat hasil kerja anda
7. Klik Simpan Template jika seandainya sudah sesuai dengan keinginan anda
8. Selesai

Semoga Bermanfaat

Read More..

Membuat Read More

Anda ingin menampilkan postingan anda hanya beberapa baris saja..? kemudian untuk membaca keseluruhan, anda tinggal menampilkan tulisa read more atau baca di sini.

Anda juga bisa mengganti dengan "selengkapnya di sini" atau apa saja yang menurut anda menarik untuk membuat pembaca penasaran untuk melanjutkan membaca postingan anda.

Jika anda tertarik, silahkan untuk mengikuti langkah-langkah berikut ini :

1. Masuk ke Dasbor
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Widget Templates
5. Silahkan cari kode ]]></b:skin> di dalam template anda
6. Persis setelah kode tersebut, copypastekan script di bawah ini

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



7. Berikutnya, cari kode <p><data:post.body/></p> atau kode <data:post.body/> di dalam template anda
8. Persis setelah kode tersebut, copypastekan script di bawah ini

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


9. Klik Simpan Template

Sekarang silahkan anda masuk ke postingan anda, dan pastikan anda berada dalam mode Edit HTML, jangan dalam mode Tulis/Compose.

Selanjutnya agar postingan anda terpotong, maka sisipkan kode <span class="fullpost"> ini di tempat anda ingin memotong tulisan anda. Dan di paling akhir tulisan anda tambahkan dengan kode </span>.

Dua buah script yang saya maksud tersebut tidak lain adalah script <span class="fullpost"> yang berfungsi untuk memotong postingan, dan satu lagi adalah script </span> yang akan diletakkan di akhir postingan.
Biar Kedua script tersebut bisa tampil secara otomatisdi dalam halaman postingan . Begini caranya...

1. Masuk ke Blog anda
2. Klik tab Pengaturan
3. Klik tab Format
4. Scroll ke halaman bawah dan temukan kolom Template Posting
5. Pastekan dua script berikut ini ke dalam kolom kosong tersebut

<span class="fullpost">
</span>


6. Klik Simpan Setelan
7. Selesai

Nah, sekarang setiap kali anda akan membuat sebuah postingan, dua buah script tersebut secara otomatis sudah lebih duluan nyampe di sana dari anda.

Semoga berguna & bermanfaat

Read More..

Senin, 26 April 2010

Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :


<p align="center"><textarea name="code" rows="6" cols="40">Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area</textarea></p>

Jangan lupa ganti yang warna merah dengan apa yang mau kamu tampilan
Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="40", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 40 " tadi dengan angka yang lebih tinggi nilainya.


Hasilnya Begini ....

 



jika ingin hasilnya Readonly tinggal nambah'i

 <textarea rows="5" cols="40" name="Famous Quotes" readonly="readonly">
<p align="center"><textarea name="code" rows="6" cols="40">Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area</textarea></p>
</textarea>

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :


Untuk membuat text area, silahkan anda Copy kode di bawah ini :


<div><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div>

</div><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p><</div></form>




Jangan lupa ganti yang warna MERAH dengan apa yang kamu inginkhan..


Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :
1.<div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
2.<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.
3.Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.


Element text area :

1.<p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
2.<text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"
3.HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Hasilnya seperti ini :



Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <HEAD> dan </HEAD>

selamat mencoba
semoga bermanfaat....
Read More..

Jumat, 23 April 2010

Membuat Link Banner


Ingin tahu cara membuat exchange link banner automatic, maka hari ini saya akan coba menjelaskan cara membuat exchange link banner automatic tersebut.

Sebenarnya informasi ini pertama sekali saya dapatkan dari salah seorang blogger indonesia yakni pinginbelajar.blogspot. Saya berterimakasih kepada pinginbelajar.blogspot yang telah mau berbagi dengan saya tentang cara membuat exchange link banner automatic. Sayapun terpanggil untuk membuat artikel ini untuk menepati janji saya kepada beberapa orang sobat blogger yang ingin juga membuat exchange link banner tersebut. Begini Caranya...
\
Untuk para sobat blogger yang belum mempunyai dan ingin memasang exchange link banner automatic di blog anda, silahkan ikuti langkah-langkah berikut ini :

1. Silahkan anda surfing di sini [ plugme ]
2. Klik Tab Register dan isi semua pertanyaan yang muncul
3. Setelah registrasi anda selesai lanutkan dengan klik Tab Login
4. Setelah login berhasil, akan tampil halaman yang baru
5. Klik Tab HTML Code
6. Selanjutnya akan tampil 2 buah script yakni HTML Code dan Alternative Code
7. Sebaiknya anda copy yang HTML Code saja karena anda bisa merubah script tersebut
jika diperlukan
8. Pastekan script tersebut ke Konten blog anda dengan cara klik Tab Tata Letak,
klik Tab Elemen Halaman, klik Tambah Gadget, klik HTML/JavaScript
9. Selesai

Semoga Bermanfaat,...
Read More..

Buat Buku Tamu

klau anda belum punya id di ShoutMix Chat buat dulu di sini [ ShautMix ]
Cbox dan Shoutmix merupakan fasilitas yang bisa anda letakkan pada site yang berfungsi menampung pesan dari visitor yang berkunjung ke site anda. Banyak pengaturan yang bisa anda lakukan pada kedua Comment Box tersebut, tetapi untuk kali ini saya akan membahas cara menambah smile pada Cbox dan Shoutmix.

Sekarang kita akan bahas satu per satu, silahkan ikuti langkah-langkahnya :

Menambah smile pada Cbox :

1. Silahkan login ke Cbox anda
2. Klik Tab Options
3. Klik pilihan menu Smilies
4. Pada kolom URL, silahkan anda pastekan URL dari smile pilihan anda
5. Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik kode ini maka secara otomatis smile tersebut akan tampil pada Cbox anda.
6. Pada kolom Alt. Code, silahkan ketik kode alternatif anda. Fungsinya sama seperti no. 5
7. Silahkan tambahkan smile tersebut sesuka anda di Cbox yang anda miliki. Inilah salah satu kelebihan Cbox, bagi para sobat yang berlangganan secara Basic Box ataupun Premium Box mempunyai fasilitas yang sama yakni sama-sama diberikan fasilitas unlimited smiles.
8. Klik Save
9. Selesai

Menambah smile pada Shoutmix

1. Silahkan login ke Shoutmix anda
2. Klik pilihan menu smileys pada Tab Display
3. Pada kolom smiley image URL, silahkan anda pastekan URL dari smile pilihan anda
4. Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik
kode ini maka secara otomatis smile tersebut akan tampil pada Shoutmix anda.
5. Pada kolom (optional), silahkan ketik kode alternatif anda. Fungsinya sama
seperti no. 4
6. Silahkan tambahkan smile tersebut hingga 10 smile bagi yang berlangganan secara
Basic Account, dan bagi sobat yang berlangganan secara Premium Account, anda bisa
menambahkan smile tersebut hingga 500 smile.
7. Klik Save settings
8. Selesai

semoga bermanfaat.. Thx
Read More..

Kamis, 22 April 2010

Cara Daftar Search Engine

Tak di sangkal bahwa tujuan utama dari membuat blog antara lain adalah agar tulisan-tulisan kita bisa di baca oleh orang lain atau pengunjung blog, semakin banyak yang berkunjung apalagi memberikan komentar pada apa yang kita posting tentunya akan membuat hati kita merasa senang dan bahagia. Akan tetapi tentunya tidak serta merta blog kita akan ramai di kunjungi, ini memerlukan usaha publikasi yang gencar dari pemilik blog apabila ingin banyak pengunjungnya.

Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.

Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.

Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :

# Daftar Google
Untuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :

* URL --> Isi dengan URL blog sobat.
* Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat
* Isi kotak kosong dengan huruf Verifikasi yang tersedia
* Klik tombol Add URL
* Selesai.

Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.


* Daftar Yahoo!

Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :

http://krisnahs.blogspot.com/atom.xml

atau memakai www pun sama saja :

http://www.krisnahs.blogspot.com/atom.xml


Sudahkan blog sobat terindeks di google? coba masukan alamat blog sobat pada mesin pencari google yang tersedia...

Semoga berhasil...
Read More..

Selasa, 13 April 2010

Membuat Link Untuk Download

Bagai mana cara memasang artikel atau file exe di blog agar bisa di download orang lain. Sepengetahuan saya yang terbatas ini, di dalam blog tidak bisa untuk menyimpan file exe kemudian bisa di download oleh orang lain, akan tetapi walaupun begitu ada cara lain yang bisa kita tempuh yakni menggunakan jasa situs-situs yang ada di internet yang menyediakan space untuk upload file yang kita punyai dan kemudian bisa di download lagi oleh orang lain.


Secara sederhana saya jabarkan cara kerjanya, pertama tentu saja kita harus mempunyai account pada situs tersebut, kemudian setelah mempunyai account, baru kita upload data yang ingin kita simpan, lalu setelah proses upload berhasil kita akan di beri URL address file yang kita upload. Nah langkah terakhir agar pengunjung dari blog kita bisa mendownload file tersebut adalah memasang tulisan yang mempunyai link terhadap URL address file yang kita upload tadi, jadi tentu saja orang lain bisa mendownload file yang kita pasang melalui blog kita. Kira-kira begitu bos .

Agar tidak terlalu bingung, penyedia layanan ini salah satunya adalah www.SnapDrive.net. dengan menggunakan situs ini kita bisa upload file kemudian file tersebut bisa di download lagi oleh orang lain. Untuk caranya silahkan ikuti langkah-langkah berikut ini :

Silahkan klik di sini untuk menuju "http://www.SnapDrive.net"
Klik tulisan Register

Isi formulir yang disediakan dengan data diri sobat
Username --> isi dengan nama yang ingin sobat gunakan, boleh apa saja yang penting mudah di ingat. contoh : Unyil
Password --> isi dengan password yang di inginkan. contoh : pakraden
Confirm password --> isi kembali dengan password yang tadi di tuliskan.contoh : pakraden

Email address --> isi dengan alamat email sobat, tentunya yang masih valid. contoh : amn_tea@yahoo.co.id

First name -->isi dengan nama depan sobat
Last name --> isi dengan nama belakang sobat
Country --> pilih nama negara dimana sobat tinggal. contoh : indonesia
Postcode --> isi dengan kode post daerah sobat
Gender --> pilih sesuai dengan jenis kelamin sobat. male(pria), female(wanita)
Date of birth --> pilih tanggal kelahiran sobat
Preferances isi dengan tulisan yang tertera di situ

Klik tombol Register
Ada konfirmasi bahwa account yang baru di buat harus di aktifkan melalui email yang kita tulis tadi
Cek email milik sobat yang tadi ditulis, periksa apakah email dari Snapdrive sudah sampai atau belum
Jika email sudah sampai, silahkan buka email tersebut. Isi di dalam email tersebut ada yang berupa link untuk aktifasi, klik saja link tersebut

Secara otomatis sobat akan dibawa kehalaman yang berisi ucapan terima kasih
Klik tombol OK
Silahkan Login dengan username serta password yang tadi di tuliskan saat register
Setelah berada di halaman account sobat, klik tulisan Upload
Klik tombol Add Files
Pilih file yang ada dikomputer sobat yang mau di upload
Klik tombol Upload. tunggu beberapa saat ketika proses upload file sedang berlangsung

Jika proses upload selesai, sobat akan diperlihatkan file yang di upload tadi. Klik tulisan details yang ada disebelahnya

Klik tulisan HTML Code
Copy kode yang di berikan lalu paste pada program notepad
Klik tulisan Logout untuk keluar dari situs tersebut
Silahkan tutup layar browser sobat

Langkah selanjutnya adalah memasukan kode tadi ke dalam blog kita.
Saya kira sudah cukup pembahasan tentang cara membuat link download, mudah-mudahan dapat di mengerti. Selamat mencoba !
Read More..