Senin, 25 April 2011

Halaman Posting Transparan dan Berwarna saat Disorot Mouse


Assalamualaikum Wr.Wb 
Halo sobat Sharelikers Sekalian Apa Kabarnya Hari Ini?Nah kali Ini saya akan share tentang cara membuat Hover Pada Halaman Posting saat Disorot Mouse,Dan menjadi Transparan saat tidak Disorot.Sebelumnya saya mengucapkan terima kasih kepada Mempawah Creation.Karena Trik ini saya dapat setelah saya membedah blog anda.Hihihihi,jangan marah ya,Semoga bisa bermanfaat bagi orang lain,Oh ya bila sempat kunjungilah sobat saya itu bila ada waktu.

Minta demo?tuh demonya di blog ini,masa enggak kelihatan sih??Bila sobat berminat Langsung saja saya beritahu anda langkah-langkahnya ya sharelikers,
1.Loggin Ke Blogger.com
2.Lalu setelah itu klik rancangan seperti biasanya 
3.Kemudian klik  EDIT HTML  lalu Klik  Expand Widget Template 
4.Nah kemudian dengan Bantuan CTRL+ F cari Kode serupa berikut Ini:

 #content-wrapper{background:#000000 url(http://4.bp.blogspot.com/ 
-NX5n0nEbSoA/TYiEH1vas_I/AAAAAAAAB8g/kTamXrZz36c/s1600/main-bg.png) left top repeat-x;margin-top:2px;}
5.lalu ganti Kode #000000 dengan kode 'Transparent' Menjadi seperti Ini

#content-wrapper{background:transparent   url(http://4.bp.blogspot.com/-NX5n0nEbSoA/
TYiEH1vas_I/AAAAAAAAB8g/kTamXrZz36c/s1600/main-bg.png) left top repeat-x;margin-top:2px;}

6.Lalu setelah itu Sobat cari lagi kode yang mirip seperti Ini

.post-body{padding:5px 10px 5px 10px;margin:0px;font-family:Arial,Helvetica,
Sans-serif;font-size:16px;text-align:justify;line-height: 20px;-moz-border-radius-bottomright:10px;}
7.Lalu Tambahkan Kode Berikut Ini dibawahnya

.post:hover{
background: #ccc url(http://static.marieserneholt.com/html/img/contentbg_media.jpg) repeat;color:#ffffff; /* --------http://ypsrandy.blogspot.com--------*/
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
}
8.Sobat Bisa ganti Url Gambar warna Merah sesuai keinginan Sobat
9.Kemudian jangan Lupa Untuk Save Template

Oke sekian Dulu Tutorial Halaman Posting Transparan dan Berwarna saat Disorot Mouse Dari saya,selamat siang dan selamat melanjutkan Blogging dan aktivitasnya,Salam Sharelikers

Sumber :http://mempawahcreation.blogspot.com/ 

~~~~~~~~SHARELIKERS NEVER DIE~~~~~~~~~

0 komentar:

Posting Komentar