Blogger Yorum Kutusuna İnce Ayarlar

Blogger Yorum Gönder Yazısı Yerine Resim Ekle

Blogunuza görsellik açısından çok güzel bir eklenti. Yorum alanında yeni yorum gönder: yazısı yerine resimli bir teşekkür mesajı veya yorum gönder yazısı daha şık görünüyor. Eklentinin demosu aşağıda yorum alnının üstündedir. şimdide yorum gönder kısmına resim ekleyelim

Kumanda Paneli > Tasarım > Html'yi Düzenle (Widget şablonlarını genişlet)

/b:skin>

Kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyelim:

Kod:

#comment-post-message { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsdr83HMqPz3cY9pZQQft5qDIgT50b-bVlcWybQrT_g1-_L1baQIU1dUEVioKYwRis7Slk5IsvRvpBM1BoCvNE2NsmW865rQSFqovtcIGA3oZxVZhuL2H29dDJuzAhuC1dzjw9LNXhpQ/h120/yorumlayiniz.png") no-repeat scroll left top transparent; height:52px; margin-bottom:10px; text-indent:-9999px; width:485px; }

Blogger Yorum Kutusuna Arka Plan Ekleme Eklentisi...
Daha önce blogunuza yorum gönder yazısına resim katmayı anlatmıştım şimdi de sizlere blogunuza arka plan nasıl katılır onu göstereceğim;

Öncelikle aşağıdaki kodu bulun

]]></b:skin>

Yukarıda bulduğunuz kodun üstüne gelecek şekilde aşağıdaki kodu yapıştırın:

#mybtips-form iframe{ 
background:#ffffff url(BURAYA RESIM LINKINİ YAPIŞTIR) repeat; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#ffffff; 
width:560px; height:213px !important; 
}
#mybtips-form a{ 
color:#fff; 
}

Üstteki işlemi yaptıktan sonra aşağıdaki kodu bulun.
Not: blogunuzda 1 veya 2 tane bu koddan olabilir...

<div class='comment-form'>

üstteki kodu silip yerine aşağıdaki kodu yapıştırınız..

KOD:

<div id='mybtips-form'>

Not: Resim Linki yazan yere aşağıdaki linklerden bir kaç tanesini deneyebilirsiniz:

Resimleri dilediğiniz gibi kullanabilir değiştirebilirsiniz. Zevk size kalmış

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicz3Ig2um6jHKS2Vo0-IMBZQOOlzPIZssokn39hyphenhyphenXTuwnqn216S0g5PHuJ64DeJHdQzCPHGOjsFsMEn23ZLTkr970RtKKE7NB7zlPLavxVhxV-X1AogRGFB3sKXMlVLjEYSs8oHlkclzo/s1600/blogger-yorum-gonder-arka-plani.jpg

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicz3Ig2um6jHKS2Vo0-IMBZQOOlzPIZssokn39hyphenhyphenXTuwnqn216S0g5PHuJ64DeJHdQzCPHGOjsFsMEn23ZLTkr970RtKKE7NB7zlPLavxVhxV-X1AogRGFB3sKXMlVLjEYSs8oHlkclzo/s1600/blogger-yorum-gonder-arka-plani.jpg

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicz3Ig2um6jHKS2Vo0-IMBZQOOlzPIZssokn39hyphenhyphenXTuwnqn216S0g5PHuJ64DeJHdQzCPHGOjsFsMEn23ZLTkr970RtKKE7NB7zlPLavxVhxV-X1AogRGFB3sKXMlVLjEYSs8oHlkclzo/s1600/blogger-yorum-gonder-arka-plani.jpg

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicz3Ig2um6jHKS2Vo0-IMBZQOOlzPIZssokn39hyphenhyphenXTuwnqn216S0g5PHuJ64DeJHdQzCPHGOjsFsMEn23ZLTkr970RtKKE7NB7zlPLavxVhxV-X1AogRGFB3sKXMlVLjEYSs8oHlkclzo/s1600/blogger-yorum-gonder-arka-plani.jpg

Demosuna: buradan bakabilirsiniz

Blogger Yorum Kutusuna Arka Plan Ekleme , Blogger Yorum Kutusu , Blogger Yorum Kutusu görsel , Blogger Yorum Kutusu renklendir , Blogger Yorum Kutusu resim ekle , Blogger Yorum Kutusu eklentisi , Blogger Yorum Kutusu eklentileri , Blogger Yorum formu arka plan ekleme , Blogger Yorum formu resmi

Bu haber: www.memurvadisi.com sitesine aittir.