Twitter Delicious Facebook Digg Stumbleupon Favorites More

Tuesday, February 8, 2011

How to Dilate Editor Comments on Blogger

You may wonder why a small blogger comment box? well here I'll discuss the tricks on how to bring up or expands the text box komentar.tertarik make a try?

1. Simply Login to Blogger

2. Select Design

3. Click Edit HTML

4. Do not Forget! Click Download Full Template to backup the default template

(Check the small box next to Expan templates Widget Wait until the process is complete).

5. Find similar code below, to facilitate pencariantekan Ctrl + F / (F3)
(Each blog will be different forms but if you find these similar erase

    <b:includable id='comment-form' var='post'>
    <div class='comment-form'>
    <a name='comment-form'/>
    <h3><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
    </div>
    </b:includable>

Hapus/delete kode di atas kemudian ganti dengan kode di bawah ini :

    <b:includable id='comment-form' var='post'>
    <div class='comment-form-block'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor'
    scrolling='auto' src='' width='100%'/>
    <data:post.iframeColorizer/>
    </div>
    </b:includable>

Next add the following CSS code before the code ]]></ b: skin>

div.comment-form-block{
width: 550px; /*silahkan rubah sesuai dengan lebar yg anda inginkan*/
margin: 0 auto;
}
div.comment-form-block p{
color: #000;
font-family: 'Georgia';
font-size: 14px;
text-align: left;
}

The code above can be customized to your taste, please change the number according to your template. So you can mengatak ngatik own.
Save the template and see the results

Well pal virtual information, my ends meet so first yes! congratulations to create by changing the size of the box in blogger comments.

0 comments:

Post a Comment

 
Powered by Blogger