Trik Mengganti Tulisan "Diposkan oleh" dengan Tulisan Lain

Trik Mengganti Tulisan "Diposkan oleh" dengan Tulisan Lain - Biasanya pada bagian bawah posting (ada juga yang di atas) terdapat tulisan "Diposkan oleh". Tulisan ini dapat diganti dengan tulisan lain. Misalnya saja, diubah menjadi "Dikabarkan oleh" atau dengan tulisan lain yang Sobat inginkan.

Ada trik sederhana untuk melakukan hal tersebut. Berikut ini adalah langkah-langkahnya:

Tulisan "Diposkan oleh"

1. Masuk ke akun Blogger Sobat.

2. Klik menu "Opsi lainnya" lalu klik "Template".

3. Selanjutnya klik tombol "Edit HTML" kemudian klik tombol "Lanjutkan".

4. Berikutnya beri tanda contreng pada "Expand Template Widget".

5. Setelah itu carilah kode <data:top.authorLabel/>

6. Ganti kode tersebut dengan tulisan yang Sobat inginkan.

7. Lihat pratinjaunya dengan mengeklik tombol "Pratinjau, jika ada perubahan klik tombol "Simpan template".

Tulisan "Diposkan oleh" yang sudah diganti.

Cara Hosting File di Google Code

Beberapa waktu yang lalu saya memasang widget artikel terbaru yang saya dapat dari master blogger. Widget tersebut menggunakan script json feed. Di dalam tutorial pemasangan widget tersebut, sang master menyarankan agar menghosting sendiri file javascript tersebut. Tujuannya adalah untuk menghindari jika sewaktu-waktu script tersebut terhapus.

Sang master lalu memberi saran untuk menghosting/men-upload file atau dokumen javascript itu di Google Code. Layanan dari Google ini tidak berbayar alias gratis. Selain menyimpan file JavaScript, di sini juga dapat menyimpan file lainnya, seperti PHP, AJAX, dan lain sebagainya.

Lantas, bagaimanakah cara hosting file di Google Code? Berikut ini langkah-langkah yang saya pernah lakukan.

1. Kunjungi alamat http://code.google.com/hosting/

2. Klik "Sign in to create a project".

Klik "Sign in to create a project".

3. Berikutnya masuk menggunakan Akun Google.

Sign in dengan akun Google.

4. Klik "Create a new project".

Klik "Create a new project".

5. Isi poin-poin yang diminta:

Isi semua data yang diminta.

• Project name: nama project yang nantinya akan menjadi alamat Google Code Anda
• Project summary: keterangan singkat mengenai project Anda di Google Code.
• Description: penjelasan dari Project sumnary secara detail.
• Version control system: pilih Mercurial
• Source code license: pilih GNU GPL v3 
• Project label(s): label dari nama project tersebut (optional/tidak diisi juga tidak apa-apa)

6. Selanjutnya klik tombol "Create project".

7. Klik menu "Download".

Klik "Downloads".

8. Klik "New Download".

Klik "New download".

9. Isi pada bagian "Summary", dan "Description", kemudian klik tombol "Pilih File" untuk memilih file yang akan diupload. Setelah itu klik tombol "Submit file".

Submit file

Sumarry : isi dengan judul dari file Anda.
Description: isi dengan deskripsi file Anda.
File: pilih file yang akan di-upload.
Label: keterangan label untuk mengelompokan file.

10. Klik nama file yang akan diambil alamat tautannya.

Klik nama file yang dipilih.

11. Selanjutnya akan tampil halaman seperti di bawah ini.

Klik kanan pada nama file.

Klik kanan pada link file tersebut dan pilih "Salin alamat tautan" maka alamat tautan file tersebut adalah seperti berikut:

http://klikmunadi.googlecode.com/files/jsonfeed.js

Demikian pengalaman saya dalam menghosting file javascript di Google Code. Semoga bermanfaat bagi Anda.

Cara Membuat Blog di Blogger

Web Log biasa disingkat dengan sebutan Blog merupakan salah satu aplikasi web berbentuk suatu tulisan-tulisan. Tulisan-tulisan ini disebut posting pada halaman web. Urutannya dimulai dari yang terbaru diikuti posting-posting yang sebelumnya.

Salah satu penyedia blog gratis yang populer saat ini adalah Blogger. Untuk dapat mendaftar dan mempunyai akun di Blogger, sebelumnya kita harus sudah mempunyai akun gmail (Google Mail). Bila sudah memiliki akun gmail, Anda dapat menyimak langkah-langkah membuat blog di Blogger di bawah ini.

1. Silakan kunjungi http://www.blogger.com, kemudian klik tombol "Memulai".

Klik tombol "Memulai".

2. Selanjutnya silakan isi data-data yang diminta. Setelah itu klik "LANJUTKAN".

Mengisi data-data yang diminta.

3. Untuk memverifikasi akun Anda, silakan pilih opsi verifikasi, misalnya pesan teks. Lalu pilih negara, jenis ponsel, dan isikan nomor teleponnya. Sesudah itu klik tombol Kirim kode verifikasi.

Verifikasi akun Anda.

4. Setelah menerima kode verifikasi, silakan isi kodenya lalu klik tombol Verifikasi.

5. Langkah berikutnya adalah memberi nama blog Anda. Isikan judul blog yang diinginkan. Setelah itu masukkan alamat blog (url) yang dikehendaki. Kemudian klik Cek Ketersediaan. Jika alamat blog yang diinginkan tersedia, silakan klik LANJUTKAN. Bila tidak tersedia, silakan diulangi sampai didapatkan alamat blog yang diinginkan.

Memberi nama blog.

6.Selanjutnya adalah memilih template awal. Pilih template yang diinginkan. Anda dapat mengubah atau mengganti template nanti. Setelah itu klik LANJUTKAN.

Memilih template awal.

7. Sekarang blog sudah jadi. Silakan klik MULAI BLOGGING untuk mulai ngeblog.

Blog sudah jadi.

8. Silakan isi judul posting, lalu isikan materi posting Anda, isikan label. Setelah itu klik tombol TERBITKAN ENTRI untuk mem-publish artikel atau klik tombol PRATINJAU bila ingin melihat previewnya terlebih dahulu.

Menulis entri di Blogger.

9. Sekarang entri blog Anda sudah berhasil diterbitkan. Klik Lihat Entri untuk melihatnya.

Entri berhasil diterbitkan.

10. Posting sudah diterbitkan.

Tampilan blog yang sudah jadi.

Cara Membuat Tombol Share Hanya Muncul di Halaman Posting

S

ebelumnya telah dibahas mengenai pemasangan share button atau tombol berbagi dari AddThis pada bagian bawah postingan. Silakan klik di sini untuk membaca posting tersebut. Ternyata setelah dipasang, tombol berbagi ini tidak hanya muncul pada halaman posting tetapi juga akan tampil pada halaman beranda atau home page. Hal ini berpotensi memperlambat loading saat membuka halaman beranda blog.

Nah, agar loading halaman beranda tidak terasa berat, kita dapat membuat tombol berbagi dari AddThis ini tampil atau muncul hanya pada halaman posting saja. Caranya bisa dilihat pada langkah-langkah di bawah ini. Namun, sebelum mengikuti cara ini, pastikan Anda telah memasang tombol share dari AddThis ini terlebih dahulu.

1. Masuk ke akun Blogger Anda.

2. Setelah berada di Dasbor, klik Rancangan >> Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template.

4. Beri tanda centang pada Expand Template Widget.

5. Cari widget id untuk tombol share AddThis ini. Berikut cara mudah untuk menemukan widget id tersebut:

Pertama, masuk ke halaman Rancangan >> Elemen Laman. Kemudian klik Edit pada box widget AddThis yang terletak di bawah posting.

Kemudian akan muncul jendela Mengonfigurasi HTML/JavaScript. Silakan maximize jendela tersebut untuk melihat URL lengkap pada address bar. Lalu perhatikan pada bagian ujung dari URL widget tersebut maka Anda akan menemukan widget id dari tombol share AddThis ini.

Sekarang kita sudah menemukan kalau widget id tombol share AddThis adalah HTML1. Nantinya, widget id tombol berbagi ini akan berbeda-beda sesuai dengan keadaan template blog masing-masing. Selanjutnya cari widget id untuk widget ini dengan cara tekan Ctrl + F lalu masukan kata kunci widget id='HTML1' maka Anda akan menemukan kode seperti di bawah ini:

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:widget>

6. Tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan tampak seperti di bawah ini.

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

7. Klik tombol SIMPAN TEMPLATE.

8. Selesai.

Cara Menampilkan Blog dalam Versi Seluler atau Mobile

Sekarang di Blogger telah tersedia fitur untuk menampilkan template blog kita dalam versi seluler atau mobile. Lantas, bagaimana cara mengaktifkannya? Simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Pengaturan > Email & Seluler

3. Kemudian pada menu Template Seluler (beta) silakan pilih "Ya. Tampilkan versi seluler template saya pada perangkat seluler."

4. Silakan klik tombol PRATINJAU SELULER untuk melihat tampilan blog versi mobile serta untuk mengetahui alamat url versi seluler atau mobile blog Anda. Misalnya, untuk blog ini url-nya menjadi http://klikmunadi.blogspot.com/?m=1

5. Klik tombol SIMPAN SETELAN.

Membuat Banner Animasi

Dengan memasang banner animasi pada blog dapat membuat tampilan blog terlihat dinamis dan atraktif. Perhatian mata para pengunjung akan tertuju langsung ke banner animasi sehingga peluang pengunjung melihat dan membaca pesan yang ada di banner akan besar. Bagi para pebisnis, memasang banner animasi ini akan lebih efektif dibanding bila memasang iklan dengan banner biasa.

Untuk membuat banner animasi kita dapat memanfaatkan situs untuk mendesain banner animasi seperti AdDesigner.com. Silakan kunjungi situs tersebut kemudian daftar dan desainlah banner Anda di sana. Di bawah ini merupakan salah satu contoh banner animasi yang di buat di AdDesigner.com.

Cara Mencari Suatu Kata dengan Cepat pada Laman Blog

Salah satu yang biasa kita lakukan saat sedang mengedit HTML template blog adalah kita mencari suatu kata atau kode HTML tertentu guna menambahkan kode HTML yang lain di atas atau di bawah kode HTML yang sedang kita cari tersebut. Bila kita mencarinya secara manual, maka hal ini dapat memakan waktu serta energi.

Sebagaimana kita ketahui bersama bahwa susunan kode HTML template blog itu panjang sekali dan terlihat rumit. Jika kode yang kita cari tersebut berada di tengah-tengah atau di bagian akhir template, tentu hal ini bisa membuat mata kita bekerja keras karena harus membaca baris demi baris.

Nah, agar kita dapat menemukan suatu kode HTML tertentu dengan cepat dan mudah, gunakan saja cara berikut, yaitu tekan tombol Ctrl + F pada keyboard. Kemudian ketikkan atau paste-kan kode HTML yang akan dicari pada kotak yang telah disediakan. Bila kode yang dicari itu ada atau ditemukan, maka akan ada background berwarna hijau pada kode yang dimaksud.

Kita juga dapat menggunakan cara ini untuk mencari suatu kata atau teks dengan cepat pada laman web atau blog yang lainnya. (Gambar di atas merupakan tampilan pencarian pada browser Mozilla Firefox 4.0.)

Cara Menampilkan Hanya Judul Posting di Beranda

Add caption

Salah satu cara yang dapat dilakukan untuk menghemat ruangan di halaman beranda atau home page adalah dengan menampilkan postingan berupa judul-judulnya saja. Dengan cara ini kita dapat menampilkan jumlah posting lebih banyak lagi tanpa harus memakan tempat. Bagi yang tertarik untuk menampilkan hanya judul-judul posting saja di beranda, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Untuk mem-backup template, silakan klik Download Template Lengkap. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan.

4. Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)

5. Copy kode di bawah ini dan paste di bawah kode ]]></b:skin>

<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     .post-body{display:none;}
     </b:if>
     </b:if>
     </style>

6. Klik tombol SIMPAN TEMPLATE.

7. Selesai.

Pemasangan kode di atas masih menyisakan beberapa elemen seperti tanggal posting, label, komentar dan yang lainnya. Bila Anda ingin menghilangkan semuanya dan yang tersisa hanya judul postingnya saja, Anda dapat mencoba kode di bawah ini.

<style type='text/css'>

     <b:if cond='data:blog.pageType != &quot;item&quot;'>

     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

     .post-body, .post-footer, .jump-link,

     .post-timestamp, .reaction-buttons,

     .star-ratings, .post-backlinks,

     .post-icons, .date-header{display:none;}

     </b:if>

     </b:if>

     </style>

Cara Membuat Pesan-pesan Berjalan di Title Tab Browser

Membuat teks atau tulisan berjalan pada title tab browser merupakan salah satu usaha untuk mempercantik tampilan blog agar terlihat menarik di mata pengunjung. Isi dari tulisan tersebut dapat berupa pesan-pesan untuk ditujukan atau untuk dibaca bagi para pengunjung blog. Dengan memasang widget atau gadget ini dapat membuat blog kita terlihat berbeda dengan blog orang lain.

Tulisan atau pesan-pesan berjalan ini tidak hanya muncul di title tab browser, namun widget ini juga dapat terlihat di judul window atau jendela sistem operasi. Selain itu, gadget ini juga ada di tab jendela sistem operasi. Pesan-pesan berjalan ini nantinya akan menggantikan judul blog atau judul artikel yang biasa menempati ketiga lokasi tersebut. Namun, untuk beberapa saat judul blog atau judul artikel masih dapat muncul sebelum digantikan oleh teks berjalan tersebut.

Saat widget ini bekerja, gerakannya terlihat seperti tampilan huruf-huruf yang sedang diketik pada layar monitor. Gerakannya akan terlihat rapi dan teratur. Gerakannya berbeda dengan marquee yang biasa. Nah, bila Anda berminat utnuk memasang gadget ini, silakan simak dan ikuti langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda

2. Klik Rancangan > Elemen Laman > Tambah Gadget.

3. Pada Dasar-dasar, pilih HTML/JavaScript.

4. Copy kode di bawah ini dan paste di Konten.

<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "Klik Munadi";
tb8_messages[1] = "Selamat Datang";
tb8_messages[2] = "Semoga blog ini bermanfaat";
tb8_messages[3] = "Terima kasih atas kunjungan Anda";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>

Silakan diganti tulisan yang berwarna merah dengan pesan-pesan Anda.

5. Klik tombol SIMPAN.

6. Taruh elemen di posisi terbawah dari susunan gadget Anda.

7. Klik tombol SIMPAN.

8. Selesai.

Cara Membuat Judul Blog Berjalan

Banyak cara yang dapat dilakukan untuk mempercantik tampilan suatu blog agar terlihat menarik di mata para pengunjung. Salah satunya adalah dengan membuat judul blog tersebut berjalan atau bergerak pada title bar browser seperti fungsi Marquee. Tidak seperti membuat teks berjalan pada fungsi marquee yang membutuhkan tag <marquee>, di sini kita memerlukan JavaScript tertentu untuk membuat judul blog berjalan. Untuk membuat judul/title blog berjalan, berikut ini langkah-langkahnya.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Back-up template dengan mengeklik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan.

4. Cari tag <head>.

5. Copy kode di bawah ini dan paste-kan di bawah tag <head> tersebut.

<script language='JavaScript'>
var txt=&quot; <data:blog.pageTitle/> &quot;;
var kecepatan=200;
var segarkan=null;
function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}
bergerak();
</script>

6. Untuk mengubah kecepatan silakan ganti angka 200 pada var kecepatan=200; semakin rendah nilainya semakin cepat gerakannya.

7. Klik tombol SIMPAN TEMPLATE.

Cara Mengepos via Email pada Blogspot

Apakah Anda berkeinginan untuk nge-blog atau memposting artikel ketika Anda sedang dalam perjalanan atau saat berada dalam kondisi yang tidak memungkinkan untuk online melalui PC? Jika ya, bila Anda mempunyai ponsel yang dapat mengirim email, poskan saja artikel Anda tersebut melalui email. Jangan khawatir karena Blogger telah menyediakan fasilitas untuk itu. Nantinya posting Anda akan langsung tampil di blog Anda. Namun, di sini kita tidak dapat memberi label langsung pada posting.

Sebelum memposting artikel lewat email, Anda terlebih dahulu harus mengatur tentang settingan email pada akun Blogger Anda. Berikut ini langkah-langkah untuk menyetting email tersebut.

1. Masuk ke akun Blogger Anda.
2. Klik menu Pengaturan.
3. Klik tab Email & Seluler.
4. Perhatikan pada bagian Opsi Pengeposan.
5. Isikan secret words untuk menentukan alamat email yang akan digunakan untuk mengepos via email.
6. Pilih pada "Publikasikan segera email".
7. Klik tombol SIMPAN SETELAN.

Bila sudah melakukan pengaturan di atas, sekarang Anda dapat mengepos dan menerbitkan entri via email. Berikut ini langkah-langkahnya.

1. Masuk ke akun email yang Anda miliki.
2. Kemudian masuk ke menu Tulis Surat atau Compose untuk mengirim email seperti biasa.
3. Isikan kolom Kepada dengan alamat email yang sudah ditentukan pada langkah pengaturan email di atas.
4. Isikan kolom Subyek dengan Judul posting Anda.
5. Kemudian ketikkan isi posting Anda.
6. Klik tombol KIRIM.

Cara Membuat Blogroll dengan Efek Marquee

Untuk menjalin persahabatan di antara sesama blogger, biasanya mereka melakukan pertukaran link. Setelah menyepakati untuk bertukar link, lalu link tersebut diletakkan di sidebar blog masing-masing blogger. Kumpulan link dari teman-teman blogger ini biasa disebut dengan blogroll. Seiring berjalannya waktu link-link tersebut telah memanjang ke bawah dan memenuhi ruangan di sidebar. Nah, agar blogroll ini tidak memakan tempat, ada salah satu cara yang bisa dilakukan yakni dengan jalan membuat blogroll dengan efek marquee.

Marquee merupakan suatu program HTML yang dapat membuat teks berjalan atau bergerak. Blogroll dengan marquee ini diminati para blogger karena terlihat menarik dan dinamis serta dapat menghemat tempat tentunya. Di bawah ini adalah kode untuk membuat blogroll dengan marquee.

<marquee align="center" direction="up" height="100" scrollamount="2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

link 1 <br />

link 2 <br /> 

link 3 <br /> 

link 4 <br />

</marquee>

• Link-link di atas dapat diisi dengan link text atau link banner.
• align="center" menunjukkan perataan teks tengah.
• direction="up" menunjukkan arah pergerakan teks ke atas. up dapat diganti dengan dengan down, left, atau right. Kalau ingin mengganti dengan left atau right, hilangkan kode <br />.
• height="100" menunjukkan tinggi bidang blogroll sebesar 100 piksel. Semakin besar angkanya semakin tinggi bidang yang terbentuk.
• scrollamount="2" untuk mengatur kecepatan gerakan dalam piksel. Makin besar angkanya makin cepat gerakannya.
• onmouseover='this.stop()' onmouseout='this.start()' menunjukkan ketika mouse sedang berada di daerah marquee maka teks akan berhenti dan saat mouse digeser kembali ke tempat lain maka teks akan bergerak kembali.
• width="95%" menunjukkan lebar bidang blogroll 95% dari lebar sidebar.

Cara Membuat Scroll Box di Sidebar

Scroll Box merupakan sebuah elemen berbentuk kotak yang mempunyai penggulung baik di sisi sebelah kanan maupun di sebelah bawah. Scroll Box ini digunakan untuk menghemat ruangan atau tempat dalam sebuah blog. Selain itu, kotak ini juga dapat mempercantik tampilan blog sehingga terlihat rapi di mata pengunjung. Kotak ini dapat diisi dengan link-link, gambar-gambar, tulisan-tulisan dan lain sebagainya.

Adapun cara membuat scroll box ini adalah dengan menggunakan script di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

ISI/ELEMEN KOTAK

</div>

Keterangan:

• Ganti tulisan ISI/ELEMEN KOTAK dengan script yang Anda inginkan.
• overflow:auto; menunjukkan agar terbentuk penggulung jika isi kotak telah melebihi batas tinggi atau lebar kotak yang telah ditentukan.
• width:100%px; menunjukkan lebar dari kotak yang diinginkan. Ganti sesuai dengan kebutuhan Anda, misalnya 200px atau 300px. Agar lebih mudah menyesuaikan dengan lebar sidebar tentukan saja nilainya dengan 100%px.
• height:200px; menunjukkan tinggi kotak, dapat diubah sesuai keinginan Anda.
• padding:10px; menunjukkan jarak agar tulisan yang ada dalam kotak tidak menabrak dinding atau garis tepi kotak.
• border:1px solid #999999; menunjukkan agar terlihat ada kotaknya. border:1px menunjukkan ketebalan garis tepi kotak. #999999 adalah kode warna untuk warna garis tepi kotak.

Contoh:

Misalnya kita ingin memasang Jadwal Sholat di atas di dalam scroll box dengan lebar kotak sebesar 200 px dan tinggi kotak sebesar 200px. Script untuk Jadwal Sholat yaitu <iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=jakarta&state=&zipcode=&latitude=-6.1744&longitude=106.8294&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=&frameWidth=400&tableForm=horizontal" frameborder=0 width=400 height=150 marginwidth=0 marginheight=0 scrolling="no"> </iframe>, maka script untuk scroll box-nya menjadi sebagai berikut:

<div style="overflow:auto; width:200px; height:200px; padding:10px; border:1px solid #999999;">

<iframe src="http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=jakarta&state=&zipcode=&latitude=-6.1744&longitude=106.8294&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=&frameWidth=400&tableForm=horizontal" frameborder=0 width=400 height=150 marginwidth=0 marginheight=0 scrolling="no"> </iframe>

</div>

Berikut cara pemasangannya di sidebar:

• Masuk ke akun Blogger Anda.
• Klik Rancangan.
• Pilih Elemen Laman.
• Klik Tambah Gadget.
• Pilih HTML/JavaScript.
• Isikan Judulnya.
• Copy dan paste script scroll box di atas di Konten.
• Klik tombol SIMPAN.
• Pindahkan elemen ke tempat yang Anda inginkan.
• Klik tombol SIMPAN.

Hasilnya akan tampak seperti di bawah ini.

Pasang Icon Twitter

Ada cara mudah untuk memasang icon Twitter pada blog yaitu dengan menggunakan layanan dari http://twittericon.com Kita hanya memasukkan Twitter username, kemudian copy kode HTML, selanjutnya paste kode itu di blog kita. Ada banyak Twitter icon yang dapat dipilih di http://twittericon.com Dengan adanya icon Twitter di blog kita maka hal ini dapat memudahkan pengunjung untuk mem-follow akun Twitter kita.

Cara Mengetahui Blog Terindeks Oleh Google

Salah satu tujuan seseorang membuat blog adalah agar blognya dikenal dan dibaca oleh banyak orang. Biasanya orang-orang memanfaatkan mesin pencari seperti Google untuk membaca sebuah blog atau website guna mendapatkan informasi yang mereka butuhkan. Bila blog kita sudah terindeks oleh Google, maka ada kemungkinan blog kita akan dibaca orang. Apalagi kalau blog kita bisa mencapai 10 besar hasil pencarian Google, kemungkinan dibaca oleh orang akan semakin besar.

Lalu bagaimana caranya agar kita mengetahui blog atau postingan yang pernah kita terbitkan telah terindeks oleh Google? Mungkin ada beberapa cara untuk mengetahuinya. Namun, ada satu cara yang cukup sederhana untuk melakukannya yaitu dengan mengetikkan site:alamatblog di kotak keyword Google setelah itu tekan Enter atau klik Penelusuran Google. Disarankan untuk menggunakan huruf kecil semua.

Contoh:

site:klikmunadi.blogspot.com

Setelah tekan Enter atau klik Penelusuran Google maka akan muncul semua halaman blog kita yang sudah terindeks oleh Google.

Mengambil Screenshot

Screenshot atau cuplikan layar adalah suatu gambar yang diambil oleh komputer untuk merekam tampilan yang tampak di layar. Screenshot dapat digunakan untuk melengkapi isi suatu artikel di blog. Gambar di samping ini merupakan contoh dari screenshot. Cara manual yang dapat dilakukan untuk mengambil screenshot di Windows XP adalah sebagai berikut:

1. Tekan tombol Print Screen SysRq di keyboard pada layar yang hendak diambil screenshot-nya. Tombol ini biasanya terletak di sebelah kanan atas dan sekelompok dengan tombol Scroll Lock dan Pause Break.
2. Buka program Paint dengan cara klik Start >> All Programs >> Accessories >> Paint.
3. Tekan tombol "Ctrl + V" di keyboard atau klik Edit >> Paste.
4. Simpan. Klik File >> Save as. Tentukan di mana akan disimpan, beri nama file dan pilih tipe file yang hendak disimpan. Terakhir klik tombol Save.