Cara Membuat Link Blog Jadi Berkedip Warna-Warni di Blog

Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara memasang lazy load pada blog.



Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.

2. Pilih Template > Edit HTML > centang Expand Template Widget.

3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.

4. Cari kode </head> (Gunakan F3 atau Ctrl + F).

5. Letakkan kode berikut tepat dibawah </head>

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>

6. Simpan template.

Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :

1. Login akun blogger Anda.

2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.

3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>

4. Kemudian Simpan Template.

Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Readmore Otomatis Ringan di Blogger

Gambar
Cara Membuat Readmore Otomatis di Blogger. Sebenarnya banyak cara pemasangan readmore otomatis pada blog, ada yang hanya menggunakan kata-kata, gambar, dll. Tetapi kali ini saya akan share tentang cara membuat readmore otomatis yang hanya menggunakan kata-kata agar tidak mengurangi loading blog kita. Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan Cara Membuat Readmore Otomatis di Blog Readmore 1. Di Blog Bloggernya sobat 2. Pilih template => klik edit html 3.Cari kode <data:post.body/> ( jika sebelumnya anda telah memasang readmore yang lama maka hapus kode readmore yang lama dan jika kode <data:post.body/> silahkan di coba satu persatu  ) dan Ganti kode tersebut dengan kode dibaw...
Baca selengkapnya

Membuat Progress Loading Bar di Blog Seperti Youtube

Gambar
Membuat Progress Loading Bar Blog Seperti Youtube - Jika kita jeli ketika kita membuka halaman Youtube, maka kita akan melihat sebuah progress bar di paling atas situs berwarna merah dari kiri ke kanan. Cukup keren bukan? Kita pun bisa membuat pregress loading bar seperti itu di Blogger dengan bantuan javascript. Progress Bar Dari beberapa plugin progress bar yang saya coba, akhirnya pilihan saya jatuh pada nanobar. Sebuah javascript untuk progress bar yang tidak memerlukan jquery dengan ukuran yang sangat kecil sehingga tidak akan terlalu membebani loading blog. Kustomisasinya pun cukup mudah, saya yakin Anda semua pasti bisa. Untuk contoh progress bar Youtube bisa Anda lihat pada animasi gif di bawah ini. Dan demo penerapan nanobar progress bar pada blog bisa Anda coba pada link demo di bawahnya. Bagaimana? Anda tertarik untuk mencobanya? Silahkan ikuti langkah-langkahnya di bawah ini. Silahkan copy kode javascript di bawah ini dan simpan di atas kode </body> <script type=...
Baca selengkapnya