Kumpulan-kumpulan: Nge-Blog

Tampilkan postingan dengan label Nge-Blog. Tampilkan semua postingan

"klik disini" pada status bar

Label: Nge-Blog |

Contoh pertama mendemontrasikan bagaimana memanipulasi tulisan pada status bar. Ketika anda mengerakan kursor melalui suatu link, maka statusbar akan menampilkan URL tujuan link tersebut.

Suatu kode HTML untuk suatu membentuk link dapat berupa :

<A HREF="mylink.htm">klik disini</A>

Untuk menampilkan sesuatu pada status bar ketika mouse pointer digerakan melalui link, anda perlu menambah kode berikut :

<A HREF="mylink.htm" onMouseOver="window.status='Klik disini untuk mengetahui lebih jauh tentang saya'; return true;" onMouseOut="window.status=''; ">Klik disini</A>

Kode diatas akan menghasilkan suatu link klik disini. Coba gerakan mouse pointer melaluinya, mudah bukan ?

so bagaimana kalo kita pengen klik disini-nya membuka halaman baru, bukannya malah menutup...Caranya mudah saja, cukup mengedit url address yang telah kamu taruh pada blog kamu dengan menambahkan target="_blank" setelah alamat URLnya.

Komposisinya begini:

<a href="http://namablog.blogspot.com/"target="_blank">Nama Pemiliknya</a>

Maka ia akan memerintahkan browser untuk membuka tab baru jika link tersebut di klik dan blog anda tetap tampil.

Kalau kita ingin menampilkan suatu pesan kepada pengunjung, jika suatu tombol atau link di klik. Pada JavaScript kita dapat menggunakan fungsi alert() yang mana akan menampilkan suatu kotak pesan. Misalnya kita ingin memberi kejutan kepada pengunjung, begitu halaman dibuka. Untuk melakukan hal ini, tambahkan saja kode berikut setelah tag <BODY> (atau diantara tag <HEAD>).

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Hal ini tentu saja akan menjadi kejutan bagi pengunjung halaman anda :-). Bagaimana jika kita ingin menampilkan suatu kotak pesan ketika user melakukan klik pada suatu link Anda dapat mencoba klik disini. Untuk memahami apa sebenarnya yang terjadi, coba simak script berikut :

<A HREF="JavaScript: alert('pesan anda disini.')">

JavaScript: bagian ini akan memberitahukan kepada browser bahwa dia harus menjalankan perintah JavaScript yang tersebut ketika link di klik.

<FORM>
<INPUT TYPE=BUTTON VALUE="Klik disini"
onClick="alert('pesan anda disini')">
</FORM>

Catatan

Anda mungkin memperhatikan bahwa, cara penulisan script pada setiap contoh diatas berbeda. Yang pertama adalah script ditulis diantara tag HTML <A HREF=...>, yang kedua adalah diantara suatu tang <SCRIPT> ... </SCRIPT>. Perbedaan ini adalah bahwa, script pertama akan dijalankan pada event tertentu (MouseOver dalam hal ini), sedangkan untuk yang kedua, script langsung dijalankan ketika ditemukan pada dokumen HTML.

Full Source Code "Recent Post" For Blogger Beta

Label: Nge-Blog |

Posting terbaru atau biasa disebut Recent Post merupakan informasi singkat dari judul posting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjung melihat urutan posting yang telah kita buat. Untuk membuat recent post kita bisa menggunakan source code dibawah. Mengenai cara penggunaan code telah saya jelaskan pada posting Full source code "Recent Comments" for blogger" jadi tidak ada perbedaan dalam cara menggunakannya caranya hampir sama, yang membedakan hanyalah cource code nya.
Source code ini masih terdiri dari 2 bagian, pada code bagian pertama pertama kode ini dapat dimasukan dimana aja selama kita mempunyai tempat penyimpanan pada directory web. jika gak punya directory penyimpanan pada web site kita dapat menggunakan layanan gratis misalnya http://www.geocities.com atau http://www.tripod.com Sebelum melakukan proses upload ada baiknya buka notepad terlebih dahulu atau tools text editor apa saja, kemudian copy-paste kode dibawah ini simpan dengan nama (mis: recentcomments.txt). Jika nama file sudah tercipta lakukan upload seperti biasa, pasti udah tau caranya khan :). Jika menggunakan layanan http://www.geocities.com kita tinggal login kemudina menuju File Manajer - ketikan nama file-nya kemudian klik tombol new, hapus semua tulisan kemudian copy paste pada halaman tersebut dan terakhir jangan lupa disimpan :)
untuk selengkapnya
Recent Post,Klik disini

Promosi Blog di google

Label: Nge-Blog |

Google, google, dan google lagi yang dibicarakan, ada apa dengan google? Memang tak dapat dipungkiri bahwa sebagaimana kita ketahui si mbah google ini merupakan situs yang mempunyai search engine atau mesin pencari terbesar di dunia untuk saat ini, ribuan atau bahkan jutaan website/blog bersaing memperebutkan perhatian mbah google agar situs miliknya di tempatkan pada urutan teratas pencarian. Dan tentunya apabila website/blog kita di tempatkan pada urutan teratas, niscaya website/blog kita berkesempatan di banjiri oleh pengunjung dari bebagai penjuru dunia, bukankah itu yang selama ini kita harapkan?
Caranya adalah;

- Memperbaiki Pengaturan blog, Yang paling harus diperhatikan adalah bagian Publikasikan (publishing), nah di bagian paling bawah ada pilihan untuk --> Kirim Ping (send ping), pilihlah Ya atau Yes dan jangan lupa mengklik tombol Simpan Pengaturan untuk menyimpan perubahan pengaturan. Dengan mengatur pilihan kirim ping dengan Ya berarti setiap postingan kita akan di kirimkan ke google secara otomatis oleh blogger.

- Link ke blog dengan page rank tinggi, Salah satu cara agar blog kita lebih cepat terindeks di google adalah kita di link oleh blog yang mempunyai page rank yang tinggi, dan biasanya blog-blog tersebut adalah blog terkenal.

- # Pasang tag meta, Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :

<meta name="robots" content="INDEX, FOLLOW"> </meta>
<meta name="description" content="Deskripsi dari blog sobat di sini "> </meta>
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sobat anggap sangat berhubungan dengan blog sobat "> </meta>

simpan di bawah kode <title><data:blog.pageTitle/></title> untuk template baru atau di bawah kode <title><$BlogPageTitle$></title> untuk template klasik, jangan lupa klik Simpan perubahan

- Daftar Google di http://www.google.com/addurl/, isi 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.

- mendaftar ke google sitemap maka setiap artikel yang kita posting akan secara otomatis di tangkap oleh google. Ada satu hal yang perlu di ketahui yaitu sobat harus mempunyai account email di google, akan tetapi sobat tidak perlu kawatir karena tak seperti waktu dulu yaitu untuk membuat email di google harus di invite oleh orang lain, sekarang sudah bisa sendiri. Bagi yang belum punya bikin dulu deh, jalan yang mudah adalah coba login di google dengan email yang di berikan untuk Blogger.com, nah nanti akan secara otomatis di suruh upgrade ama ntuh mbah google dan di suruh melengkapi formulir bikin account di google.

1. Login di google dengan ID GMAIL, silahkan kunjungi google sitemap

2. Setelah berada di halaman account, alihkan perhatian ke halaman sebelah atas ! di sana terdapat kotak isian di samping tombol Add Site, isilah kotak tersebut dengan alamat blog. Contoh : http://aindra.blogspot.com

3. Klik tombol Add Site

4. Klik link Verify your site

5. Klik menu dropdown yang ada, pilih metode yang di inginkan. Biar mudah pilih saja yang Add a meta tag

6. Copy meta tag yang di berikan, lalu paste pada notepad

7. Silahkan masuk ke account blogger dan tuju blog yang di daftarkan tadi

8. Copy paste meta tag yang di berikan tadi, sebaiknya di bawah kode <title><data:blog.pageTitle/></title> untuk template baru atau di bawah kode <title><$BlogPageTitle$></title> untuk template klasik, jangan lupa klik Simpan perubahan

9. Bila sudah selesai, tuju kembali google site map, lalu klik tombol Verify

10. Selesai.

Kotak Komentar ala wordpress

Label: Nge-Blog |

Banyak blogger yang menggunakan layanan blogspot mengeluhkan akan kotak komentar yang di sediakan oleh blogspot, kenapa demikian? ini disebabkan karena kotak komentar yang tersedia tidaklah langsung berada persis di bawah setiap posting artikel, melainkan hanya sebuah link yang harus di klik oleh pengunjung yang mau berkomentar akan artikel tersebut, ini menyebabkan para komentator agak sedikit enggan untuk berkomentar karena merasa malas untuk membuka window baru hanya sekedar untuk berkomentar. Lain halnya dengan layanan blog dari Wordpress yang pada setiap artikel akan langsung di berikan kotak isian untuk berkomentar sehingga tak dapat di pungkiri bahwa para pengguna blogspot lebih sedikit menerima komentar pada artikelnya di bandingkan dengan blogger penguna wordpress.

Namun ada situs yang bisa menyediakan kotak komentar sama dengan kepunyaan wordpress. Situs ini beralamat di http://www.haloscan.com. Dengan haloscan kita dapat mengganti kotak komentar blogspot dengan kotak komentar milik mereka. Satu hal yang perlu diketahui sebelum mengganti kotak komentar blogspot dengan haloscan yaitu komentar-komentar yang terdahulu akan hilang, jadi silahkan berpikir-pikir dahulu sebelum mengambil keputusan untuk menggantinya.
Langkah pertama yang saya sarankan adalah backup terlebih dahulu kode template blog untuk nanti di ubah oleh haloscan. Sudah siap? ikuti langkah-langkah berikut ini :

1. Silahkan kunjungi http://www.haloscan.com

2. Klik tab menu Sign Up untuk melakukan pendaftaran pada situs tersebut.

3. Ada beberapa form yang perlu di isi :

* Username --> isi dengan user name yang di inginkan. Contoh : ontohod

* Password --> isi dengan password yang di inginkan. Contoh : borokokok

* Verify Passwotd --> isi kembali dengan password yang tadi. Contoh : borokokok

* Your Homepage Title --> isi dengan judul blog sobat. Contoh : Rubrik Elektronik

* Your Homepage URL --> isi dengan alamat blog sobat. Contoh : http://rubrik-elektronik.blogspot.com

* Email --> isi dengan alamat email sobat. Contoh : balakasadut@yahoo.com

4. Klik tombol Continue

5. Setelah ada ucapan Congratulations...., klik link Login to member area

6. Silahkan Login dengan username serta password yang tadi di tulis, kemudian klik tombol Sigin In

7. Klik menu Settings

8. Beberapa form yang harus di isi :

* Comment Sort Order --> silahkan pilih yang sobat mau, Oldest to Recent (komentar di urutkan dari yang terlama ke yang terbaru), Most Recent to Oldest (dari yang terbaru ke yang terlama)

* Window Width --> isi dengan nilai lebar yang di inginkan. Contoh : 490

* Window Height --> isi dengan nilai yang di inginkan. Contoh : 450

* Open in Popup Wnindow --> pilih Off

* Smile --> pilih On

* Time Zone --> pilih waktu yang sesuai dengan tempat sobat. Contoh : untuk jakarta pilih yang GMT + 7

* Title --> isi dengan judul yang di inginkan

* Character Encoding --> pilih UTF-8

* Date format --> formasi tanggal : m.d.y berarti bulan (Month) tanggal (date) tahun (year),silahkan di ubah formatnya
* Klik tombol Save Changes

9. Langkah selanjutnya, klik menu Template

10. Silahkan pilih yang di sukai, sebaiknya sesuaikan dengan warna template blog, kemudian klik save

11. Lanjut lagi, klik menu Install

12. Beri tanda pada radio button di samping tulisan Blogger or Blogspot (New version / Google Login)

13. Klik tombol Next >>

14. Klik tombol Brows..., silahkan pilih file template sobat yang tadi sudah di backup.kalau belum silahkan backup dulu template blognya.

15. Klik tombol Upload Blogger Template

16. Jika sukses, klik tombol Download New Template, silahkan di save dulu

17. Klik link bertuliskan Login to Blogger account, atau kalau bingung silahkan langsung Login ke blogger

18. Setelah berada pada halaman account blogger, silahkan klik menu Layout, trus klik menu Edit HTML lalu klik tombol Brows..., masukan template tadi yang dari haloscan kemudian klik tombol Upload

19. Tunggu beberapa saat sampai proses berakhir

20. Lihat hasilnya. Sekarang sobat mempunyai kotak komentar sama dengan yang ada di Wordpress

21. Selesai.

Nah yang di atas merupakan langkah-langkah untuk menginstall kotak komentar. Jika menginginkan menyimpan Recent Comments atau komentar terbaru di pampang di sidebar, silahkan balik lagi ke account haloscan dan ikuti langkah-langkah berikut :

1. Klik menu dashboard

2. Klik link Put this widget on your site, dibawah tulisan Recent Comments

3. Klik tombol Add to Blogger, kembali ke menu blogger

4. Pilih nama blog yang akan di pasang widget recent comment nya. ganti nama judul Recent Comment jika ingin di ubah dengan kata yang lain

5. Klik tombol MENAMBAH WIDGET, maka secara otomatis widget tersebut di tambahkan pada sidebar.

6. Silahkan lihat hasilnya (akan tetapi tentunya komentar akan kosong karena belum ada yang berkomentar).

7. Selesai.

Memaksimalkan Kerja Blogger

Label: Nge-Blog |

Setting-an Blog

Setelah log-in dg id Anda, klik link blog. Setelah itu:

(a) Klik 'SETTING' dan klik 'BASIC'.

* Title --> Isi judul blog Anda. Sebaiknya nama Anda sendiri. Contoh: Wynwira Blog Tutorial
* Description --> Deskripsi singkat isi blog Anda. Sebaiknya tidak terlalu panjang dan berisi kata-kata yg paling mewakili isi blog Anda. Contoh: Refleksi tips menulis dan tip kiat cara membuat blog
* Add your blog to our listing? --> klik YES. Supaya setiap posting kita selalu masuk di daftar blogger.com.
* Show quick editing on your Blog? --> klik YES
* Show Email Post Links? --> klik YES
* Show Compose Mode for all your blogs? --> klik YES
* Klik SAVE SETTINGS dan REPUBLISH. Selesai.

(b) Klik 'SETTINGS' dan klik PUBLISHING.

* Notify Weblogs.com --> klik YES. Tujuan: setiap kita mengupdate blog kita, search engine khusus blog yaitu weblogs.com akan mengupdate otomatis databasenya.
* Klik SAVE SETTING dan REPUBLISH. Selesai.

(c) Klik SETTINGS dan klik FORMATTING

* Show --> pilih posts (jangan days). Kemudian pilih angka posting yg Anda inginkan untuk tampilan di blog Anda. Contoh: Show: 4 posts, berarti posting yg tampil di halaman blog Anda sebanyak empat posting.
* Date Header Format --> pilih model tanggal/bulan yg sesuai dg selera. Format tanggal/bulan ini akan selalu tampil di bagian atas posting kita.
* Archive Index Date Format --> pilih model peng-arsip-an. Blog kita akan dibuatin arsip setiap bulan. Contoh: February 2006.
* Timestamp Format--> pilih bentuk waktu yg Anda suka. Sebaiknya yg pendek. Contoh: 7.50 PM.
* Timezone --> pilih zona waktu yg sesuai. Contoh untuk WIB: [UTC-+7.00]Asia/Jakarta.
* Encoding --> pilih Universal (Unicode UTF-8). Ini adalah kode format yg dipakai kebanyakan search engine besar termasuk google, yahoo dan MSN. Dg kode ini, Google, dll akan lebih mudah mendata setiap update di blog kita.
* Converts Linebreaks --> pilih YES.
* Show Title field --> pilih YES.
* Show Link Field --> pilih NO. Tapi andai dipilih YES juga tak ada pengaruhnya.
* Enable float alignment --> pilih YES. Pilih NO juga tidak apa-apa.
* Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(d) Klik SETTINGS dan klik COMMENTS.

* COMMENTS --> pilih SHOW.
Who Can Comment? --> pilih ANYONE. Supaya semua pengunjung baik yg anggota blogspot maupun yg tidak dapat ikut berkomentar.
* Comments Default for Posts --> pilih New Posts Have Comments.
* Backlinks --> pilih SHOW. Supaya tahu kalau ada yg ngelink ke artikel di blog kita.
* Backlinks Default for Posts --> pilih New Posts have Backlinks.
* Comments Timestamp Format --> pilih format jam yg singkat. Contoh: 8.00 PM.
* Show comments in a popup window? --> pilih YES. Supaya ketika di klik, blog kita pengunjung, blog kita tidak hilang.
* Show word verification for comments? --> pilih YES. Untuk menghindari komentar otomatis oleh robot spam.
* Enable comment moderation? --> pilih NO (sebaiknya). Kalau Anda termasuk orang yg "jaga wibawa", pilih YES (kalau YES, setiap komentar akan disensor dulu oleh Anda, baru bisa muncul di kotak komentar).
* Show profile images on comments? --> pilih YES. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
* Comment Notification Address --> isi dg alamat email Anda, kalau Anda ingin dapat notifikasi dari blogger.com setiap ada komentar baru di blog Anda.
* Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(e) Klik SETTINGS dan Klik ARCHIVING

* Archive Frequency --> pilih Monthly.
* Enable Post Pages? --> pilih YES.
* Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(f) Klik SETTINGS dan Klik SITEFEED.

* Publish Site Feed --> pilih YES. Supaya setiap memposting, blog kita memiliki dua database: versi website dan versi feed. (Untuk soal feed akan diterangkan di kesempatan lain).
* Descriptions --> pilih FULL.
* Site Feed URL --> ini adalah alamat feed Anda yg bisa disindikasikan di tempat lain seperti di http://my.yahoo.com, http://reader.google.com atau di http://360.yahoo.com. Lihat contohnya di sini atau di sini . Jadi, sekali kita update blog, postingan kita akan tampil di dua tempat dalam waktu bersamaan dan ini akan menambah "daya tangkap" google pada blog kita.
* Article Footer --> kosongin saja.
* Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

Masang Sidebar baru diBlog

Label: Nge-Blog |

Untuk menempatkan kode HTML ataupun javascript 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 ataupun javascript

4. Paste kode HTML ataupun javascript 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

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

Selamat mencoba !

Komentar di Sidebar

Label: Nge-Blog |

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 punya 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 andaUntuk 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.

# Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda

# Pada kolom yang berjudul Style, klik menu appearance.

# 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.

# Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start

# Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan

# Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda

# Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.

# 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

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

1. http://cbox.ws

2. http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Pasang Jam di Sidebar

Label: Nge-Blog |

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam.Langkah-langkahnya adalah sebagai berikut :

1. Silahkan klik link berikut --> http://www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai

“Read more..” di Blogger Baru

Label: Nge-Blog |

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:

Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode dibawah ini:

<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 <span class="fullpost"> sisa postingan sampai selesai </span>. 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>
Hasilnya akhir 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.Read more..
Selamat Mencoba!

Kalo kurang jelas, untuk jelasnya silakan Klik disini

User Online status atau stats

Label: Nge-Blog |

Salah satu tool untuk mengetahui berapa banyak pengguna/user yang sedang online pada blog milik kita.Disamping berfungsi sebagai blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita.
Untuk mendapat tool user online status, salah satunya kita bisa mendapatkan dari www.Geovisite.com, untuk langkah-langkahnya silahkan ikuti langkah berikut :

1. Klik di sini untuk menuju www.geovisite.com

2. Klik tulisan Register yang berada di bawah gambar Geo counter Flash
3. Tulis alamat emailmu pada kotak kosong di samping tulisan Email

4. Tulis address blog milikmu disamping tulisan URL. Contoh : http://aindra.blogspot.com

5. Tulis kata untuk login di samping tulisan Login (4/12). Contoh : baban21

6. Tulis password yang di inginkan disamping tulisan password (4/8). Contoh : kinoy

7. Pilih waktu yang sesuai disamping tulisan Location. contoh :untuk daerah jakarta adalah Asia/Jakarta (GMT+7)

8. Pilih kategori yang sesuai dengan blognya di samping tulisan Category. Contoh : Internet

9. Pilih bahasa yang sesuai dengan blog di samping tulisan Language of your site. Contoh : English (soalnya kalo indonesia ga ada)

10. Pilih judul blog disamping tulisan Title. Contoh : Rubrik Elektronik

11. Tulis deskripsi blog pada kotak di samping tulisan Descriptioan. Contoh : All about Electronic, tips, maintenance, until how to service the equipment of electronic

12. Klik tombol yang berlogo disket

13. Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad

14. langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML

15. Selesai

Sebagai tambahan, situs penyedia yang lainnya bisa kunjungi di :

* http://www.neoworx.net

* http://www.webfooted.net

* http://www.fastonlineusers.com

* http://www.histats.com

Pasang Icon Yahoo ! Messenger

Label: Nge-Blog |

Untuk menampilkan icon status online yahoo ! messenger, kita bisa memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3, style id 4, serta style id 5,masing-masing gambar mempunyai URL adddress sendiri yaitu :

http://opi.yahoo.com/online?u=YahooID&m=g&t=1
Untuk Style ID 1

http://opi.yahoo.com/online?u=YahooID&m=g&t=2
Untuk Style ID 2

http://opi.yahoo.com/online?u=YahooID&m=g&t=3
Untuk Style ID 3

http://opi.yahoo.com/online?u=YahooID&m=g&t=4
Untuk Style ID 4

http://opi.yahoo.com/online?u=YahooID&m=g&t=5
Untuk Style ID 5
itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu :

<img src="http://www.blogger.com/URL%20address" />

Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=1" border="0" />
Untuk Style ID 1

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=2" border="0" />
Untuk Style ID 2

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=3" border="0" />
Untuk Style ID 3

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=4" border="0" />
Untuk Style ID 4

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=5" border="0" />
Untuk Style ID 5

Penambahan kode border="0", agar gambar yang di hasilkan terhindar dari adanya garis tepi atau bingkai. Tapi tentu saja kode diatas adalah hanya untuk menampilkan gambar icon YM nya dan belum bisa bereaksi walaupun sudah di klik oleh para pengunjung.

Ada beberapa pilihan yang bisa kita terapkan ketika pengunjung mengklik icon YM kita, yaitu :

Kirim Instant Messenger.

Kodenya sebagai berikut :

<a href="ymsgr:sendIM?YOURID">Kirim IM</a>

Sehingga untuk kode lengkapnya jadi seperti ini :

<a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0" /></a>

Kirim Instant Messenger dengan pesan

Kodenya sebagai berikut :

<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE">Kirim IM</a>

Sehingga untuk kode lengkapnya jadi seperti ini :

<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0" /></a>

Menambahkan link ke chat room favorit

Kodenya sebagai berikut :

<a href="ymsgr:addfriend?YOURID">Masukan ke daftar teman sobat</a>

Sehingga untuk kode lengkapnya jadi seperti ini :

<a href="ymsgr:addfriend?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0" /></a>

Bagaimana jelaskan? biar lebih jelas lagi saya beri contoh.

Karena email saya adalah gatsgais@yahoo.com maka id saya adalah gatsgais , Sehingga kode untuk mengirimkan Instan Message dengan pilihan Style ID 2 adalah sebagai berikut :

<a href="ymsgr:sendIM?gatsgais"><img src="http://opi.yahoo.com/online?u=gatsgais%20&m=g&t=2" border="0" /></a>

Icon di atas benar-benar Live, jadi tentunya icon nya akan menyala apabila saya sedang online di Yahoo ! Messenger .

Mudah-mudahan jelas. Selamat mencoba !

Langganan: Comment Feed (RSS)

Kumpulan-kumpulan

Recent Comment di New Bloger

"klik disini" pada status bar

Full Source Code "Recent Post" For Blogger Beta

Promosi Blog di google

Kotak Komentar ala wordpress

Memaksimalkan Kerja Blogger

Masang Sidebar baru diBlog

Komentar di Sidebar

Pasang Jam di Sidebar

“Read more..” di Blogger Baru

User Online status atau stats

Pasang Icon Yahoo ! Messenger

Send!U-!Messager

Kategori

Archive go blog

Recent Post

Recent Comments

Link

Stats