Hover Efektli Duyuru Tablosu

Blogger Fare Duyarlı Duyuru Alanı Kodu

Çeşitli işlevlerde kullanılabilecek güzel bir kod. Blogger de duyuru panosu yada yayın içi fare duyarlı alan için kullanılabilir.
Etkileyici bir tasarım umarım beğenirsiniz.

<style type="text/css">
blockquote {
background: #000 url(https://1.bp.blogspot.com/-713kiCxANdE/YBlfuktc0zI/AAAAAAAAJJs/fuU_QbxstT0i3ev6Jl87YZwqEd2Jng9AgCLcBGAsYHQ/s476/Face1.jpg) no-repeat right bottom ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:#595959;
font:Courier new;
border:1px solid #DDD;
}
blockquote:hover {
background: #000 url(https://1.bp.blogspot.com/-oAa7_jk8kEM/YBlfujVgYXI/AAAAAAAAJJw/B3ONOych55M5ptKw1uHQUctBHSnuxz6AgCLcBGAsYHQ/s476/Face2.jpg) no-repeat right bottom ;
color:#00ff00;
}
blockquote p {
margin: 0;
padding-top:10px;
}
</style>
<blockquote>WebKenti Kâr amacı gütmeyen sanal bir kuruluştur. Bilgisayar / Web / İnternet / Bookmark / Blog / Tavsiye Bilgiler / Cevabını Bulduğumuz Aramalar / Diğer... konularında paylaşım yapan internet gezginlerinin seyir defteridir.</blockquote><!--Author: webkenti.net-->

HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :

Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :

Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.

* Canlı Demo için :

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro

Kod Editörünü kullanabilirsiniz.