Tuesday, August 9, 2011

தலைப்பு பகுதியில் (header) Embedd தேடுதல் பெட்டி அமைக்கலாம்

நம் வலைப்பூவின் தலைப்பு பகுதியில் தேடுதல் பெட்டியை அமைப்பது எப்படி
என்று பார்போம் .
1.உங்கள் பிளாக்கர் கணக்கில் சென்று கொள்ளுங்கள்.
2. LAYOUT TAB ஐ தேர்வு செய்யுங்கள்.
3. EDIT HTML  TAB ஐ தெரிவு செய்து கொண்டு ,
4. EXPAND WIDGETS ஐ சொடுக்கி கொள்ளுங்கள் .
5,பின் கீழே வரும் கோடிங்கை தேடுங்கள் .




<div class='descriptionwrapper'><p class='description'><span><data:description/></span></p>


அதன் பிறகு கீழே உங்களுக்கு பிடித்த தேடுதல் பேட்டியின் கோடிங்கை 
அதற்கு (<div class='descriptionwrapper'><p class='description'><span><data:description/></span></p>) பிறகு PASTE செய்யவும் .

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>


மேலே உள்ள கோடிங் முடிவு இப்படி(கீழே உள்ள தேடுதல் பெட்டி போல் ) வரும் .


இரண்டாவது தேடுதல் பெட்டி 


இந்த தேடுதல் பெட்டிக்கு கீழே வரும் கோடிங்கை அதற்கு(<div class='descriptionwrapper'><p class='description'><span><data:description/></span></p>) கீழே PASTE செய்யவும் .

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" style="background: #ccccff; border: 2px solid #000066"/><input id="search-btn" value="Search" type="submit" style="background: #000066; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/></form>

மூன்றாவது தேடுதல் பெட்டி :



இந்த தேடுதல் பெட்டிக்கு கீழே வரும் கோடிங்கை அதற்கு(<div class='descriptionwrapper'><p class='description'><span><data:description/></span></p>) கீழே PASTE செய்யவும் .

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" value="Enter search terms"/><input id="search-btn" value="Search" type="image" src="http://2.bp.blogspot.com/-lx9bV9-DWdM/TjKPqKaQh1I/AAAAAAAAA94/I-aSRD1r7DY/s1600/magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>



http://wesmob.blogspot.com/2011/08/blog-post_09.html