![]() |
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/5.lalu ganti Kode #000000 dengan kode 'Transparent' Menjadi seperti Ini-NX5n0nEbSoA/TYiEH1vas_I/AAAAAAAAB8g/kTamXrZz36c/s1600/main-bg.png) left top repeat-x;margin-top:2px;}
#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;}
.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;
}
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