Blogger க்கான நுட்பங்கள்- 3: Blog இல் விரும்பிய பாடலை ஒலிபரப்புவது எப்படி ?

Blog இல் பாடல்கள் ஒளிபரப்புவதற்கு பல Gadgets உள்ளன ஆனால் அதில் நீங்கள் விரும்பிய பாடல் இருக்கும் என்பது சந்தேகம் தான். அதனால் நாம் விரும்பிய பாடல்களை எவ்வாறு இணையத்தில் ஒலிபரப்பலாம் என்று பார்ப்போம் .

• முதலில் Mp3 File ஐ ஏதாவது ஒரு Server இல் Upload பண்ணி அதன் நேரடி URL ஐ பெற்றுக் கொள்ளவும்.

உதாரணம்

http://your-server.com/uploads/tamilsong.mp3

• பின் கீழ் உள்ள Audio player களில் நீங்கள் விரும்பிய Audio player இன் கீழ் உள்ள Code ஐ Copy செய்து உங்கள் தளத்தில் Paste செய்யவும இதில் இருக்கும் MUSIC_FILE_URL என்பதுக்குப் பதிலாக உங்கள் பாடலின் URL ஐக் கொடுக்கவும்.

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=MP3_FILE_URL" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

<embed src="http://webjay.org/flash/dark_player" width="400" height="40" wmode="transparent" flashVars="playlist_url=MP3_FILE_URL&amp;skin_color_1=-145,-89,-4,5&skin_color_2=-141,20,0,0" type="application/x-shockwave-flash" />

<embed type="application/x-shockwave-flash" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" width="400" height="52" allowScriptAccess="always" wmode="transparent" flashvars="audio_duration=DURATION&amp;external_url=MP3_FILE_URL" />

Blogger க்கான நுட்பங்கள்- 2 : ஒவ்வொரு பதிவிற்கும் கீழ் Related Posts ஐக் காட்டுதல்

உங்கள் ஒவ்வொரு பதிவிற்கும் கீழ் அதற்கு நெருங்கிய பதிவுகளை அதாவது ஒரே Lable இல் இருக்கும் பதிவுகளைக் காட்டுதல்

அவ்வாறு காட்டுவதால் உங்களில் தளத்துக்கு ஒரு பதிவை படிக்க வரும் வாசகர் அது சம்பந்தமான பதிவுகளை இலகுவாய் படிக்க வசதியாய் இருக்கும் இதனால் கூடிய நேரம் உங்கள் வலைப்பதிவில் செலவழிப்பார்கள்.

இதை நிறுவும் முறை

• முதலில் blogger இல் dashboard சென்று அதில் Layout என்பதை தெரிவு செய்யவும்.
• அதில் Edit HTML என்பதை தெரிவு செய்யவும்.
• அதில் Download Full Template என்பதைக் Click செய்து உங்கள் Template ஐ download செய்து கொள்ளவும்.
• உங்கள் Template ஐ Wordpad இல் Open பண்ணவும் (Edit பண்ண இலகுவாக இருக்கும் )
• பின் Ctrl + F ஐஅழுத்தி </head> என்பதை தேடவும்.
• பின் கீழ் உள்ள Code ஐ Copy செய்து </head> மேல் Paste பண்ணவும்.

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif")
no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://tamilhackxserver.110mb.com/Javascript/related_post.js'
type='text/javascript'/>

மேல் கூறிய முறையில் <p><data:post.body/></p> என்ற வரியைத் தேடவும் அதன் கீழ் உடனடியாக பின்வரும் Code ஐ copy செய்து paste பண்ணவும்.

<b:if cond='data:blog.pageType == "item"'>

<div id="related-posts">

<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop
values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast
!= &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;'
type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

பின் உங்கள் tempelate ஐ upload பண்ணிக்கொள்ளவும். அவ்வளவு தான்..

இதில் ஏதேனும் சந்தேகங்கள் இருந்தால் கூறவும்

Blogger க்கான நுட்பங்கள்-1 :மொத்த பதிவுகளினது்ம் மொத்த பின்னூட்டங்களினதும் எண்ணிக்கையைக் காட்டுதல்

நாளுக்கு நாள் Blog எழுதுபவர்களின் எண்ணிக்கை கூடிக்கொண்டே போகின்றது. அந்த அளவிற்கு Blogging நம் வாழ்வில் ஓர் அங்கமாகிவிட்டது.

அவ்வாறு Blog எழுத்துபவர்களுக்கு உதவும் வண்ணம் Blogger இல் உள்ள நுட்பங்களையும் அதில் பாவிக்கும் JavaScript மற்றும் Blogger க்கான Widgeds போன்றவற்றையும் "Blogger க்கான நுட்பங்கள்" என்ற தலைப்பில் ஒரு தொடராக எழுதலாம் என்று எண்ணியுள்ளேன்.

அதன் முதல் பகுதியாக மொத்த பதிவுகளினது்ம் மொத்த பின்னூட்டங்களினதும் எண்ணிக்கையை எவ்வாறு உங்கள் Blogger இல் காட்டுவது என்று பார்போம்

உதாரணம்

Total Posts: 29
Total Comments: 122

1. முதலில் blogger இல் dashboard சென்று அதில் Layout என்பதை தெரிவு செய்யவும்
2. அதில் Add a Gadget என்பதில் HTML / JavaScript என்பதை தெரிவு செய்யவும்.
3. பின் கீழ் உள்ள Code ஐ Copy செய்து அதில் Paste பண்ணி Save பண்ணவும்.

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t +
'</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t +
'</b><br>');
}
</script>
<font color="black"><script src="http://tamilhackx.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://tamilhackx.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments">
</script>
</font>

Coding இல் உள்ள http://tamilhackx.blogspot.com/ என்பதற்கு பதிலாக உங்கள் வலைப்பதிவின் முகவரியைச் சேர்க்கவும்

வேறு Blogger இல் உங்களுக்கு தெரிந்து கொள்ள வேண்டிய விடயங்களை பின்னூட்டதில் தெரிவித்தால் அவற்றைப் பற்றி அடுத்த பதிவுகளில் எழுத வசதியாக இருக்கும்.