Effand Nozh: July 2011

Membuat Link Berkedip Di Blog

Membuat Link Berkedip Di Blog
Aregnoz Blog - Berikut ini adalah contoh atau cara membuat setiap link di blog anda jika mendapat area dari cursor maka akan menjadi berkedip berganti warna pelangi.

Silahkan anda ikuti langka-langkahnya yang sangat simple dibawah ini :
1. Silahkan Anda log in di blog anda
2. Masuk tab rancangan (untuk template lama) kemudian pilih edit html
3. Masuk Tempalte (untuk template baru) kemudian pilih edit html
4. Kemudian cari <body> agar lebih cpat gunakan ctrl+f dan tulis <body>
5. Letakkan kode dibawah ini diatas kode <body>

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>

Sampai disini sudah selesai, dan jangan lupa save template anda.

Menghilangkan Gambar Obeng dan Tang di Blog

Add Comment

Menghilangkan Gambar Obeng dan Tang di Blog

Menghilangkan Gambar Obeng dan Tang di Blog ~ Aregnoz Tutorial - Ketika kita baru membuat blog atau baru mengganti template blog biasanya kita jumpai gambar obeng dan tang yang bersilang.

Jika anda ingin menghapusnya / menghilangkannya ikuti langkah-langkahnya sebagai berikut.

Silahkan Ikuti langkah Menghilangkan Gambar Obeng dan Tang di Blog :

1. Masuk atau login ke blogger kamu
2. Masuk ke tata letak --> Edit html --> centang kolom expand widget template
3. carai kode ini
]]></b:skin>

4. copy n paste kode dibawah ini tepat diatas kode nomer 3 tersebut

.quickedit{
display:none;
}

5. Save template anda.

Semoga bermanfaat bagi anda.

Membuat Zoom Image dengan CSS

Add Comment

Membuat Zoom Image Di Blog - Zoom Image dengan CSS ini Untuk memperbagus tampilan di blog anda, rasanya tidak ada salahnya jika anda mencoba triks yang satu ini, yaitu membuat zoom image. Jadi setiap postingan yang ada gambarnya maka ketika ada cursor mendekat maka image tersebut akan memperbesar sendiri.

Ikuti langkah-langkahnya debawah ini :
1. Masuk blogger
2. Pilih rancangan dan masuk pada edit html
3. Cari ]]</b:skin> dengan menggunakan ctrl+f
4. Copykan script dibawah ini tepat diatasnya ]]<b/:skin>

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

5. Selesai, silahkan save template anda.

Contohnya :

Zoom Image

Semoga bermanfaat bagi anda.