Blogger Resimli Son Yorumlar Eklentisi

   Daha ÖNCE  Avatarlı son Yorumlar eklentisi konusunu yayınlamıştık o yazımızda 3 Farklı SEÇENEK sunmuştuk.Şimdi bu yazımızda ki Verecek olduğum eklentide sadece sadece sadece sadece resimli oğlu ziyaretinde Yorumlar eklentisi yer'de alacaktır.Üsteki resimde ki Gibi Görünen bu eklentiyi Blogger siteniz ekleyecek Olduğunuz Yöntem Kısa kolaydır Ettik.

   Blogger Resimli Son Yorumlar Eklentisi Eklemek İçin Kumanda paneli> Yerleşim> Gadget ekle> HTML / JavaScript Yolunu izleyerek aşağıda ki kodları gadget içerisine ekleyerek kaydedin.

<Stil type = "text / css"> 
#komentar {background: #fff; Sınır: 1px solid # 8181F7; -moz-border-radius-bottomright: 10px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px; margin: 5px 0; padding: 5px;}
#komentar ul {margin: 0; padding: 0px; list-style: none;}
ul li #komentar: first-child {border-top: hiçbiri;} 
#komentar ul li {height: 46px; background: # A9D0F5; list-style-type: none; margin: 0 0 5px 0px; ! padding: 5px 5px 5px 5px önemli Diğer; font-size: 12px Önemli; font-weight: 550; Sınır: 1px solid # 8181F7; -moz-border-radius-bottomright: 10px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px; margin: 5px 0; padding: 5px;}
    
ul li #komentar: oğul çocuk {border-bottom: hiçbiri;} 
ul li #komentar: hover {background: #CCFFFF; 
-moz-border-radius-bottomright: 10px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px; margin: 5px 0; padding: 5px;}
Ziyaret: Bir #komentar, Bağlantı: Bir #komentar, bir, #komentar {clear: both; color: # 222; display: block; text-decoration: none;}
#komentar .gamen {display: block; şamandıra: Sol; Yükseklik: 42px; Sol: 4px; margin-right: 15px; position: relative; Genişliği: 42px;}
.gamen #komentar> img {border: 2px Katı #ffffff; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; kutu-gölge: 222222 2px 0 1px #; background: url (http://tipstrikblogging.googlecode.com/files/Avatar%20Blogger%20Comments.jpg) tekrar-x;}
#komentar ul li div.ismen {color: # 333; text-shadow: 1px -1px -1px #ccc;}
#komentar .ismen {display: block; font-size: 1em; font-style: italic; line-height: 1.2; padding: 2px 2px 0 4px;}
#komentar .gamen> span {width: 150px; Yükseklik: auto; line-height: 20px; padding: 5px; Sol: 115px; margin-left: -64px; font-size: 1em; font-weight: bold; color: # 212121; text-shadow: 1px 1px 1px RGBA (0, 0, 0, 0.1); text-align: center; Sınır: 4px Katı # 5858FA; background: RGBA (255,255,255,0.7); text-indent: 0px; Sınır -radius: 5px; position: absolute; işaretçi-olaylar: yok; alt: 100px; donukluk: 0; kutu-gölge: 1px 1px 2px RGBA (0,0,0,0.2); - Webkit-Geçiş: Tüm 0.3s Kolaylığı -in-out; -moz-Geçiş: Tüm 0.3s Kolaylığı-in-out, -o-Geçiş: Tüm 0.3s Kolaylığı-in-out; -MS-Geçiş: Tüm 0.3s Kolaylığı-in-out; Geçiş: tüm 0.3s Kolaylığı in-out;}
#komentar .gamen> span: önce, #komentar .gamen> span: ''; pozisyonu: {içerik Sonra mutlak; alt: -15px; Sol:% 50; margin-left: -9px; Genişlik: 0; Yükseklik: 0; border-left: 10px Katı şeffaf, sınır-right: 10px Katı şeffaf, border-top: 10px Katı RGBA (0,0,0,0.1);}
#komentar .gamen> span: {: -14px; margin-left: alt -10px; border-top: 10px # Katı 5858FA;} Sonra
#komentar .gamen: hover> span {donukluk: 0.9; alt:;} 55 piksel x
</ Style>
<Div id = "komentar"> 
<Ul> 
<Script type = "text / javascript"> 
// <! [CDATA [
var jmlkomentar = 5; 
60 = jmlkarakter var; 
//]]> </ Script> 
<Senaryo src = "http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar-Tooltip.js" type = "text / javascript"> </ script> 
<Script type = "text / javascript"> </ script>
</ Ul> 
</ Div> 
<Küçük> </ small> <br /> 
<Div style = "font-size: 90%; text-align: right; text-shadow: 2px 2px 2px #adadad;"> 
<Küçük> </ small> </ div>

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Değil: Gelen Maili Aktif Etmeyi Unutmayınız!