Setelah sebelunya Saya sudah pernah bahas tentang Cara Membuat Effect Zoom Pada Gambar Di Blog, maka kali ini Saya akan bahas tentang Cara Membuat Effect Terang dan Gelap Pada Gambar. OK kita masuk ke langkah-langkahnya.
[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Cari Code ]]></b:skin>.
[4]. Kalo sudah ketemu, Copy dan Paste-kan Code di bawah, tepat di atas Code tadi.
A. Dari Gelap Menjadi Terang.
.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
B. Dari Terang Menjadi Gelap.
.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.
Semoga Bermanfaat...!!! Jangan lupa tinggalkan Komentar Kalian Ya...!!!
Sebelumnya Saya sudah pernah Posting tentang Cara Membuat Daftar Isi Di Blog v0.1, dan kali ini Saya kembali Posting v.02-nya. Berikut langkah-langkahnya.
[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Elemen Laman.
[3]. Klik Tambahkan Gadget --> HTML/JavaScript.
[4]. Copy dan Paste-kan Code di bawah ke dalamnya.
<div style="overflow:auto;width:120px;height:350px;padding:5px;border:5px solid #FF0000"><script style="text/javascript" src="https://sites.google.com/site/rakasajmk/download-1/download-3/DaftarIsiJmK.js"></script><script src="http://indonesianblog-jmk.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Created By: <a href="
http://indonesianblog-jmk.blogspot.com/
">??[_�I__�n_�d_�o�_�n__�e��_�s_�i_�a�_�n_�][�_B_�l�_o_�g�_][�_J�__.�_m�___.�_K�_]�</a>
NB :
- Ganti tulisan yang berwarna Merah, dengan Tinggi, Lebar, Warna Pingginrnya, dan Tebal Warna Pinggirnya.
- Dan yang berwarna Biru, ganti dengan URL Blog Kalian, dan Nama Blog Kalian.
[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.
Semoga Berhasil...!!! dan jangan lupa tinggalkan Komentar Kalian Ya....!!!
Sebelunya Saya sudah pernah bahas tentang Cara Mengganti Kursor Di Blog, dan itu hanya satu Kursor saja, tapi kali Saya akan memberikan Tips Cara Membuat Kursor Berubah Saat Menyorot Link. Kalau Kalian tertarik silahkan ikuti langkah-langkah di bawah ini.
[1]. Pertama pastinya Login dulu ke Blog Kalian masing2
[2]. Trus cari Rancangan --> Edit HTML
[3]. Lalu cari Code </head> (tekan CTRL + F atau F3 pada Keyboard untuk mempermudah pencarian)
[4]. Copy dan Paste-kan Code di bawah ini, tepat di atas Code </head>
<style type='text/css'>body, a, a:link{cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/KursorJmK.gif), default;} a:hover {cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmKKursor.gif),wait;}</style>
NB :
- Ganti tulisan yang berwarna Merah dengan URL Kursor Kalian
[5]. Terakhir tinggan di SAVE dan lihat hasilnya. Pasti Kursor Blog Kalian berubah saat menyorot Link. Oh ya Saya hampir lupa, "Tidak Semua Link Ya".
Sekian dulu Tips kali ini, N' jangan lupa tinggalkan Komentar Kalian di bawah ya. Semoga Bermanfaat...!!!
Pada saat kita mengedit Blog kita apakah mengedit Template atau apapu, dan ingin mengisi pesan pada Blog kita, maka Saya punya Tipsnya. Silahkan ikuti langkah-langkah di bawah untuk membuatnya.
[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/AVvXsEjYgw76f7S2QJXPINsJPjtJVNhXr2T4ZIFBpG1nkIaKa1LZAwTfRsZVyTmnTI3MG32Bk5jQCphHrduhiAS9UKYE5-tpcVY6_Zz5ztZW_VrGYLhrQ3WjlweX5fLc7-5xuGKG0On-DJZAjPI/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...!!!
Sebelumnya Saya sudah pernah Posting tentang Kumpulan Button Untuk Buku Tamu Yang Tersembunyi.Dan Postingan kali ini Saya kembali menambahkan Button Buku Tamunya. OK berikut Button Buku Tamunya, silahkan di lihat-lihat dulu.
[1].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb7pxFFhzehnB9DLHX0wDa2yDPMGqaOSjUR3EJwKTif9ZARwKBfyi4DA9RaUGpUgOkIla9g9rU7KrVlJQLsJ_7EnYBnQ8aYxbJGaLzY2CqHRGFn6rTDtIMiei10cfSZF9xHlpbTIv5_THU/s1600/1.png
[2].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3s-0E7gkyhiF9LDFqAY6Z9N3O0nmH9zOy_NFD0hZkXYvEhcVsnghPeU8-OwjF0nq9vZ0n9VJhumGqQ9FWwEMgPJngKOeOarN1WHFM06VgOx2zuOQu8wsINJ0SQj9CuyF24vS9fFxeWkas/s1600/2.png
[3].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUXNZPTC5fja8O3OFv8hmKjm19-YvOTc-PhRfYeXkNhTy64CChq8bkUwrrJfcR5P2lqtQVbTguFe7JgkJ4CKWfBNij53z5A1Z3DtjBnTpFTRXUy_lBOdU33mL8QcMSipKE214wUDPVsDD/s1600/3.png[4].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfFz0O_RztEFx5gxgGesPazBkfC91UnqeUCYaU6m-j7qwMg1QwtMbDZVg6ud-C0UuYyljvT48c-fcMyXS0TxREgQLFN5Czl8s0-Lfx1gzELoay9VL4LzTtnfcaYkp3wrpOIO9dMgdTOLfK/s1600/4.png[5].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCi9PRVYUgvfCUrvGziOvFhIh3m6jAuQ8Xfp3HvvSQFpsEGWT3R_623sxS1KYb9EkUvjPiMnecy8fw-J2QcVuFKHwWMUaOZVNKoqXRs83ksa-X4JsR1lF6PCqbNlEZIAOoeUY7rJUdE4ad/s1600/5.png
[6].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQVOWLcrJkFOiHN3jxYZTWZpUYbS0G3gUqxEq7oAnEq2brnP-dE2jJZXLUAN9yJtig_ZpYbMReAGZ2vL8A1zLQkh9Q4wvRXCoc7BybEbSRiPqHgwmD89a73Rtvpb2MnOGNxp5fHhPxBZR/s1600/6.png
[7].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEierL9lp4HpZjD8vBIyggcrw5KdlwitaeilRDHRSPgnubnnyJVqKwnqTQmtXN0-oFqZvhIlxF0HpAGEwlqWTllK9forGQApnbyGFIoo77HzE9xeR_YeB6tvVt4UhNyHl7zrlBsUJp4fEsZ1/s1600/7.png
[8].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYyEEEf7SIKgaR7z3BoOZ_1t_oGr4qljxTH7idonjCz96TJj0PInXHozDLtcd4zBqFCyrg1gbTXQjypnxNc1QI3_ZN6l_Y5B82odq5JsWSn1HJDmqMQzdLbm33Szp0CZwQGCSGklA3E0wy/s1600/8.png
[9].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKkbIWPbA2djwUE6kfRxgGOhEPJNIxmhWVrL7HeyGOwTPvzNh_X9Pyvv6J0gcPna0H2aVgbIn7XUKf8kCW_W4GCU7TSQyyQcFZT-qAqu59uBhVuMN9aYAPBIuas3gClXBCv3M8bh34qHM/s1600/9.png
[10].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhif0rf63VzAXNKf3xVYmMEN2ezSYJVmVwsYmW2Vf1EWBHNuD07OaOqM1hjzSU-HSn7YVwh-lIBzRAVTasVcejgxAcXBBkw5Xc_jgc3gKorSDk8t5enQLyOvdM00QmKnyDeRCY3gNYBifbG/s1600/10.png
[11].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPK3rUMIYHQoCVYBrq-fbJxXXuRVGPSg_1ALZPp02feAbXZbRTjLmpBBAc_NgQ0i1-o8_4FeGCexPTnL_L5ST6nVvVKIZQ-NZmuXRcpbhC3TYAsnaXTCw_9BOatkDJ-aIV4nt7SEuuqEkF/s1600/11.png
Selamat Menikmati....!!!!
