Efek Gambar Menjadi Bulat Saat Kena Cursor

Contoh seperti Disamping

Mau Tau caranya ?
Langsung Aja Baca Nihh Tutorial

1.Buka Template ..

2.Cari Kode </head> , Agar Lebih Cepat Tekan CTRL + F

3. Pastekan Kode dibawah ini diatas Kode </head>

<!-- kondisi home -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post-body {
padding: 0 0 10px 0;
}
.post img {
width: 100px;
height:100px;
background: transparent;
border: 3px Groove #8aff00;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.post img:hover {
border: 3px Groove #8aff00;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
</style>
</b:if>
</b:if>
<!-- /kondisi home -->

Jika Sudah Klik Simpan Template
Atau Pratinjau Untuk Mengecek Apakah Ada ERROR ^_^
Sekian Postingan Kali Ini ^_^

Tutorial Blogger

Baca Selengkapnya

Membuat Efek Link Memudar Blog With JQuery

1. Masuk di Blog anda
2. Pilih edit Html
3. Cari Kode </head>
4. Letakkan Kode di bawah ini diatas Kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
        <script type='text/javascript'>
        $(document).ready(function() {
        $(&#39;a&#39;).hover(function() { //mouse in
        $(this).animate({ opacity: &#39;0.3&#39; } , 1000);
        }, function() { //mouse out
        $(this).animate({ opacity: &#39;1&#39; }, 1000);
        });
        });
        </script>

Lihat Hasilnya

Selamat Membuat ..Good Luck 

Tutorial Blogger

Baca Selengkapnya

Membuat Pesan Maintenance di Blog [ Pembenahan Blog ]

Trik membuat pesan maintenance pada saat mengedit blog, template atau apalah yang masih berkaitan dengan blogger intinya. Trik ini di gunakan untuk memberi peringatan kepada pengunjung kalau blog dalam keadaan pembenahan agar pengunjung tahu kalau blog masih dalam pembaruan dan tidak ada terjadinya kebingungan karena pengeditan yang selalu berubah-ubah.XD
Bagi yang berminat silahkan ikuti langkah-langkah berikut. :P

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Trus cari Rancangan --> Edit HTML.
[3]. Cari Code ]]></b:skin>.
[4]. Lalu Copy dan Paste-kan Code di bawah ini, tepat di atas Code tadi.

html {
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ly1YN8PUafmLm5M7FvARmvDKSRUSRMSp3Cvi1TFjgprg3pJG3XX1l3kRUvhiVkCNwtAh_TbZ7owCAM1ZHh4FnDoLefx0TM8KFKNnzl5b4k0T3jgAxkuyN_-Sn6C_CUlndIOTDmqswXc/s1600/under-maintenance.gif) no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}. 

 NB :
- Tulisan yang berwarna Biru, ganti dengan URL gambar Maintenance Kalian.

[5]. Simpan dan lihat hasilnya, pasti Blog Kalian ada pesan Maintenancenya.

NB :
- Dan jika Kalian ingin menghilangkannya, tinggal hapus Code tersebut dan simpan kembali.

Semoga Bermanfaat...!!!

Tutorial Blogger

Baca Selengkapnya