Html/Java Code On Style Box

எவ்வாறு HTML/Java code களை ஒரு அழகான பெட்டியினுள் காட்டுவது



 உங்களுடைய HTML/Java CSS code களை மெருகுபடுத்தி அழகான பெட்டியில் காட்டுவதற்கு கீழே உள்ள படிமுறைகளை பின் பற்றவும்.

  • Sign in Your => click Template=> click Edit HTML=> click Proceed ஐ கொடுத்து பின்
  • CTRL+F யினை அழுத்தி ]]></b:skin> என்ற code ஐ தேடவும்.
  • நீங்கள் தேர்ந்தெடுத்த ]]></b:skin> என்ற code யின் மேல், கீழே உள்ள code ஐ copy செய்து paste செய்யவும்.
 .post blockquote {
background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinYSnFyAzZcm_QzU_jcafOBw-W4Wvw-uSH5a8FKaHuHMADwqUcWU0ieqKCYEzf51VWtzJE9Zivc_YMw69vMu5Co-p155JNc6gwUe_acIZXSrog7-W-RcqWpTNQBi1d1gWG0F21XA6VKmk/s1600/1.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}


பின்னர் Save Template ஐ click செய்து சேமித்து விடுங்கள்.

 இப்போது நீங்கள் வெளியிடப்போகும் Encode செய்யப்பட்ட code ஐ copy செய்து, (எவ்வாறு Encode செய்வது என்பதை காண இங்கே click செய்யவும்.

Create a New Post என்பதை click செய்யவும்.
பின் அதனுள் Encode செய்த code ஐ Paste செய்யவும்.
இப்பொழுது மிகவும் முக்கியமாக நீங்கள் வெளியிடப்போகும் Encode செய்யப்பட்ட code ஐ Select செய்து  Quote  எனும் code ஐ ஒரு தடவை மாத்திரம் click செய்து பதிவை வெளியிடுங்கள்.  

எவ்வாறு code களை பெட்டியினுள் சேர்ப்பது

<div class="mydiv" style="border:1px #000 solid">
<textarea style="width:100%;height:120px;border:2px solid black;padding:4px;font-size: 12px;">
THE USER CODE
</textarea>
</div> 

மேலே உள்ள code இல் சிவப்பு நிறத்தில் உள்ள எழுத்தை அழித்து விட்டு நீங்கள் பெட்டியினுள் வெளியிடப்போகும் எழுத்தையோ அல்லது HTML,CSS code யையோ கொடுங்கள் அவ்வளவுதான்.

Comments

Post a Comment

இந்தப் பதிவு பற்றிய உங்கள் கருத்து எங்களுக்கு முக்கியம். எதுவானாலும் தயங்காம எழுதுங்க!

Popular posts from this blog

Hacking அறிந்தும் அறியாமலும் – பாகம் 2

Image
Hacking அறிந்தும் அறியாமலும் – பாகம் 2 ஹக்கிங் பற்றிய இந்த தொடரில், ஹக்கிங் என்றால் என்ன? என்பது பற்றியும் மற்றும் ஹக்கேர்ஸ் பற்றியும் கடந்த பதிவில் பார்த்தோம்.ஹக்கிங் அறிந்தும் அறியாமலும் – பாகம் 1 அதன் தொடர்ச்சியாக இன்று அனைவரும் கட்டாயம் அறிந்து வைத்திருக்க வேண்டிய சிலவற்றை பற்றி பார்க்கலாம். அதாவது தனிநபர் பாதுகாப்புக்கு அச்சுறுத்தல் விடும் ஹக்கிங் முறைகள், அவற்றிற்கான பாதுகாப்பு ஏற்பாடுகள் பற்றிய விடயங்களை தொடர்ந்து பார்க்கலாம். ஹக்கேர்ஸ்ஸைப் பொறுத்தவரையில் அவர்கள்  ஒரு தனிநபரின் இணையக்கணக்குகளின் மீதோ அல்லது அதையொத்த தனிநபர் தகவல்கள் மீதோ தாக்குதல் நடாத்துவதற்கு குறிப்பிட்டு சொல்லக்கூடிய ஒருசில வழிவகைகளை பயன்படுத்துகிறார்கள். அவை வருமாறு தனிநபர் கணக்குகள்/தகவல்கள் மீதான ஹக்கேர்ஸ்ஸின் தாக்குதல் வழிமுறைகள் 1. Phishing 2.Key Loggers 3.Social Engineering 4.Tap Napping இந்த மேற்குறிப்பிட்ட வழிமுறைகளையே தனிநபர் கணக்குகள்/தகவல்கள் மீதான தாக்குதல்களுக்கு இன்று அதிகம் ஹக்கேர்ஸ் பயன்படுத்துகின்றனர். இவற்றைப்பற்றியும் இதிலிருந்து எவ்வாறெம்மை பாதுகாத்துக...
Keep reading

HOW TO ADD ANNOUNCEMENT STICKY NOTIFICATION BAR TO BLOGGER

Image
HOW TO ADD ANNOUNCEMENT STICKY NOTIFICATION BAR TO BLOGGER Adding this notification bar to blogger: Login to your  blogger dashboard  and  select your blog . Select  Layout  option and select  Add a gadget  option. Select  HTML/JavaScript  widget from the list. In the HTML/JavaScript widget paste  following code  and save it. Preview your blog to see the new changes. Note:  In the following code replace  red colored code  with your post titles and remove  #  symbols with links to these posts. CODE: <style> #wcnot-cont { top:0px; left:0px; z-index:9999999; position:fixed; width:100%; background:#222222; color:#ffffff; font:16px georgia; box-shadow:2px 2px 5px  #444444; -moz-box-shadow:2px 2px 5px  #444444; -web-kit-box-shadow:2px 2px 5px  #444444; -goog-ms-box-shadow:2px 2px 5px  #444444; } #wc-movtext { text-align:center; padding:8px; font-family:  Ve...
Keep reading