Blogger yorum kutusu yapma

Blogger kullanıcıları bu yorum kutusunu çok beğeniceklerinden eminim. Aşağıdaki resimde gösterilen sizlerin blogunu görülen yorumlar :

İlk olarak şablonunuzun yedeğini alrak başlayalım. Sonra Yerleşim/HTML'yi düzenle/Widget Şablonlarını Genişlet diyoruz, aşağıdaki kodu arıyoruz : CTRL+F tuşuyla kodu bulabilirsiniz... </span><span class="fullpost"><pre style="border: 1px dashed rgb(153, 153, 153); padding: 5px; overflow: auto; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); font-size: 12px; line-height: 14px; width: 100%;"><code>#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 bulup </code><span class="fullpost"><pre style="border: 1px dashed rgb(153, 153, 153); padding: 5px; overflow: auto; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); font-size: 12px; line-height: 14px; width: 100%;"><code>#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(http://i38.tinypic.com/27yu1xl.jpg) no-repeat top left; } .deleted-comment { font-style:italic; color:gray; }</code></pre></span><code> koduyla değiştirin. Şablonu kaydediyoruz.Koda ki URL'yi değiştirerek kendiniz tasarlayabilirsiniz. Yaptığımız aşağıdaki resimde görüldüğü gibi oluyor. Düz ve sade bir tasarım... Kendi tasarladığınız yorum kutusundan görünüm :

İşlemler burada sona eriyor, herkese kolay gelsin.

— Share It —

• Facebook
• Twitter
• Google+
• Linkedin
• Pin It

About Volkan

Hi, My Name is Hafeez. I am a webdesigner, blogspot developer and UI designer. I am a certified Themeforest top contributor and popular at JavaScript engineers. We have a team of professinal programmers, developers work together and make unique blogger templates.