தீம் படங்களை வழங்கியவர்: Storman. Blogger இயக்குவது.

Popular Posts

BTemplates.com

About Me

எனது படம்

நான் திருநெல்வேலி மாவட்டத்தில் உள்ள‌ குட்டம் என்னும் ஊரில் பிறந்தவன் இப்போது சென்னையில் வசிக்கிறேன்.

ஞாயிறு, 6 நவம்பர், 2011

Blogger admin comments 'ஐ தனித்துக் காட்டுவது எப்படி?

ப்ளாக் வைத்திருக்கும் அனைவரும் தங்கள் பிளாக்கர் பதிவை அழகாக வைத்திருக்க வேண்டும் என்று எண்ணுவர் அவர்களுக்காக இந்த பதிவையும் எழுதுகிறேன்.  மற்றவர்கள் Comments 'ஐயும், நமது ( Admin ) Comments 'ஐயும் தனித்துக் காட்டினால் அது Comments பகுதியை அழகாக வைத்திருக்கும்.
அதற்க்கான வழிமுறைகளை பார்க்கலாம்.




முதலில் Dashboard ==>  Design ==>  Edit HTML ==>  Download Full Template என்பதை தேர்வுசெய்து உங்கள் வலைப்பதிவை Backup எடுத்து வைத்துக் கொள்ளுங்கள்.


பிறகு  Dashboard ==>  Design ==>  Edit HTML ==> Expand Widget Templates என்ற இடத்தில் டிக் அடையாளம் ஏற்படுத்திக் கொள்ளுங்கள்.

பிறகு ( CTRL+F ) அழுத்தி கீழே உள்ள கோடிங்கை கண்டுபிடியுங்கள்.

]]></b:skin>

பிறகு கண்டுபிடித்த கோடிங்கின் மேலே கீழே உள்ள கோடிங்கை paste செய்யுங்கள்.
.comment-body-author {
background: url("https://lh5.googleusercontent.com/-csyR9Kra2aQ/TrUYTV7OgdI/AAAAAAAAAtE/r2x9Al5ABTM/h80/admin.gif") no-repeat scroll right bottom #BFE3FE;
border: 1px solid #80C8FE;
-moz-border-radius: 6px;-webkit-border-radius: 6px;
padding:5px 35px 3px 3px;
}

மேலே நீல வண்ணத்தில் உள்ள IMAGE URL 'க்கு பதில் உங்களுக்கு பிடித்த படத்தின் URL 'ஐ சேர்க்கலாம்.
பிறகு SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.
 இதனுடன் முடிந்து விடவில்லை உங்கள் Blogger Template பழைய மாடலாக இருந்தால் கீழே உள்ள கோடிங்கை கண்டுபிடியுங்கள்.
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
  
இந்த கோடிங்கை கண்டுபிடித்தவுடன் கீழே நீல வண்ணத்தில் உள்ள கோடிங்கை மட்டும் நீங்கள் சேர்க்க வேண்டும்.

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd> </b:if>

<dd class='comment-footer'>
 பிறகு  SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.
( அல்லது )
உங்கள் Blogger Template புதிய மாடலாக இருந்தால் கீழே உள்ள கோடிங்கை கண்டுபிடியுங்கள்.
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
 இந்த கோடிங்கை கண்டுபிடித்தவுடன் கீழே நீல வண்ணத்தில் உள்ள கோடிங்கை மட்டும் நீங்கள் சேர்க்க வேண்டும். 
     <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>

    <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p>
    <data:comment.body/>
    </p>
    </b:if>
    </dd>

    </b:if>

    <dd class='comment-footer'>

பிறகு  SAVE TEMPLATE என்பதை அழுத்தி சேமித்துக் கொள்ளுங்கள்.
இப்போது நமது ( Admin )  கருத்துரை மட்டும் மேலே உள்ள படத்தில் உள்ளது போல காட்சியளிக்கும்.

நன்றி.

7 on: "Blogger admin comments 'ஐ தனித்துக் காட்டுவது எப்படி?"
  1. நான் எதிர்பார்த்தது கிடைத்து விட்டது ரொம்ப நன்றி...

    பதிலளிநீக்கு
  2. nanbare!!!! i want to add a border for the sidebar widgets and its title... and a beautiful layout like in your blog.can you please help.

    http://pangusanthaielearn.blogspot.com

    பதிலளிநீக்கு
  3. @pangusanthaieLearnமுதலில் இந்த கோடிங்கை ]]> கண்டுபிடியுங்கள்.

    கண்டுபிடித்த கோடிங்கின் மேலே கீழே உள்ள கோடிங்கை Paste செய்யுங்கள்.

    .sidebar {
    color: #666;
    line-height: 1.5em;
    }

    .sidebar h2, .rsidebar h2, .lsidebar h2 {
    background: #ffffff url(http://4.bp.blogspot.com/_b0xJ7qk6DTc/THzwwG35kPI/AAAAAAAAA7s/HKApO8rTuDY/s1600/sidebar-header.png);
    color: #555555;
    font-family: Tahoma, Arial, Verdana;
    font-size: 15px;
    font-weight: bold;
    text-shadow: #FFFFFF 1px 1px;
    margin: 0;
    padding: 4px 5px 4px 5px;
    }

    பதிலளிநீக்கு
  4. எனது பிளாக்கரில் Comment Box கொண்டு வருவது எப்படி?@சு. ராபின்சன்

    பதிலளிநீக்கு