Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
3. Pada kolom yang berjudul Style, klik menu appearance.
4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda
2. Klik menu Template
3. Klik Edit HTML
4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
6. Klik tombol Preview untuk melihat perubahan yang kita buat.
7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda
2. Klik menu Layout
3. Klik Page Element
4. Klik Add a Page Element
5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
7. Copy paste kode HTML shoutbox anda di dalam form Content
8. Klik tombol Save Changes
9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
10. Tekan tombol Save
11. Selesai

Read More

Cara Menghilangkan Navbar (Navigation Bar)

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out 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 atau hal-hal yang dianggap merugikan orang lain.

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 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 / Blogspot.com

2. Trus Pilih Layout --> 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;

}

/* Variable definitions

====================

4. Kemudian simpan.

Selamat Mencoba.....!!

Read More

Bikin Sidebar di Sebelah Kiri Pada Template Blogspot/Blogger

Kode ini aku dapatkan dari My Learning Days.. Awalnya si ingin pake yang dah jadi aja yang aku download dari Webtalks, tapi ternyata begitu diedit HTML-nya untuk bikin kolom page elemen dibawah header template untuk keperluan menu bar, hasilnya tidak seperti yang dinginkan ya. Akhirnya coba cari kode dan dikerjain satu-satu deh, dari bikin tambahan sidebar disebelah kiri dan terus bikin kolom page elemen di bawah headernya.
Untuk menambah sidebar di sebelah kiri, caranya adalah sebagai berikut:
1. Login ke Blogspot --> layout --> Edit HTML
2. Download template untuk jaga-jaga biar bila ada kesalahan dalam proses edit HTML, bisa dikembalikan lagi ke template awal.
3. Liat di bagian Outer Wrapper, tambahkan kode dan rubah beberapa variabel seperti dibawah ini:

/* Outer-Wrapper

----------------------------------------------- */

#outer-wrapper {

width: 840px;

margin:0 auto;

padding:10px;

text-align:left;

font: $bodyfont;

}

#main-wrapper {

width: 420px;

float: left;

padding: 5px;

border:1px solid $bordercolor;

background-color:#c77c7c;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

#sidebar-wrapper {

width: 200px;

float: right;

padding: 5px;

border:1px solid $bordercolor;

background-color:#c77c7c;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

#newsidebar-wrapper {

width: 200px;

float: left;

padding-right:10px;

word-wrap: break-word;

overflow: hidden;

}

Catatan:
Kode dengan warna biru menunjukan kode aslinya.
Kode dengan warna hijau menunjukan kode yang ditambahkan.
Kode yang ditulis dengan angka merah merupakan variabel yang bisa dirubah harganya.
Outer wrapper merupakan lebar template, rubah angkanya seperti yang diinginkan; pada contoh diatas, lebarnya dari 660px dirubah jadi 840px.
Main wrapper adalah lebar kolom posting, pada contoh diatas lebarnya dari 410px diubah jadi 420px.
Sidebar wrapper adalah lebar sidebar yang dinginkan, pada contoh lebarnya dari 220px diubah jadi 200px.
Float menunjukan letak side bar di kiri atau dikanan.
4. Kemudian liat di bagian bawah, tambahkan kode di bawah ini sebelum kode
5. Simpan.
Selamat mencoba.
sumber: kembangbungaku.blogspot.com

Read More

Menambah Gadged Pada Blog

Jika wordpress di perkuat dengan pluggin.Maka blogger didukung dengan gadged.Walaupun gak sehebat pluggin pluggin wordpress.Namun dengan ribuan gadged gadged, blogger blogger menjadi kukuh dan lebih indah.Apalagi blogger mengizinkan pengguna memakai javascrip dan aplikasi pihak ke 3.Untuk menambah gadged tidak begitu banyak langkah yang harus dilakukan.
Silahkan loggin ke blogger pilih tata letak/loyout pilih tambah gadget.Nah di situ secara default dilayar utama dah tersedia 19 gadget

* pengikut.
menampilkan pengikut/yang ngefans blog anda.
kayae kurang pas di pasang di blognya pemula.
* kotak penelusuran
* html/javascrip
ini untuk menambah aplikasi pihak ke 3 seperti iklan dan lain2.
* text
* gambar
* tampilan slide
* baris video
* polling
* daftar blog
* daftar link
untuk membuat blogroll atau tukeran link
* daftar
* feed
* newsreel
* label
fungsi label adalah untuk menampilkan kategori kategori artikel
* tautan berlangganan
* logo
* profil
* arsip
* dan header halaman

.Jika kurang masih ada fasilitas pencarian.Gadged apa yang pingin di tambahkan.Tapi saya yakin.Dari ribuan gadged blogger,yang paling banyak di gunakan adalah html/javascrib karena dari sinilah kita bisa memasukkan/menggunakan aplikasi dari pihak ke 3.
gadged yang sering di gunakan lainya adalah arsip,kategori,dan profil
Sumber:
http://www.gandensang.com

Read More

Membuat Logo Pada Addres Bar

Favicon adalah
icon kecil yang ada di url address bar, bisa juga masuk dalam daftar
bookmark jika kita mem bookmark suatu situs yang mempunyai Favicon,
untuk ukurannya favicon sendiri adalah 16 x 16
pixel.

Berikut tutorial nya bagaimana cara membuat
Logo pada URL Address Browser:
caranya siapkan icon favorite
anda, download icon-icon dibawah
ini:

http://www.webdeveloper.com/favicon.ico
http://www.oscmax.com/favicon.ico
http://www.coffeecup.com/favicon.ico
http://unblock-url.qarchive.org/favicon.ico
http://www.pizzahut.com/favicon.ico
http://www.starbucks.com/favicon.ico

src="http://unair.info/img/klik-kanan.gif">
Setelah itu
silahkan klik kanan salah satu icon, lalu pilih Save Image As..
-> lalu save
Cara pemasangannya bisa anda Upload dan
letakkan di direcrtory root
dengan nama:
favicon.ico

atau bisa
juga letakkan tag di bawah ini dalam header anda

style="color: rgb(0, 0,

255);">

....

REL="SHORTCUT ICON" HREF="http://www.yourwebsite.com/favicon.ico"

/>

/>Sumber dari situs
href="http://www.ilmuwebsite.com">Ilmu Website dalam
kategori
href="http://www.ilmuwebsite.com/html/">html dengan judul

href="http://www.ilmuwebsite.com/detil_html/11/Membuat_Logo_Pada_Addres_Bar/">Membuat
Logo Pada Addres Bar

Read More

Tips Trik Blog Terlihat Profesional

Setelah beberapa saat melakukan blog walking akhirnya saya menemukan sebuah Tips Trik Blog yang bermanfaat bagi Baliblogier agar blog terlihat profesional. Artikel ini ditulis di website o-om yang juga menyediakan banyak artikel tentang Tips Trik Internet dan Tips Trik Blog Optimization.
TIPS TRIK BLOG TERLIHAT PROFESIONAL – KOMUNITAS BLOGGER BALI

17 tips blog agar halaman blog terlihat lebih Profesional :
1. Lakukan pengecekan halaman pada beberapa web browser yang berbeda: Tampilan halaman anda begitu cantik di browser firefox tetapi belum tentu bagus di browser IE atau Opera atau browser yang lain. Ingat pengunjung blog anda tidak hanya menggunakan satu browser saja. untuk itu anda coba lakukan pengecekan dengan browser yang berbeda, misalkan : Firefox, Flock, Mozilla, IE, Opera, Safari.
2. Pilihan warna pada blog : Pemilihan warna memang susah-susah gampang semuanya tergantung selera pemilik blog. Jangan terlalu egois, pilih warna sesuai dengan tema blog anda. coba anda pikir jika blog anda tentang agama dengan pilihan warna hitam, terlihat janggal bukan! kebanyakan warna hitam lebih cenderung ke situs yang bertemakan underground.
3. Hindari Memasang Jam : Tanyakan pada diri anda sendiri apa gunanya memasang jam di blog anda, jika hanya sebagai pengingat waktu atau untuk mempercantik halaman sebaiknya tidak usah digunakan, apa gunanya jam pada taksbar windows. yang jelas bakal bikin load page anda semakin berat.
4. Hindari pasang kalender : Apa gunanya kalender windows? orang butuh informasi dari blog anda bukan ingin melihat kalender. sekedar informasi kalender yang saya maksud adalah kalender umum, beda dengan kalender yang menampilkan sebuah posting (biasanya banyak digunakan pengguna wordpress)
5. Hindari pasang jumlah pengunjung tetap: jika blog anda baru jangan gunakan jumlah pengunjung (counter), ini akan berakibat penilaian yang buruk terhadap blog anda. walaupun untuk beberapa penyedia layanan counter menyediakan fasilitas untuk memanipulasi dan menambah jumlah pengunjung secara manual, coba anda pikir blog yang baru dibuat sudah mencapai 100.000 pengunjung apa itu mungkin?.
6. Jangan memelas untuk meminta mengklik iklan : hindari kata “klik iklan dibawah ini” atau bahasa apapun yang meminta pengunjung anda untuk mengklik iklan. sampai saat ini ada beberapa blog yang melakukan hal tersebut (maaf jika blog anda termasuk dalam hal ini) siapa sih didunia ini yang suka diperintah, Tanpa anda menyuruhpun pengunjung bakal mengklik iklan tersebut jika dirasa berguna gai mereka.
7. Jangan memasang iklan yang berserakan : Iklan yang banyak memang sangat menguntungkan, namun jangan sampai isi halaman anda hanya iklan dan iklan. Pasang iklan sewajarnya saja dan tahukah anda pengunjung sangat risih dengan adanya iklan yang telihat melebihi kapasitas dari isi halaman blog anda.
8. Hindari memasang lagu pada blog : Selain bikin halaman berat blog yang menampilkan lagu agak terkesan tidak profesional dan maaf agak terkesan jaman dulu (jadul). Tidak masalah jika blog anda tentang musik atau blog personal tapi untuk blog bisnis kayanya kurang cocok.
9. Menampilkan status IP pengunjung : Blog anda bukan program spy khan?, jadi lebih baik tidak usah dipasang agar pengunjung tidak merasa dimata-matai.
10. Memasang widgets yang tidak ada hubunganganya dengan blog : Menambahkan widgets memang menyenangkan tapi jika tidak ada hubungannya malah blog anda terkesan aneh. pasanglah widget sesuai dengan kebutuhan saja.
11. Jangan hanya Copy-Paste : Saya tidak melarang anda untuk melakukan Copy-Paste, jika memang dilakukan sebaiknya perbaiki juga code scriptnya, hargai jerih payah penulis sebenarnya karna jika hanya copy-paste tulisannya tidak bakal terlihat rapi dan kemungkinan gambar yang diikutsertakan tidak bakal muncul.
12. Perhatikan tanda baca : Perhatikan tulisan anda apakah sudah benar tanda bacanya. Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda.
13. Jangan gunakan gambar yang besar : Gambar memang mempercantik halaman anda, gambar yang besar justru jadi bumerang buat loading page anda. yang jelas blog anda pasti akan diabaikan untuk sementara waktu ketika loading page sedang berjalan.
14. Periksa Dead link : Link yang telah mati bakal tidak disukai pembaca, jangan kan pembaca search engine pun tidak menyukai hal ini. Lakukan pengecekan dead link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini.
15. Jangan terlalu banyak memposting artikel orang lain : Ini akan mendapat respon buruk dari pembaca, karna pembaca akan lebih berpikir lebih baik membaca kesumbernya secara langsung.
16. Selalu pasang nama sumber artikel : Blog yang profesional selalu menghargai jerih payah orang lain, yang jelas memasang nama sumber tidak merugikan anda sedikitpun sebaliknya penghargaan atas jerih payah orang lain itulah yang membuat anda terlihat lebih profesional.
17. Cara merespon komentar yang baik : Jangan pernah bersikap menggurui, hargai semua komentar dengan bijak walau pun ada beberapa komentar yang menyebalkan. Ingat! blog tempat orang menuangkan semua ide dan pemikiran jadi semua orang pasti mempunyai pendapat yang berbeda.

sumber : http://baliblogier.wordpress.com

Read More

Welcome to My Blog

SELAMAT DATANG DI BLOG SAYA , Mungkin blog saya ini tidak seberapa masih banyak kekurangan yang harus saya perbaiki dan saya pun masih belajar seperti layaknya bayi yang baru belajar berjalan bila dibandingkan dengan para jagoan2 blog disana,tolong beri saya masukan agar saya dapat memperbaiki dan belajar lebih dalam lagi tentang blog. Selamat membaca semoga bermanfaat Salam blogger.

Read More