Breaking

Showing posts with label Efek Blog. Show all posts
Showing posts with label Efek Blog. Show all posts

Friday, November 29, 2013

November 29, 2013

Membuat Animasi Sinterklas di Blog

Sebentar lagi memasuki bulan desember, bagi Anda yang beragama Kristen akan merayakan hari natal. Perayaan hari natal identik dengan tokoh sinterklas, nah pada kesempatan ini kami akan memberikan informasi cara membuat animasi sinterklas di blog.
Berikut langkah cara membuat animasi sinterklas di blog :

1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode </head> (tekan tombol Ctrl + F untuk melakukan pencarian).
4. Letakkan kode berikut diatas kode </head>
<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/santa.js" />
5. Kemudian cari kode </body>, letakkan kode berikut diatas </body>
<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:9999; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUpB-tLTDTDBxgfeUkOMJCmTP-bQgNMKfr_DNjpWRRSuBicXNsL0gjlzfUocZJNXHMmGJdOYyKfhWA1T_XYDh5Ua7xE2RbfHXBI1YpA_6b3D1eDax8QV11PjsnKhvRj1jOi90_O01QJkdF/s1600/Sinterklas.gif' /></marquee>
6. Simpan template.


Semoga dapat membantu!

Tuesday, August 27, 2013

August 27, 2013

Cara Membuat Efek Berbintang pada Link Blog

Mengubah tampilan link pada blog sangat diperlukan jika Anda ingin membuat blog kesayangan Anda menjadi lebih berwarna dan menarik. Banyak tips dan cara mengubah tampilan link menjadi lebih menarik salah satunya dengan membuat efek berbintang pada link blog jika terkena kursor.

Berikut ini kita akan membahas cara mengubah link menjadi efek yang berbintang. Ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Tekan Ctrl + F kemudian cari kode berikut ini.
a:hover {
color:#FFFFFF;
text-decoration: underline;
}
4. Setelah ketemu ganti kode yang berwarna merah diatas dengan kode berikut.
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOTc3To3qSKujUP9lK1Pl42XpHyj289XO5jsdhdIC5RNX8uxXYUeKfllb2liaLRe9peyl3Ow5d3KYJ7M87m2YRoCVBN5SZ49-jeFtPtgPtqGa4PoyxLLV5dDkIgAuTdbGAf8_Gp3XOpco/s1600/link+berbintang.gif);
5. Kodenya akan menjadi seperti ini.
a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOTc3To3qSKujUP9lK1Pl42XpHyj289XO5jsdhdIC5RNX8uxXYUeKfllb2liaLRe9peyl3Ow5d3KYJ7M87m2YRoCVBN5SZ49-jeFtPtgPtqGa4PoyxLLV5dDkIgAuTdbGAf8_Gp3XOpco/s1600/link+berbintang.gif);
}
6. Kemudian Simpan template.

Nah, cukup sederhana cara mengubah tampilan pada link blog. Selamat mencoba dan semoga bermanfaat.