Membuat Favicon atau Icon Blog dengan gambar icon sendiri

Kadang kala kita ingin mengganti gambar favicon atau yang lebih dikenal dengan icon blog yang berada di samping kiri adress bar blog kita, seperti ini nih.

namun tahukah sobat cara menggantinya atau jika template sobat belum di lengkapi dengan script tersebut.
Berikut Langkah mudah membuatnya :

• Sebaiknya sediakan gambar yang sobat inginkan, ukurannya sekitar 32x32 boleh juga dibawah angka tersebut, tergantung kebutuhan anda...
• selanjutnya upload file gambarnya ke web yang menyediakan link HTML gambar, misalnya saja Photobucket. namun sebelumnya buat akun dulu. klik di sini untuk mendaftar.
• copy kode URL image/gambar file yang sebelumnya telah di upload di photobucket
• setelah itu masuklah ke halaman Dasbor blog anda lalu pilih rangcangan--->Edit Html (centang Expand widget yang ada di sudut kiri atas kotak Html) dan cari kode
  </head>

• letakkan kode dibawah ini tepat diatas kode </head>

<link href='http://i1133.photobucket.com/albums/m591/dhikx89/GearDhikx.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

• Ganti kode yang berwarna merah dengan URL gambar anda, klo yang diatas merupakan kode favicon blog ini

• SAVE Template
• dan Lihat Hasilnya.... 

Membuat Judul Blog pada Tab Browser Bergerak

Ini merupakan postingan pertama saya untuk kategori Tutorial Blog. walaupun kemampuan saya dalam mengedit template masih pas-pasan, namun saya mencoba untuk berbagi kepada sobat yang lain dari apa yang telah saya dapatkan selama ini baik itu tutorial blog maupun tips-trik blog.

Pernahkah sobat melihat judul blog pada tab bergerak atau berjalan. tentu efek itu sangat unik dilihat oleh para pengunjung blog kita. Nah jika belum nih caranya gan..........

Cari Kode di bawah ini :

    <title><data:blog.pageTitle/></title>

(jika susah dapatnya, Kontrol F lalu paste pada kotak pencarian, ketemu deh....)

Kemuduan, Ganti kode diaatas dengan kode di bawah ini

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

Sobat boleh atur kecepatannya dengan cara ganti kode yang berwarna Merah (300)

SAVE template dan Lihat Hasilnya......

Gampang Kan.... Selamat Mencoba.

parse html dan Kode Warna

Terkadang kita Bosan dengan tampilan template blog kita, baik itu dari segi warna maupun komponen-komponen template lainnya, apalagi jika kita menginginkan tampilan yang elegan dan menarik. walaupun template di internet sangat banyak akan tetapi terkadang tidak sesuai keinginan dari segi warna maupun fitur yang ada. Olehnya itu, dibawah ini terdapat tools untuk parse html dan kode warna untuk merombak total template anda :

PARSE HTML

KODE WARNA