நீங்கள் விரும்பும் படத்தை Posted by ல் (அல்லது) date-header ன் பக்கத்தில் காட்ட

இடுகை ஆரம்பமாகும் முன்னே..தேதிக்குப் பக்கத்தில் நீங்கள் விரும்பும் படம்..அதேபோல் பதிவு முற்றும் இடத்தில் posted by <நீங்கள் விரும்பும் படம்> (உங்கள் photoவா கூட இருக்கலாம்..) போட்டால் எப்படி இருக்கும்ன்னு நினைத்து பார்த்ததுண்டா...

எடுத்துக்காட்டுக்கு..மேலே சொல்லியிருக்கும் சுட்டிகளில்... date பக்கத்தில் யும் ... posted by யில் யும் குடுத்துள்ளேன்


செய்முறை விளக்கம் :-

1. சரியான படத்தை தேர்வு செய்யவேண்டும்




படம் இங்கு வைப்பதாக இருந்தால்	Width	Height
தேதிக்குப் பக்கத்தில் நீங்கள் விரும்பும் படம்	20px	20px
posted by <நீங்கள் விரும்பும் படம்>	Any	25px



மேலே சொல்லியிருக்கும் dimension ல் படம் இருந்தால் உத்தமம்..இல்லைன்னா.. ஒவ்வொண்ணும்.. நீயாரோ - நான் யாரோ ன்னு மூஞ்சி்யைத் திருப்பிக்கும்

PHASE :-1


2. படத்தை..Googlepages (can use your Gmail account to login), Fileden , Ripway போன்ற ஏதாவது File hosting services ல் கணக்கு துவங்கி பதிவேற்றவும் (upload)
3. animated gif படங்களை பிளாகரில் பதிவேற்றுவது பெரிய தலைவலி..இதைத் தவிர்க்கவே..மேலே சொல்லியிருக்கும் Free File hosting services ல் பதிவேற்றுகிறோம்
4. பதிவேற்றிய பிறகு..அந்தப் படத்தின் file-path ஐ (Right-Click செய்து பெறலாம்) notepad ல் copy-paste செய்துகொள்ளவும்


PHASE:-2 posted by <நீங்கள் விரும்பும் படம்>


5. வார்ப்புருவின் நகலை Edit-HTML போய் பத்திரப்படுத்திக் கொள்ளவும்.
6. வார்ப்புருவில் கீழே காணும் வரிகளைக் கண்டுபிடிக்கவும்


<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<data:post.author/>
</b:if>
</span>

<data:top.authorLabel/>.. இது " Posted by " ஐ குறிக்கும்

<data:post.author/>........ இது உங்கள் பெயரைக் குறிக்கும்

7. நீங்கள் இணைக்க விரும்பும் படத்தை..மேலே சொல்லியிருக்கும் Tags ஐ அழித்துவிட்டு (எதை வேண்டாம்ன்னு நினைக்கறீங்களோ..அதை மட்டும் அழிங்க..) <img src="File_path "/> குடுத்து...SAVE & view


8. கவனிக்க : - File_path க்கு பதில் notepad ல் நீங்கள் பத்திரப்படுத்தியுள்ள படத்தின் முகவரியை கொடுக்கவும்


PHASE:-3 தேதிக்குப் பக்கத்தில் நீங்கள் விரும்பும் படம்


9. வார்ப்புருவின் நகலை Edit-HTML போய் பத்திரப்படுத்திகொள்ளவும்.


10. வார்ப்புருவில் கீழே காணும் Tag ஐக் கண்டுபிடிக்கவும்

<data:post.dateHeader> அல்லது <data:post.timestamp/>..இது அவரவர் வார்ப்புருவைப் பொறுத்தது

11. நீங்கள் இணைக்க விரும்பும் ப்டத்தை..மேலே சொல்லியிருக்கும் Tags க்குப் பக்கத்தில்
    <img src="File_path"/>
    குடுத்து...SAVE & view


12. கவனிக்க : - File_path க்கு பதில் notepad ல் நீங்கள் பத்திரப்படுத்தியுள்ள படத்தின் முகவரியை கொடுக்கவும்


PHASE:-4படத்தைச் சுற்றி border இருந்தால்



13. கீழே காண்பது போல் மாற்றவும்


.post img (கண்டுபிடிக்கவும்)
{
padding: 0px;
border: 0px solid #cccccc;
vertical-align:middle;
}