Popüler Post Şekilendirme Kodu

 post şekillendirme
Popüler Postlarına Şekilverebilirsiniz bunun için tabiki
öncelikle  HTML düzenlemeyi açıcaksınız sonra ctrl+F tusuna basın

asadaki kodu arattırın buldunuz zaman asadaki Kodu hemen  üstüne yapıstırın

]]> </ b: skin>

<code>
 /*--- Customize Popular Posts Widget Design By www.realcombiz.com --- */ 
.popular-posts ul{padding-left:0px;} 
.popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5v-sVbKE2aIxwLeur-q7vuEW3Ov8uj99L2O2D8wyALv_BS13J3K_wzKBxYu2vqGgMlVpPWeGpktgko_Jb7-pYWjwtwxVRqVwaTffF9Qia3dpgsbXjKt7cU-0Nyf8-N6S5-CAFZ3twN-g/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px; 
list-style-type: none; 
margin: 0 0 5px 0px;
padding: 5px 5px 5px 33px !important;
border: 1px dashed #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover { 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqb5BW3EOfnAmmQdNBcbPMRUxNjwmMOO5np-xV9tWC-u07m2tFEnY6__CKWU5MdlX0mQm3B8mjuRr7QZAbg-kiCeHP_N04PEH-eMWTLZ1cKHMCzJkJlgfp6Kf06ld7re8w_ION_iv0pg/s1600/rb+mark+icon...jpg) no-repeat 2px;
border: 2px solid #b60000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.popular-posts ul li a:hover { 
text-decoration:none; 
}
</code>

0 yorum: