Kamis, 08 Januari 2009

Blog Gratis di BlogDetik.com


blogdetik sama seperti penyedia layanan blog gratis seperti blogger, wordpress, blogdrive, multiply, blogcatalog, blog. Tentu saja masih banyak lagi hingga saya kira tidak perlu dituliskan disini semuanya. Sudah baca detik.com hari ini??? Heee, sekarang detik menyediakan layanan blog hosting gratis, tidak tahu kapan dilaunching tapi klu diperhatikan masih dikit tuch membernya.

Berikut ini pesan yang ditampilkan ketika masuk ke situs blogdetik.
Kenapa menunggu besok? Ngeblog detik ini juga! Jangan takut bersuara! Ungkapkan perasaan, pikiran, atau ekspresi apapun yang terlintas di blogdetik. Jutaan orang akan membaca tulisan Anda dan Anda bisa membuat perubahan dengan ngeblog detik! Untuk Memulai blog anda silahkan daftar di sini
Blogdetik ini didukung oleh wordpress, jadi buat yang udah familiar dengan wordpress pasti tidak akan mengalami kesulitan dalam pemakaiannya. Untuk mendaftar caranya sangat mudah, cukup memasukkan informasi yang diminta dan mengklik link konfirmasi dari email kita.

Berikut ini beberapa data yang harus diinput:

Nama Pengguna:
Email Address:
Verivication:

tekan tombol Berikutnya untuk melanjutkan kehalaman berikutnya

blog domain:

Blog title:
privacy:

Gimana, berminat mencoba?



Cara Pasang ShoutBox

Shout merupakan salah satu asesoris yang paling umum ditampilkan di dalam blog. Digunakan sebagai media interaksi dengan pengunjung sehingga ada komunikasi timbal balik antara pemilik blog dengan pengunjung. Penyedia shotbox gratis cukup banyak di internet, diantaranya: Oggix, Shutmix, Myshotbox.

Oggix dipilih karena kemudahan dalam register dan tools yang cukup banyak. Untuk menampilkan asesoris ini ikuti langkah-langkah berikut:


1. Pada browser ketik www.oggix.com

2. Klik Register (sebelah home bagian diatas) atau klik GET IT NOW, terlihat seperti gambar disebelah.

3. Selanjutnya isi formulir pendaftaran (identitas anda) meliputi:

  • alamat email
  • password
  • nama lengkap
  • nama website
  • alamat website
  • deskripsi website
  • negara
  • security code sesuai dengan gambar yg ditampilkan

4. Periksa apa data yg anda input sudah lengkap dan benar, lalu klik Register

5. Kalau pendaftaran sukses, maka akan ada pemberitahuan seperti "you have finish the registration process. Please login to manage your account."

6. Login dengan username alamat email dan password yang anda masukkan saat mengisi formulir pendaftaran sebelumnya.

7. Setelah berhasil login, untuk memasang shoutbox keblog pilih menu "Install Shoutbox (sebelah kiri). Hingga muncul menu HTML Code, klik dan pilih settingan yang anda sukai (lihat pada gambar dibawah ini),untuk melanjutkan klik Next.

8. Langkah selanjutnya memilih konfigurasi, type, warna, template, anda bisa memilih settingan yang sesuai dengan selera dan background blog anda. Ikuti Step by Step mulai dari 1 s/d 5 dan setiap selesai melakukan setting klik "Choose This >>".

STEP BY STEP:
1. Set shoutbox configuration
2. Choose shoutbox type
3. Choose shoutbox color <= you're here 4. Choose shoutbox template 5. Copy and paste the HTML codes to your HTML page where you want to put the shoutbox


9. Setelah berhasil dari step 1 s/d 5, maka anda akan mendapatkan kode html/java script, kode ini akan kita gunakan untuk menampilkan shoutbox diblog. Copy code tersebut dengan cara blok semua kode, klik kanan pilih Copy.

10. Login ke blogger.com, dan pilih "layout" pada halaman Dashboard. Klik "Add a Page Element", tunggu sampai muncul tampilan "Choose a New Page Element", klik "Add to Blog" pada bagian "HTML/JavaScript".

11. Selanjutnya akan muncul tampilan baru "Configure HTML/JavaScript", nah paste kode disini. Klik "Save Change".

12. Setelah proses penyimpanan sukses, klik "View Blog" untuk melihat hasilnya.

Akhirnya setelah melewati tahapan yang cukup panjang, anda dan pengunjung sudah bisa menikmati hasilnya :).

Kalau menginstall widget oggix ini menunurut anda terlalu rumit, silahkan lihat tutorial pasang Shoutbox diblogspot (2). Jika menurut anda tutorial ini bermanfaat, silahkan berkomentar :).





Cara memasukan Kode HTML Ke Posting

Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini &lt;head&gt;. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode
Kode Penganti
<
&lt;
>
&gt;
"
&quot;
- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Piye? Gampang to? gitu aja kok repot.....

Sumber : trik-tips.blogspot.com






huruf besar di awal postingan

Jika Anda sering membaca suatu tabloid atau majalah, pastinya Anda sering mendapati tulisan dengan huruf besar di awal paragraph atau dalam bahasa kerennya disebut Drop Caps. Dalam blog pun, kita dapat membuat huruf besar di awal postingan atau kalimat sehingga akan menambah estetika tersendiri bagi penampilan blog kita. Simak tipsnya berikut ini.

Langkah-langkahnya adalah sebagai berikut.

Login ke http://blogger.com hingga masuk ke Dasbor
Klik Tata Letak (layout)
Kemudian klik tab Edit HTML
Kemudian cari kode seperti di bawah ini.

.post-body {
margin:.5em 0 1em;
padding-bottom:1em;
…………
…………
}

Jika tidak ada, coba cari kode yang mirip, seperti di bawah ini.


.post {
margin:.5em 0 1em;
padding-bottom:1em;
…………
…………
}

Setelah ketemu, tambahkan kode di bawah ini persis di bawah kode di atas.


.post bt {
float:left; color:
$headerBgColor;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px; }

Kemudian Simpan Template

Kemudian penulisan dalam postingan , apit huruf yang akan kita jadikan sebagai Drop Caps dengan <bt> dan </bt>.

Sebagai contoh, seperti ini >>> <bt>C</bt>ontoh kalimat.

Catatan

Color >> Anda dapat mengganti variable color (warna) sesuka Anda dengan fix color, misalnya dengan warna black, green, red, dll

Font-size >> Anda dapat mengubahnya sesuai ukuran yang Anda kehendaki

Begitu juga dengan variable yang lain, dapat Anda kustomasi dan dicoba-coba sendiri.

Hasilnya dapat dilihat pada postingan di sini. Selamat Mencoba, semoga bermanfaat!!

(sumber : o-om.com)







Ganti Gambar Favicon

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

Lebih jelasnya langsung aja lihat di

http://trik-tips.blogspot.com/2007/12/cara-mengganti-icon-pada-address-bar.html



Ganti Gambar Favicon

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

Lebih jelasnya langsung aja lihat di

http://trik-tips.blogspot.com/2007/12/cara-mengganti-icon-pada-address-bar.html