Cara Membuat Judul Blog Berjalan di Title Bar Browser

Diposting oleh Asrul Nur Rahim on Jumat, April 06, 2012

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.
More about → Cara Membuat Judul Blog Berjalan di Title Bar Browser
di 16.41 { 14 komentar }
Label:

Cara Menghilangkan Garis Bawah pada Link di Blogger

Diposting oleh Asrul Nur Rahim on Senin, April 02, 2012

Biasanya setiap link atau tautan yang ada di blog bila disorot oleh mouse akan muncul garis bawah pada link tersebut. Ada juga yang tanpa disorot sudah ada garis bawahnya, tergantung rancangan template blog masing-masing. Sebenarnya, garis bawah link ini dapat dihilangkan bila Anda tidak menyukainya. Yang perlu Anda lakukan adalah mengubah kode CSS template blog pada bagian yang membuat link bergaris bawah.

Kode CSS yang berhubungan dengan link biasanya tampak seperti di bawah ini.

a:link {
color:#007ACC;
text-decoration:underline;
}
a:visited {
color:#007ACC;
text-decoration:underline;
}
a:hover {
color:#5588AA;
text-decoration:underline;
}

Berikut sedikit penjelasan tentang kode di atas:

a:link {
color:#007ACC;
text-decoration:underline;
}

Kode di atas berarti link yang belum pernah dikunjungi atau diklik akan berwarna #007ACC dan bergaris bawah.

a:visited {
color:#007ACC;
text-decoration:underline;
}

Kalau kode yang ini mempunyai arti link yang sudah pernah dikunjungi akan berwarna #007ACC dan bergaris bawah.

a:hover {
color:#5588AA;
text-decoration:underline;
}

Sedangkan kode yang yang ini menunjukkan link pada saat mouse di atasnya akan berwarna #5588AA dan bergaris bawah.

Lalu, yang manakah kode yang membuat link bergaris bawah? Ya, dari penjelasan di atas sudah tergambar kalau yang membuat link bergaris bawah adalah kode text-decoration:underline;. Nah, untuk menghilangkan garis bawah link Anda ubah semua kata underline dengan none sehingga menjadi text-decoration:none;.
 
More about → Cara Menghilangkan Garis Bawah pada Link di Blogger
di 14.05 { 6 komentar }
Label: ,

Cara Mengganti Url Blog Kita

Diposting oleh Asrul Nur Rahim

Mungkin kita melakukan kesalahan dalam menentukan URL blog sewaktu kita mendaftar di Blogger atau kita merasa tidak sreg dengan URL blog yang baru kita buat. Tenang saja, Blogger menyediakan fitur untuk mengubah atau mengganti URL blog.

Penggantian URL ini sebaiknya dilakukan pada blog yang terbilang baru dibuat. Kalau ini dilakukan pada blog yang sudah mempunyai traffic yang bagus, hal ini dapat merugikan kita sendiri karena kita akan membangun traffic dari awal lagi.

Nah, setelah kita mengganti URL blog, sebaiknya kita menginformasikan hal ini ke teman-teman blogger kita agar mereka tidak kehilangan blog kita. Untuk mengganti URL blog di Blogspot atau Blogger dapat disimak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Pengaturan > Penerbitan.

3. Kemudian isikan URL blog yang Anda inginkan di kotak yang telah disediakan pada bagian Alamat Blog*Spot. URL ini tergantung ketersediaan.


4. Selanjutnya ketik karakter yang Anda lihat dalam gambar pada Verifikasi Kata.


5. Klik tombol SIMPAN SETELAN.

More about → Cara Mengganti Url Blog Kita
di 14.02 { 2 komentar }
Label:

Cara Membackup Template Blog

Diposting oleh Asrul Nur Rahim

Sebelum mengedit template, ada baiknya kalau kita mem-backup atau menyimpan sebuah salinan dari template tersebut. Hal ini berguna untuk mengantisipasi kalau nanti terjadi kesalahan dalam proses pengeditan template, kita dapat dengan mudah mengembalikan ke template seperti semula. Type file dari template ini adalah XML Document. Biasanya file ini bernama template-blogIDAnda.xml Untuk mem-backup template, Anda dapat menyimak langkah-langkahnya di bawah ini.
  1. Masuk ke akun Blogger Anda.
  2. Klik Rancangan > Edit HTML.
  3. Pada bagian Backup/Restore, silakan klik Download Template Lengkap.
  4. Kemudian silakan klik tombol yang mengarahkan Anda untuk menyimpan file template tersebut di komputer Anda.
sumber: klikmunadi.blogspot.com
More about → Cara Membackup Template Blog
di 14.00 { Add komentar }
Label:

Cara Mudah Memasang Favicon di Blogger

Diposting oleh Asrul Nur Rahim

Dahulu, bila kita ingin memasang sebuah favicon atau ikon favorit di blog, kita harus mengedit HTML template guna menambahkan kode tertentu untuk menampilkan favicon. Selain itu, kita juga harus meng-hosting gambar ikon tersebut ke situs hosting gambar online terlebih dahulu. Namun kini, Blogger telah menyediakan fasilitas khusus untuk memasang ikon favorit ini.

Untuk memasang favicon atau ikon favorit dengan mudah di Blogger, yang pertama harus dilakukan adalah menyiapkan gambar berukuran persegi yang akan dijadikan favicon terlebih dahulu. Bila sebelumnya di HTML template blog Anda terdapat kode favicon, silakan hapus kode tersebut terlebih dahulu. Selanjutnya simak cara pemasangannya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen Laman.

3. Klik Edit pada elemen Favicon.


4. Klik tombol Telusuri... untuk mencari file atau berkas gambar Anda.


5. Kemudian pratinjau untuk ikon favorit akan muncul dan klik tombol SIMPAN.


6. Klik Lihat Blog untuk melihat hasilnya pada tab dan browser address.



sumber: klikmunadi.blogspot.com
More about → Cara Mudah Memasang Favicon di Blogger
di 13.57 { 29 komentar }
Label:

Cara Membuat Strikethrough di Posting Blogger

Diposting oleh Asrul Nur Rahim

Strikethrough merupakan teknik penulisan kata-kata tercoret dengan garis horizontal di tengahnya. Ini adalah contohnya. Strikethrough ini menandakan salah satu dari dua makna. Dalam penulisan menggunakan tinta, diketik, atau teks yang tidak bisa dihapus, kata-kata yang dicoret tersebut merupakan suatu kesalahan dan tidak dimaksudkan untuk dimasukkan. Saat digunakan di layar komputer, kata-kata tercoret tersebut menunjukkan informasi yang dihapus. Selain itu, strikethrough juga dapat digunakan untuk tujuan humor. Misalnya, dia orang yang bodoh tidak begitu cerdas.

Untuk membuat strikethrough di posting Blogger, kita dapat menggunakan beberapa cara, di antaranya:

1. Dengan menggunakan menu di Blogger.
Silakan blok kata-kata yang akan dibuat strikethrough. Kemudian klik ikon menu yang berjudul "Strikethrough".


2. Dengan menggunakan tag HTML tertentu. Caranya apit kata-kata yang mau dibuat strikethrough dengan tag <strike> dan </strike> atau tag <s> dan </s>.

Misalnya:

<strike>contoh pertama</strike> maka hasilnya contoh pertama
<s>contoh berikutnya</s> hasilnya menjadi contoh berikutnya

3. Dengan menggunakan cascading style sheets (css) yaitu <span style="text-decoration: line-through;">kata-kata yang dibuat strikethrough</span>.

Contoh:

<span style="text-decoration:line-through;">contoh selanjutnya</span> maka hasilnya menjadi contoh selanjutnya

More about → Cara Membuat Strikethrough di Posting Blogger
di 13.54 { 2 komentar }
Label:

Cara Membuat Kotak Penelusuran Blog

Diposting oleh Asrul Nur Rahim

Kotak pencarian merupakan suatu elemen yang dapat memudahkan pengunjung untuk mencari artikel-artikel yang ada di blog tersebut. Dengan memasukkan kata kunci atau keyword lalu mengeklik tombol "Cari" atau menekan tombol "Enter" pada keyboard maka akan muncul link-link artikel yang berhubungan dengan kata kunci tersebut. Bila pada template Blogger Anda tidak tersedia kotak pencarian, Anda dapat menambahkannya sendiri karena fitur ini sudah disediakan oleh Blogger.

Nah, bila Anda ingin menambahkan kotak penelusuran yang didukung oleh Google ini pada blog, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan >> Elemen Laman >> Tambah Gadget.

3. Pilih Kotak Penelusuran.

4. Silakan konfigurasikan widget sesuai keinginan Anda, seperti Judul, Tab yang ingin ditampilkan, lalu klik tombol SIMPAN.


5. Pindahkan elemen ke tempat yang Anda inginkan.

6. Klik tombol SIMPAN.

7. Selesai.

sumber: klikmunadi.blogspot.com
More about → Cara Membuat Kotak Penelusuran Blog
di 13.49 { 4 komentar }
Label: ,

Membuat Karakter-karakter Khusus dalam Postingan

Diposting oleh Asrul Nur Rahim



Kadang-kadang dalam membuat suatu artikel di Blogger, kita ingin menampilkan karakter-karakter tertentu, misalnya tanda lebih dari atau sama dengan, tanda kurang dari atau sama dengan, tanda derajat, atau tanda-tanda yang lainnya. Kita dapat menampilkan karakter-karakter tersebut pada postingan dengan cara mengetikkan kode-kode khusus di bagian Edit HTML. Berikut ini beberapa di antara karakter-karakter tersebut.

Simbol Karakter
&le; &ge; &lt; &gt; ≤ ≥ < >
&cent; &pound; &yen; ¢ £ ¥
&frac14; &frac12; &frac34; ¼ ½ ¾
&copy; &reg; &trade;© ® ™
&deg;°
&divide;÷
&pi;π
&amp; &
&spades; &clubs; &hearts; &diams; ♠ ♣ ♥ ♦

sumber: klikmunadi.blogspot.com
More about → Membuat Karakter-karakter Khusus dalam Postingan
di 13.45 { 4 komentar }
Label:

Cara Membuat Superscript dan Subscript di Posting Blogger

Diposting oleh Asrul Nur Rahim

Superscript adalah tulisan yang ukurannya kecil dan letaknya agak di atas tulisan normal. Sedangkan subscript adalah tulisan yang ukurannya kecil dan letaknya agak di bawah tulisan normal. Untuk membuat keduanya di posting di Blogger, kita perlu menambahkan tag tertentu pada posisi Edit HTML.

Tag untuk membuat teks superscript adalah <sup> dan </sup>.

Contoh:

1. superscript<sup>superscript</sup>

Maka hasilnya akan seperti di bawah ini.

superscriptsuperscript

2. a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>

Maka jadinya seperti ini.

a2 + b2 = c2

Sedangkan untuk membuat tulisan subscript kita membutuhkan tag <sub> dan </sub>.

Misal:

1. subscript<sub>subscript</sub>

Hasilnya akan menjadi seperti ini.

subscriptsubscript

2. H<sub>2</sub>SO<sub>4</sub>

Maka akan menjadi seperti di bawah ini.

H2SO4

Bagaimana? Mudah bukan cara untuk membuat teks superscript dan subscript? Semoga bermanfaat.
More about → Cara Membuat Superscript dan Subscript di Posting Blogger
di 13.42 { 5 komentar }
Label:

Cara Membuat Teks Berwarna pada Postingan

Diposting oleh Asrul Nur Rahim

CARA MEMBUAT TEKS BERWARNA - Artikel Ini termasuk lanjutan dari tulisan saya yang berjudul Cara Memposting Artikel di Blog (Buat Pemula), kita tentu tau fungsi pemberian warna pada teks atau tulisan, yakni untuk memberi penekanan pada teks atau tulisan atau kalimat yang dianggap penting di postingan Blogger. Harapannya adalah agar pembaca lebih memperhatikan kalimat yang diwarnai tersebut. Selain itu, adanya pewarnaan pada tulisan dapat membuat postingan terlihat cantik dan menarik.

Caranya cukup mudah bila kita ingin membuat teks atau tulisan menjadi berwarna di postingan Blogger. Pertama, drag atau block atau highlight teks atau tulisan yang ingin diberi warna. Kemudian klik ikon yang berjudul "Teks color".


Selanjutnya pilih warna yang tersedia.


Sekarang teks atau tulisan sudah berwarna sesuai dengan warna yang dipilih.
More about → Cara Membuat Teks Berwarna pada Postingan
di 13.40 { 3 komentar }
Label: