Cara buat daftar tabel seluruh posting (Show Table of Contents)

"Cara buat Show Table of Contents di Blogger"

Mempunyai daftar tabel seluruh posting atau lebih keren
dengan nama "Show Table of Contents" pasti mempunyai nilai plus tersendiri, 
selain mempermudah pengunjung dalam menjelajahi isi blog, cara ini juga dapat memberikan kecepatan pencarian dibandingkan dengan menggunakan box search atau mencari suatu artikel berdasakan label. Kode yang akan kita gunakan menggunakan
javascript yang sedikit telah saya modifikasi, semula hasil tampilan bahasa kode ini mengunakan bahasa
inggris dan terlihat kurang familiar, jadi saya modifikasi saja menggunakan bahasa
indonesia dan telah saya tambahkan beberapa icon biar terlihat lebih fresh :). Pengen tau cara buatnya ikuti tutorial dibawah ini.

Tampilan link sebelum di klik







Tampilan daftar seluruh posting

Langkah Pembuatannya sebagai Berikut:




Langkah Pertama:

Jangan lupa Backup template Blog sobat

Langkah Kedua:

Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript



Copy/Paste code dibawah ini



<div id="toclink"> <a href="javascript:showToc();"> <img
border="0" src="http://www.geocities.com/oom_directory/images/add2.png"/><font
color="#808000"><b> Lihat Semua Daftar Posting</b></font></a>

</div>

<script style="text/javascript" src="http://www.geocities.com/oom_directory/blogtoc.js"></script>

<script src=" http://namablogo.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Jangan lupa ganti dengan alamat blog sobat pada kode warna merah diatas

Jangan lupa disimpan :)

Kemudian Tambahkan sebuah element halaman
yang baru -> HTML/Javascript



Copy/Paste code dibawah ini



<div id="toc"></div>



Jangan lupa disimpan :)

Langkah ketiga:



Langkah selanjutnya buka Template -> Edit Html



Copy/paste code dibawah ini pada deretan CSS code atau kalo masih bingung cari
code <b:skin><![CDATA[/*  lalu paste aja
dibawah kode tersebut



/* Show Table of Contents

-----------------------------------------

*/

#toc {

border: 0px solid #78B749;

background: #ffffff;

padding: 5px;

width:500px;

margin-top:10px;

}

.toc-header-col1, .toc-header-col2, .toc-header-col3 {

background: #cccccc;

color: #444;

padding-left: 5px;

font-weight:bold;

width:250px;

}

.toc-header-col2 {

width:75px;

}

.toc-header-col3 {

width:125px;

}

.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link,
.toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited
{

font-size:95%;

text-decoration:none;

text-align: Left;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #cccccc;

}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

font-size:95%;

text-decoration:underline;

text-align: left;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #cccccc;

}



.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {

padding-left: 5px;

text-align: left;

font-size:95%;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #cccccc;

}

Langkah Terakhir:

Yup! udah selesai jangan lupa disimpan dan lihat hasilnya :)

Selamat mencoba and Happy Blogging :)

Kode sumber

http://beautifulbeta.blogspot.com/2007/04/blogtoc-widget-released.html

Tips menambah informasi pada "Pesan Formulir Komentar"

Sudah tahu khan betapa ribetnya melakukan proses
komentar pada blogger, tidak masalah jika kita memang pengguna blogger, namun
bagi pengunjung awam apalagi baru pertama kali membuka komentar blogger pasti akan
sedikit kebingungan terutama pada pilihan Account Blogger. Untuk menghidari
kebingungan terebut, sebaiknya kita sedikit memasukan informasi tambahan pada Pesan
Formulir Komentar agar informasi tersebut bisa sedikit membantu bagi pengguna
awam agar tidak bingung pada informasi pilihan yang akan dipilih.



Caranya membuatnya :

1. Masuk pada tab Pengaturan -> Komentar -> tuju ke "Pesan
Formulir komentar"

2. Tulis Informasi apa saja untuk memudahkan pemberi komentar, jangan lupa ya
tag html yang digunakan hanya berupa <b>, <i>, <a>

3. Jangan lupa disimpan dan lihat hasilnya.

Lebih mudahnya lihat Gambar dibawah:

 

Atau Copy/Pate aja code dibawah ini:

<b>Informasi Pilihan Identitas:</b>

<b>Google/Blogger :</b> Khusus yang punya Account Blogger.

<b>Lainnya :</b> Jika tidak punya account blogger namun punya alamat Blog atau
Website.

<b>Anonim : </b>Jika tidak ingin mempublikasikan profile anda (tidak disarankan).

Link Banner Exchange untuk blogger

"oom kenapa cuma pasang text link? saya khan udah pasang link banner oom"

Permintaan maaf om kepada rekan blogger semua untuk masalah link banner (Cat:
Link Banner ya bukan Link Text). Bukannya om tidak mau pasang Link
banner kalian, tapi alasan yang om terapkan cukup kuat, ya..om sangat
mencintai kecepatan. jadi bayangkan kalo semua banner om pasang bisa tambah
lambat n berat nantinya. maaf ya atas ketidakadilan ini :)



Untuk itu dimohon pengertiannya...om tidak akan memasang link banner
tapi hanya Link text. om ngucapin terima kasih dan
tanks sebanyak-banyaknya telah

mempercayakan blog ini untuk dijadikan bahan tutorial buat sahabat semua. sekali
lagi thanks

 

Tampil sempurna disemua browser

Setelah bekerja keras melakukan penelitian di "oom
laboratory" yang terletak di jantung kota yogyakarta tepatnya di kamar tidur hehehe akhirnya dari sekian banyak pengeditan yang dilakukan pada layout blog ini bisa
tampil sempurna di semua web browser, memang masih ada sedikit perbedaan
terutama pada penggunaan code javascript tapi hal ini tidak terlalu mencolok.
jadi gak ada lagi kata-kata "tampil terbaik dengan IE atau Firefox".



Mengapa om melakukan hal yang kurang kerjaan ini, jelas ini berpengaruh besar
terhadap pengunjung jika mereka menggunakan web browser yang berbeda. Tidak
semua pengunjung hanya menggunakan browser IE atau firefox, om sendiri sangat
mencintai Mozilla Flock sebagai favorite browser, jadi sebisanya kita memberikan
tampilan yang terbaik dan support dengan semua web browser.



Uji coba yang di lakukan terutama pada 6 browser terkenal:

Internet Explorer V6.0.2900.2055





Mozilla FireFox V2.0.0.9





Mozilla Flock V1.0





Mozilla V5.0





Safari V3.0.3





Opera V9.00

Nah dari uji coba tersebut jelas terlihat tidak ada perbedaan dalam tampilan khan :) kalo masih gak jelas pake kaca pembesar ya :)

Cara pasang jam di blogger

Banyak sekali sahabat blogger baru yang menanyakan bagaimana
cara pasang jam di
blogger, aksesoris ini ternyata banyak juga peminatnya terutama kau hawa yang
sangat mengetahui akan arti kecantikan yang akan dituangkan dalam sebuah
blog. Jujur om sangat tidak menyarankan untuk memasang jam pada blog kalian,
selain bikin lambat page load juga kurang terlalu berguna, coba baca artikel om
sebelumnya

17 Tips agar halaman blog tampil Profesional. Walaupun sudah banyak para
blogger yang mengetaui cara pasang jam ini tapi tidak begitu bagi blogger pemula
yang baru memulai membuat blog tentu perlu tahapan dan bimbingan jadi gak ada
salahnya untuk memasang aksesoris ini jika dirasa berguna :). Layanan gratis
aksesori jam sangat banyak, namun kali ini om hanya menjelaskan cara pasang jam menggunakan layanan gratis
dan paling banyak digunakan
http://www.clocklink.com/



Langkah-langkah pasang jam di blogger sebagai berikut:

1. Klik alamat http://www.clocklink.com/


2. Kemudian pilih tab Gallery atau klik aja disini

http://www.clocklink.com/gallery.php 

3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animal lalu klik link
"animal" tersebut

4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.

5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja
tombol "Accept"

6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.

7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu

8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah
Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan
lupa disimpan

9. Selesai :) dan lihat hasilnya.



Contoh jam :

 

Selamat mencoba dan happy Blogging :)

Blogger Backup Utility (VB.Net open source)

"Blogger Backup Utility

v1.0.7.16 merupakan tools Open Source, jadi kita bisa mempelajari source codenya
secara langsung"

Pada posting sebelumnya Oom telah membahas mengenai cara melakukan backup
blogger, bagi yang belum membaca bisa lihat
disini.
Selain menggunakan cara sebelumnya, alternatif lain yang bisa kita gunakan yaitu
menggunakan tools Blogger Backup Utility yang beralamat pada
http://www.codeplex.com/bloggerbackup . Saat
pertama kali mencoba tools ini tenyata cukup mudah, saya yakin kalian tidak akan
kesulitan. tools ini masih tersedia dalam versi beta yaitu

v1.0.7.16 Beta Release (8/11/2007 8:30AM PDT). Penasaran? bisa download
tools-nya disini

Tools ini bersifat open source yang dibuat oleh

gduncan411 jadi kalian yang hobi sebagai programmer bisa mempelajari sorce
codenya secara langsung. Kalo tidak salah menggunakan bahasa VB.net jadi
kalian harus menginstall Visual basic Net jika ingin mempelajarinya kodenya.
jika masih bingung dengan codenya bisa tanyakan om secara langsung ya. mungkin
om bisa sedikit membantu. Source codenya bisa di download

disini

Untuk melakukan proses backup caranya cukup mudah:

Cara I :

1. Pada tab Log into Blogger to get and add your blogs pilih Available blogs klik combobox lalu pilih [Add/Update/Remome
Blogs]

2. Masukan User ID dan Password blogger

3. Klik button Log into Blogger and Get Blogs

4. Ada beberapa pilihan setting yang bisa kita gunakan , misalkan hanya
melakukan backup pada tanggal tertentu.

5. Untuk proses backup tinggal klik button Backup Posts, begitu juga
sebaliknya jika kita ingin mengembalikan data yang sudah di backup tinggal klik
button Restore Posts

Cara II:

1. Pada tab Or manualy Add a blogger blog

2. Masukan Title blog

3. Masukan Alamat blog

4. masukan alamat feed url

5. Kemudian Klik Add Blog

Auto save from blogger

Autosave merupakan fasilitas yang digunakan untuk menyimpan posting otomatis dari blogger, Tentu fasilitas ini
cukup berguna ketika sesuatu hal yang kita tidak inginkan terjadi misalkan
listrik mati, browser craches atau komputer shutdown secara otomatis oleh virus.
Fasilitas baru ini bekerja ketika kita membuat posting baru, maka blogger
otomatis akan menyimpan perubahan dalam waktu beberapa menit.

Jika kita tidak sedang bekerja pada halaman posting kita bisa meng-clik "publis
Post" untuk menyimpan sebagai draft atau clik "Return to list of post" jika ingin mengembalikan draft dan kembali ke halaman posting.

Namun auto save tidak dapat bekerja jika kita sudah melakukan
publish posting ke blog:

Note: Autosave does not occur when you are editing posts that have
previously been published to your blog. This keeps your readers from seeing your
edits until you're done with them. When editing a published post, you can click
"Publish Post" to republish the changes to your blog, or click "Save as Draft"
to unpublish the post and turn it into a draft.

Dari keunggulan auto save tersebut sayangnya fasilitas ini tidak bisa memberikan pilihan turn off service jika kita tidak ingin menggunakannya. thanks