Web Günlüğü » Blogger » Blogger Yorumlara Arkaplan - Balon Eklemek
Blogger Yorumlara Arkaplan - Balon Eklemek
Kategori :
Blogger
Dümdüz, sapsade ve ruhsuz bir yorum bölümüne mi sahipsiniz? Üzülmeyin. Basit bir adımla blogger yorumlarımızın arkasına konuşma balonu ekleyebiliriz. Ayrıca yukarıdaki resimden nasıl göründüğüne de bakabilirsiniz.
İlk önce şablonumuzda:
kodunu buluyoruz ve
kodu ile değiştiriyoruz. Bazı temalarda kodları bulmakta sorun yaşayabilirsiniz. Bu gibi sorunlarda sadece bir yorum yeterlidir.
Dümdüz, sapsade ve ruhsuz bir yorum bölümüne mi sahipsiniz? Üzülmeyin. Basit bir adımla blogger yorumlarımızın arkasına konuşma balonu ekleyebiliriz. Ayrıca yukarıdaki resimden nasıl göründüğüne de bakabilirsiniz.
İlk önce şablonumuzda:
#comments h4 {margin:1em 0;font-weight: bold;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;color: $sidebarcolor;}#comments-block {margin:1em 0 1.5em;line-height:1.6em;}#comments-block .comment-author {margin:.5em 0;}#comments-block .comment-body {margin:.25em 0 0;}#comments-block .comment-footer {margin:-.25em 0 2em;line-height: 1.4em;text-transform:uppercase;letter-spacing:.1em;}#comments-block .comment-body p {margin:0 0 .75em;}.deleted-comment {font-style:italic;color:gray;}
kodunu buluyoruz ve
#comments h4 {margin: 1em 3em;font-weight: bold;line-height: 1.4em;color: #ffffff;}#comments-block {margin-left:1.5em;line-height:1.6em;background: #ffffff;color: black;padding: 1em;border:0px solid #ffffff;}#comments-block .comment-author {margin:.5em 0;}#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}#comments-block .comment-footer {margin:-.25em 0 2em;line-height: 1.4em;letter-spacing:.1em;}#comments-block .comment-body p {margin:0 0 .75em;padding: 20px 10px 10px 10px;background: #f3a64c url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh29SuLrcsLp9Uzv1qUfgY8d_51heg5fwViyLottXx2MPQRy7IGxOnjfqrOjJ5oALHQyQeG9zhm0JFwQiHDdgaWdobGj6cayMWT5xSlG2nHmoxlFgqosfFOsxmwRarZRyhwnZNaKMsBzFw1/s320/27yu1xl.jp) no-repeat top left;}.deleted-comment {font-style:italic;color:gray;}
kodu ile değiştiriyoruz. Bazı temalarda kodları bulmakta sorun yaşayabilirsiniz. Bu gibi sorunlarda sadece bir yorum yeterlidir.
Yorumlar