బ్లాగులో మీ పేరుకు కాని, మీకు నచ్చిన ఇమేజికి కాని రైన్ ఎఫెక్ట్ ఇవ్వడం ఎలా?

ఈ బ్లాగులో గమనించండి. mahigrafix అనే పదము రైన్ ఎఫెక్ట్ తో పని చేస్తుంది. mahigrafix ప్లేస్ లో మీకు నచ్చిన ఇమేజ్ ను పెట్టుకోవచ్చు. టెస్టింగ్ కోసం రఫ్ గా అప్పటికప్పుడు ఈ ఇమేజిని తయారు చేసి పెట్టాను. Optimize చేస్తే ఇంకా క్లారిటీ వస్తుంది. వైట్ బ్యాక్ గ్రౌండ్ ఉన్న టెంప్లేట్స్ కి ఈ ఎఫెక్ట్ కరెక్ట్ గా సెట్ అవుతుంది. ఈ విధంగా మీ ఇమేజ్ రైన్ ఎఫెక్ట్ లో రావటానికి ఏం చేయాలో ఈ ట్యుటోరియల్ లో తెలుసుకుందాం.
1. మొదట మీరు తయారు చేస్కున్న gif animation ఫైల్ ను www.tinypic.com లాంటి ఫ్రీ ఇమేజి హోస్టింగ్ లోకి అప్ లోడ్ చేసి ఆ ఇమేజి యొక్క Direct Link ను కాపీ చేస్కోండి.
2. ఈ క్రింది కోడ్ ను నోట్ ప్యాడ్ లోకి కాపీ చేస్కొని కోడ్ లోని రెడ్ కలర్ లెటర్స్ ను మీరు పైనకాపీ చేస్కున్న ఇమేజి కోడ్ తో రీప్లేస్ చేసి, notepad ను saveas ద్వారా rainfall.js అని సేవ్ చేయండి.




var snowsrc="http://i40.tinypic.com/1zfm0x3.gif" var no = 3; var hidesnowtime = 0; var snowdistance = "pageheight";///////////Stop Config////////////////////////////////// var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
} var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
} dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
} function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
} function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

3. తర్వాత http://geocities.yahoo.com లో కి మీ యాహూ ఐడీతో లాగిన్ అయి, rainfall.js ను అప్ లోడ్ చేసి ఈ ఫైల్ పాత్ కోడ్ ను కాపీ చేస్కోండి.
4. ఈ క్రింది కోడ్ లో రెడ్ కలర్ కోడ్ ను rainfall.js పాత్ కోడ్ తో రీప్లేస్ చేసి ఈ పూర్తి కోడ్ ను మీ బ్లాగు Edit Html code లో క్రింది లైన్ లోకి కాపీ చేసి PREVIEW ను క్లిక్ చేసి చూడండి. అంతా ఓకే అయితే SAVE TEMPLATE ను క్లిక్ చేయండి.



<script type="text/javascript" src="http://www.geocities.com/mahigrafix/rainfall.js">

</script> <table width="837" border="0" cellspacing="0" cellpadding="0" height="10">
<tr> <td height="10">&nbsp;</td>
</tr> </table>



మీ సందేహాలను తీర్చుకోవడానికి www.mahigrafix.com/forum లో సభ్యులుగా చేరండి.

మీ బ్లాగులో మీకు నచ్చిన పాటను పోస్టు చేయడానికి ఫ్రీ విడ్జెట్

మీ బ్లాగులో ఆడియో సాంగ్స్ పెట్టుకోవడానికి esnips వారు ఫ్రీ విడ్జెట్ ను ఇస్తున్నారు. ఈ విడ్జెట్ ను మీ బ్లాగులో కాని వెబ్ సైట్ లో కాని ఎలా పెట్టుకోవాలో ఈ ట్యుటోరియల్ లో తెలుసుకుందాం.
1. www.esnips.com ను క్లిక్ చేసి ఈ వెబ్ సైట్ లోకి ఎంటర్ అవండి.

2. ఈ క్రింది చూపిన విధంగా Join Now బటన్ ను క్లిక్ చేసి registration form ను మీ వివరాలతో ఫిలప్ చేసి సబ్మిట్ చేయండి.


3. మీ రిజిస్టర్డ్ ఐడీ మరియు పాస్వర్డ్ నుపయోగించి www.esnips.com లోకి లాగిన్ అవండి. తర్వాత కుడి వైపున upload files,create folder అని రెండు ఆప్షన్స్ కనిపిస్తాయి. create folder ద్వారా మీరు సొంతంగా esnips లో ఫోల్డర్ ను క్రియేట్ చేస్కొని మీ Mp3 ఫైల్ ను అందులోకి అప్ లోడ్ చేయండి.



4. తర్వాత క్రింద చూపిన విధంగా folders ను క్లిక్ చేసి అందులో మీరు అప్ లోడ్ చేసిన సాంగ్ క్రింద ఉన్న add to quicklist ను క్లిక్ చేయండి.


5. ఇపుడు మీ ఫైల్ క్రింద mp3widgets అనే బటన్ ను క్లిక్ చేయండి.



6. copy and paste code విభాగం క్రింద ఉన్న కోడ్ ను కాపీ చేస్కోండి.



7. ఆ కోడ్ ను మీ బ్లాగు పేజి ఎలిమెంట్స్ లో >> add a gadget >> HTML/Javascript లో పేస్ట్ చేసి సేవ్ చేయండి.
లేదా మీరు ఈ కోడ్ ను పోస్టులో కూడా పేస్ట్ చేసి పబ్లిష్ చేయవచ్చు.

ఇక మీ బ్లాగులో మీరు కోరుకున్న పాట ప్లే కావడానికి రెడీ.

మీ బ్లాగులో Contact Me form పెట్టుకోండి.

మీ బ్లాగులోని పోస్టుల ను చదివే రీడర్స్ కామెంట్ రూపంలో కాకుండా పర్సనల్ గా తమ అభిప్రాయలను మీకు తెలిపేందుకు Contact Me form బాగా ఉపయోగపడుతుంది. దీనిని మీ బ్లాగులో ఎలా పెట్టుకోవాలో ఈ ట్యుటోరియల్ లో చూడండి. (శాంపిల్ కోసం ప్రక్కన ఉన్న థంబ్ నైల్ మీద క్లిక్ చేయండి. జూమ్ అయి పెద్దగా కనిపిస్తుంది.)
1. http://kontactr.com/
ను క్లిక్ చేసి Kontactr site లోకి వెళ్లి అక్కడ Signup ను క్లిక్ చేయండి.

2. Registration form లో మీ వివరాలను ఎంటర్ చేసి సబ్మిట్ చేయండి.

3. క్రింద చూపిన విధంగా Embed Widget - AJAX క్రింద ఉన్న కోడ్ ను కాపీ చేస్కొని మీ బ్లాగులో newpost క్లిక్ చేసి ఆ కోడ్ ను పేస్టు చేసి క్రింద Post Options లో ఏదైనా పాతడేట్ ను ఎంటర్ చేసి పబ్లిష్ చేయండి.



4. తర్వాత Kontactr సైట్ లో Buttons విభాగంలో మీకు నచ్చిన బటన్ కు ఎదురుగా ఉన్న html కోడ్ ను కాపీ చేస్కొని, మీ బ్లాగు లో పేజిఎలిమెంట్స్ లో add a gadget >> HTML/Javascript లో పేస్ట్ చేసి, పైన మీరు పోస్ట్ చేసిన contactme url address ను లింక్ చేసి save చేయండి.
ఆ కోడ్ చూడటానికి ఈ క్రింది విధంగా ఉండాలి

మీ బ్లాగులో కలర్ ఫుల్ lcd announcements పెట్టుకోవడానికి ఫ్రీ విడ్జెట్


ఈ విధంగా మీ బ్లాగులో కూడా LCD ANNOUNCEMENTS పెట్టుకోవాలనుకుంటున్నారా?
1. textspaceను క్లిక్ చేసి ఈ వెబ్ సైట్ లో మీకు కావలసిన టెక్స్ట్ ను టైప్ చేసి కోడ్ కాపీ చేస్కోండి.

2. తర్వాత blogger.com లో మీ అకౌంట్ లోకి లాగిన్ అయి LAYOUT >> PAGE ELEMENTS >> ADD A GADGET >> HTML/Javascript లో కాపీ చేస్కున్న కోడ్ ను పేస్ట్ చేసి సేవ్ చేయండి. ఇక మీ బ్లాగులో కూడా LCD ANNOUNCEMENT కనపడుతుంది.

మీ బ్లాగులో క్రింది వైపు మిగిలన పేజీల బటన్స్ కనపడాలంటే?

ఈ విధంగా మీ బ్లాగులోని పేజీ కి అడుగు భాగాన పేజి నావిగేషన్ బటన్స్ పెట్టాలనుకుంటే ఈ క్రింది స్టెప్స్ ఫాలో అవుతే చాలు.

1. బ్లాగర్.కామ్ లో మీ అకౌంట్ లోకి లాగిని అవండి.
2. తర్వాత Dashboard >> Layout >> Page elements >> Add a Gadget >> HTML/JavaScript ను ఓపెన్ చేసి ఈ క్రింది కోడ్ ను అందులో పేస్ట్ చేసి సేవ్ చేయండి.




<style>

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

font-weight: bold;

text-decoration:none;

border: 1px solid #000;

background-color:#fff;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #000;

background-color:#057BD3;

}

.showpagePoint {

color:#fff;

font-weight: bold;

text-decoration:blink;

border: 1px solid #000;

background: #057BD3;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #000;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333;

}


</style>


 


<script type="text/javascript">


function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';


var pageCount=5;

var displayPageNum=5;

var firstPageWord = 'First';

var endPageWord = 'Last';

var upPageWord ='Previous';

var downPageWord ='Next';


 


var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';


for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}


postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

}

}//end if(post.category){


itemCount++;

}


}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}


if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

itemCount++;

}

}


for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}


fFlag++;

}


if(p==(thisNum-1)){

html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';

}

}


if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){


if(thisNum>1){

if(!isLablePage){

html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}else{

html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}

}


html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;


if(thisNum<(postNum-1)){

html += downPageHtml;

html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';

}


if(postNum==1) postNum++;

html += '</div>';


if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");


if(postNum <= 2){

html ='';

}


for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}


if(pageArea&&pageArea.length>0){

html ='';

}


if(blogPager){

blogPager.innerHTML = html;

}

}


}

</script>


<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://anshuldudeja.blogspot.com">Grab this Widget ~ World Of Blogging</a></div>





3. తర్వాత మీరు యాడ్ చేసిన HTML/JavaScript గాడ్జెట్ ను డ్రాగ్ చేసి కరెక్ట్ గా BlogPosts క్రింద వచ్చేటట్లుగా సెట్ చేసి సేవ్ చేయండి. మీకేమైనా సందేహాలుంటే వెంటనే కామెంట్ చేయండి.

మీ బ్లాగుకు ఆటోస్క్రోల్ సైడ్ మెనూ కావాలా? ఐతే ఇది చదవండి.

ఈ బ్లాగులో ఎడమవైపున ఉన్న సైడ్ మెనూను గమనించండి. ఇలాంటి మెనూ మీ బ్లాగులో కూడా పెట్టాలను కుంటే ఈ ట్యుటోరియల్ ను ఫాలో అవండి. చాలా సులభంగా మీరు కూడా మీ బ్లాగులో ఇలాంటి సైడ్ మెనూ పెట్టుకొని మీకిష్టం వచ్చినట్లుగా లింకులు ఇచ్చుకోవచ్చు.

1.మొదట ఈ క్రింది లింకు నుండి 2 జావాస్క్రిప్ట్ ఫైల్స్ ను డౌన్లోడ్ చేస్కోండి.
download


2. ఇపుడు ssmItems.js ఫైల్ మీద రైట్ క్లిక్ చేసి ఓపెన్ విత్ క్లిక్ చేసి Notepad తో ఓపెన్ చేయండి. కోడ్ ఈ క్రింది విధంగా కనిపిస్తుంది. ఈ కోడ్ లో గ్రీన్ కలర్ అక్షరాల ప్లేస్ లో మెనూటైటిల్స్ మీకు కావలసిన విధంగా రీప్లేస్ చేయండి. తర్వాత రెడ్ కలర్ అక్షరాల ప్లేస్ లో url లింక్స్ ఇచ్చి సేవ్ చేయండి. ఇలా మీరు ఎన్ని మెనూ టైటిల్స్ అయినా యాడ్ చేస్కోవచ్చు.



<!--


/*

Configure menu styles below

NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors

*/

YOffset=150; // no quotes!!

XOffset=0;

staticYOffset=30; // no quotes!!

slideSpeed=20 // no quotes!!

waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.

menuBGColor="black";

menuIsStatic="yes"; //this sets whether menu should stay static on the screen

menuWidth=150; // Must be a multiple of 10! no quotes!!

menuCols=2;

hdrFontFamily="verdana";

hdrFontSize="2";

hdrFontColor="white";

hdrBGColor="#170088";

hdrAlign="left";

hdrVAlign="center";

hdrHeight="15";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#FFFF99";

linkTarget="_top";

linkAlign="Left";

barBGColor="#444444";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barVAlign="center";

barWidth=20; // no quotes!!

barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.


///////////////////////////


// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header

ssmItems[0]=["MENU"] //create header

ssmItems[1]=["Home", "http://superblogtutorials.blogspot.com/", ""]

ssmItems[2]=["SysWorld", "http://mahigrafix.blogspot.com/",""]

ssmItems[3]=["TeluguHelp", "http://telugukeyboards.blogspot.com/", ""]

ssmItems[4]=["Mahi-Forum", "http://mahi.in-goo.net/forum.htm", "_new"]

ssmItems[5]=["Email", "mahigrafix@gmail.com", ""]

ssmItems[6]=["External Links", "", ""] //create header

ssmItems[7]=["WebHosting", "http://x51host.com/", ""]

ssmItems[8]=["ComputerEra", "http://computerera.co.in/forum/index.php", ""]


buildMenu();


//-->






3. ఇపుడు ssm.js, ssmItems.js ఈ రెండు ఫైళ్లను మీ సొంత సర్వర్ లోకి అప్ లోడ్ చేయండి. ఒకవేళ మీకు సొంత సర్వర్ లేకపోతే యాహూజియోసిటీస్ లోకి లోడ్ చేసి ఈ రెండ్ ఫైళ్ల పాత్ ను కాపీ చేసి పెట్టుకోండి.

4. ఈ క్రింది కోడ్ ను కాపీ చేస్కొని ఈ కోడ్ లో రెడ్ లెటర్స్ ప్లేస్ లో మీరు 3 వ స్టెప్ లో కాపీ చేసి పెట్టుకున్న ఫైల్ పాత్ లను రీప్లేస్ చేయండి.



<style type="text/css">

<!--

A.ssmItems:link {color:black;text-decoration:none;}

A.ssmItems:hover {color:black;text-decoration:none;}

A.ssmItems:active {color:black;text-decoration:none;}

A.ssmItems:visited {color:black;text-decoration:none;}

//-->

</style>


<SCRIPT SRC="http://www.mahigrafix.com/javascript/ssm.js" language="JavaScript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)

//Updated July 8th, 03' for doctype bug

//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC="http://www.mahigrafix.com/javascript/ssmItems.js" language="JavaScript1.2"></SCRIPT>




5. ఇపుడు బ్లాగర్.కామ్ లో మీ అకౌంట్ లోకి లాగిన్ అయి Layout - Edit HTML ను క్లిక్ చేయండి. మీ టెంప్లేట్ HTML Code లో </head> ట్యాగ్ ఎక్కడ ఉందో కనుక్కోండి. 4 వ స్టెప్ లో కాపీ చేస్కున్న కోడ్ ను కరెక్ట్ గా </head> ట్యాగ్ పై లైన్ లో వచ్చేటట్లు పేస్ట్ చేసి ప్రివ్యూ బటన్ ను క్లిక్ చేయండి. ఓకే అయితే సేవ్ చేయండి.

బ్లాగ్ లో డ్రాప్ డౌన్ మెనూ ఎలా పెట్టుకోవాలో ట్యుటోరియల్

ఈ క్రింది విధంగా మీ బ్లాగులలో డ్రాప్ డౌన్ మెనూ ఎలా పెట్టుకోవాలో ఈ ట్యుటోరియల్ లో తెలుసుకుందాం



1. ఈ క్రింది కోడ్ కాపీ చేస్కొని ఎరుపు రంగు అక్షరాలను మీకు కావలసిన టైటిల్స్ లింక్ లు గా మార్చండి. తర్వాత ఈ కోడ్ ను మీ బ్లాగు పేజి ఎలిమంట్స్ లో Add a Gadget > HTML/Javascript లో పేస్ట్ చేసి సేవ్ చేయండి. పై విధంగా మీ బ్లాగులో కూడా డ్రాప్ డౌన్ మెనూ ఏర్పడుతుంది.





<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"

size=1 name=menu>



<option>- TITLE - </option>



<option value="http://yourlink.com">your title1</option>



<option value="http://yourlink.com">your title2</option>



<option value="http://yourlink.com">your title3</option>



</select></form>

మీ బ్లాగు కోసం తయారు చేసిన పోస్టులు మీరు సెట్ చేసిన టైమ్ కు publish అయేటట్లుగా settings

ఒక్కోసారి మన ఖాళీ సమయంలో బ్లాగు కోసమని ఒకే సారి 5/6 పోస్టులు చేసి పబ్లిష్ చేస్తుంటాము. అలా కాకుండా మీరు తయారు చేసి పెట్టిన 5 పోస్టులు రోజుకు ఒకటి లేదా మీరు కోరుకున్న టైమ్ లో ప్రచురితమయ్యేటట్లుగా పోస్టు publish చేయవచ్చు. ఈ ప్రాసెస్ ను బ్లాగులలో scheduled posts అంటారు. అదెలా చేయాలో ఈ ట్యుటోరియల్ లో తెలుసుకుందాం.

1.http://draft.blogger.com ను క్లిక్ చేసి మీ బ్లాగర్ ఐడీ మరియు పాస్వర్డ్ లతో లాగిన్ అవండి.

2. Dash Board లో మీరు ఏ బ్లాగులో షెడ్యూల్డ్ పోస్ట్ చేయాలనుకుంటున్నారో, ఆ బ్లాగు క్రింద ఉన్న NEW POST ను క్లిక్ చేయండి.
3.ఇపుడు మీకు కొత్త పోస్ట్ బాక్స్ కనిపిస్తుంది.
4.అందులో మీరు వ్రాయలనుకున్న మ్యాటర్ వ్రాసేయండి.
5.తర్వాత పోస్ట్ బాక్స్ క్రింది ఎడమ భాగాన ఉన్న Post Options ను క్లిక్ చేయండి.
6.ఈ క్రింది ఫిగర్ లో లాగ మీకు ఇంకొక Expandable Menu open అవుతుంది. అందులో క్రింద చూపించిన విధంగా Scheduled at క్రింద ఉన్న డేట్ మరియు టైమ్ ను మీ పోస్ట్ ఎపుడు పబ్లిష్ కావాలనుకుంటున్నారో ఆ టైమ్ కు , డేట్ కు మార్చండి. తర్వాత PUBLISH POST ను క్లిక్ చేయండి. మీ పోస్ట్ మీరు సెట్ చేసిన టైంకు మీ బ్లాగులో ప్రచురించబడుతుంది.



గమనిక: ఇలా చేయాలంటే http://blogger.com లోకి కాకుండా http://draft.blogger.com లోకి లాగిన్ అవాలి